{"maintainers":[{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"hi@yef.im"},{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"andrey.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","rtl","right to left"],"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":"Material Components for the web RTL Scss helpers","readme":"","repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-rtl"},"license":"MIT","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"versions":{"0.1.0":{"name":"@material/rtl","version":"0.1.0","license":"Apache-2.0","_id":"@material/rtl@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":"990946ba31c5af76b085bc445ba9054708afb9e1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-0.1.0.tgz","integrity":"sha512-0XlPgQHNRS50e1xSFDuRMwKNz0WwuekIK3200kxDa0dPXynsvPWHhNx3aqepw54JveDIx0xk6Dd2ubMKIg/a9A==","signatures":[{"sig":"MEYCIQCa+20OmtZFpcY+qgqbVYeH6ZeL1t83BsvqHt+vL7lyVwIhAPCDp4ifBTgY1Qv0uF9CaQoe8aCMPBDlPntzqvlSk5wS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"_from":".","_shasum":"990946ba31c5af76b085bc445ba9054708afb9e1","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":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"7.1.0","_npmOperationalInternal":{"tmp":"tmp/rtl-0.1.0.tgz_1481824288112_0.5739154594484717","host":"packages-12-west.internal.npmjs.com"}},"0.1.1":{"name":"@material/rtl","version":"0.1.1","license":"Apache-2.0","_id":"@material/rtl@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":"844c04beeae2e0005e82b8800c39968852e242d9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-0.1.1.tgz","integrity":"sha512-4PauhQ+XNNZrRexZgNB5TsoNJwVALIjNGZPmT9GcdQNai/GrzBLZZ52Vfi55XY2TRkBHEr9tmgsrnIvD1GMLXQ==","signatures":[{"sig":"MEUCIQDp5hIvsYx3pV6dlyTm2h0fRYYmOkYVVqi6E+26DIh1egIgPRq2rOgUYfgwrb2Vh7WUCVnTeHmN72l12QQJK3jNfF0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"_from":".","_shasum":"844c04beeae2e0005e82b8800c39968852e242d9","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":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"7.2.1","_npmOperationalInternal":{"tmp":"tmp/rtl-0.1.1.tgz_1485190182358_0.167187879094854","host":"packages-12-west.internal.npmjs.com"}},"0.1.2":{"name":"@material/rtl","version":"0.1.2","keywords":["material components","material design","rtl","right to left"],"license":"Apache-2.0","_id":"@material/rtl@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":"f8ac5a5e1b15d4f09af2db5a8efeb0d02cc01204","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-0.1.2.tgz","integrity":"sha512-bFcHvLw+rd/5fhy3cl3T+YHQuProzwqIF51rVRilnojh02LZZKwIuAmV02wFGSEuNLTxfCwmrzi1JRA32EGXNQ==","signatures":[{"sig":"MEUCIQCM0XP0y8jxJn6zw42ulnzVHL0Ut9fo8DMSBLeN/LXX3gIgDVzk7rLfJ9VtazgLM7NC411n3GeDnrqlvRmVhHTMyTE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"_from":".","_shasum":"f8ac5a5e1b15d4f09af2db5a8efeb0d02cc01204","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":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"7.2.1","_npmOperationalInternal":{"tmp":"tmp/rtl-0.1.2.tgz_1487698059627_0.6009109162259847","host":"packages-12-west.internal.npmjs.com"}},"0.1.3":{"name":"@material/rtl","version":"0.1.3","keywords":["material components","material design","rtl","right to left"],"license":"Apache-2.0","_id":"@material/rtl@0.1.3","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":"87097b0aa7f56c1748a2a3a2edd0463783bfacd5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-0.1.3.tgz","integrity":"sha512-RnXYSseziCU4oNkG4NOelG4Rf0RHPH0xD+eFkn+zwJQaJEm0mI8MhQHYVr4iu4iUNBD44Lr0xGnXPJ8bNa3BRQ==","signatures":[{"sig":"MEQCIDy41e+mNqqMqw/bn8vsTt+xQdW1aBOLWSA/TzbbR1CHAiAnqLqhj0qsL8/Q9zPSKsMnY0qX4qcETS36+fTdTrVIVQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"_from":".","_shasum":"87097b0aa7f56c1748a2a3a2edd0463783bfacd5","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":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"7.6.0","_npmOperationalInternal":{"tmp":"tmp/rtl-0.1.3.tgz_1492527085132_0.29882555012591183","host":"packages-12-west.internal.npmjs.com"}},"0.1.4":{"name":"@material/rtl","version":"0.1.4","keywords":["material components","material design","rtl","right to left"],"license":"Apache-2.0","_id":"@material/rtl@0.1.4","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":"03b99a0ff4fae54d271ce7c586b5cf6dee8c60bc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-0.1.4.tgz","integrity":"sha512-YtCSae9xjTM3LuWnHmXCON6yfyDlPLSIb5SHIsp3gip6hyaX7ljnNvMNr+hhcj8vHfQKpeK0Y+d87ZkusFjWzA==","signatures":[{"sig":"MEUCIEmFHVv27UYdPlHxI8O4BJYbqpfg29Ih0smeYlQ36d/6AiEAnUshdQRFUMZ9hujGt8tYbhCq0cd2bz/ElAPUEYXtXTw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"_from":".","_shasum":"03b99a0ff4fae54d271ce7c586b5cf6dee8c60bc","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":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"7.2.1","_npmOperationalInternal":{"tmp":"tmp/rtl-0.1.4.tgz_1494865568832_0.5189740266650915","host":"packages-18-east.internal.npmjs.com"}},"0.1.5":{"name":"@material/rtl","version":"0.1.5","keywords":["material components","material design","rtl","right to left"],"license":"Apache-2.0","_id":"@material/rtl@0.1.5","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":"062b88eac42e925d5b052e04925121505e62ff44","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-0.1.5.tgz","integrity":"sha512-ZyRjfi3lOUTrawgm7nndejgL8+l4zlLL/IXkz6+XTbwACkj73QUxK8Sp9K8aniOZPn5LBjF2gAiSVHrK/V1axg==","signatures":[{"sig":"MEUCIBJp8qEYzeJKUfip85y0ph4O7inM04DHQpYQz0nccCBwAiEA2QmETS4UX7zsw4F714XEDmdyWmJxUFADO4c5TjwEsk8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"_npmUser":{"name":"anonymous","email":"travis.kaufman@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"5.0.3","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"8.0.0","_npmOperationalInternal":{"tmp":"tmp/rtl-0.1.5.tgz_1497282802853_0.2504544728435576","host":"s3://npm-registry-packages"}},"0.1.6":{"name":"@material/rtl","version":"0.1.6","keywords":["material components","material design","rtl","right to left"],"license":"Apache-2.0","_id":"@material/rtl@0.1.6","maintainers":[{"name":"anonymous","email":"lynnjepsen+npm@google.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":"64897f3050b2c53c378c6b4a7d2998cf61b2445b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-0.1.6.tgz","integrity":"sha512-bDIC+wRyZyJs91pGHF7YSHkiGLZSf6kmfJw+zXAn7PK4F8qK+5TmVQrP5ODClzysfO0OpzQH4rEZxp5qeJI+yw==","signatures":[{"sig":"MEUCIAvbizOCiIGegUCNU8MnBLxzTo3+G1O9IMnnGTvowVu3AiEAubj6Agi4ZhZYep0M7N6r5GM8NLdjsFJqLilQTTbqj5k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"_from":".","_shasum":"64897f3050b2c53c378c6b4a7d2998cf61b2445b","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":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"6.9.2","_npmOperationalInternal":{"tmp":"tmp/rtl-0.1.6.tgz_1498493461518_0.5573772767093033","host":"s3://npm-registry-packages"}},"0.1.7":{"name":"@material/rtl","version":"0.1.7","keywords":["material components","material design","rtl","right to left"],"license":"Apache-2.0","_id":"@material/rtl@0.1.7","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":"b38b771af183bcf34d643f600f17fc433698535a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-0.1.7.tgz","integrity":"sha512-ipfSZSRUhDEymv1CQ8m3RrTpTmCWWWS0reoJ9aDhbc72UmSO6UIbn/1QpM1eSlnuVTa7qyVASvJbPll9+d4oLw==","signatures":[{"sig":"MEUCIAEt/KOds6ka7ujI67ON1Rj5OQcCHqMRVo10FhX0jykjAiEAn86LqKuTRaVM0E3Sgxfe/F05h3HubsPRvcNMV2qS7hc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"_from":".","_shasum":"b38b771af183bcf34d643f600f17fc433698535a","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":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"7.2.1","_npmOperationalInternal":{"tmp":"tmp/rtl-0.1.7.tgz_1500911364527_0.7146018464118242","host":"s3://npm-registry-packages"}},"0.1.8":{"name":"@material/rtl","version":"0.1.8","keywords":["material components","material design","rtl","right to left"],"license":"Apache-2.0","_id":"@material/rtl@0.1.8","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":"2462db15e2d4e041666485559c028382872b01fb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-0.1.8.tgz","integrity":"sha512-NzBobwxvhJg+dch99pVO+Z9HL1DM+esuIy5WYXgM7trfOVh8n9DkVo5vD/NKnDy6F5wCaRnJOI5T19Tev6c9Zw==","signatures":[{"sig":"MEYCIQChKlNcfzDHWex9ic1JJ6kv0Q37l2oXv37v+8+0SCElIQIhANSbGmY0CS6Hcykztk/9JVHZV9rC2fYV+sRH6CTj4qsa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"_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":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"6.9.2","_npmOperationalInternal":{"tmp":"tmp/rtl-0.1.8.tgz_1505759750573_0.5605896133929491","host":"s3://npm-registry-packages"}},"0.29.0":{"name":"@material/rtl","version":"0.29.0","keywords":["material components","material design","rtl","right to left"],"license":"Apache-2.0","_id":"@material/rtl@0.29.0","maintainers":[{"name":"anonymous","email":"lynnjepsen+npm@google.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"prodee@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":"alex.m.sheehan@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"a6625b3b880bcdea2af3004e410901a7ff615335","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-0.29.0.tgz","integrity":"sha512-4go3wsBIFvwZv0WeMhX0b7a3jKfL3tDkLKes/uLz/cnYmR5uVVM4v6rYE0Fia0FtRBIx3qsBCuVijAbzsQ/mNg==","signatures":[{"sig":"MEUCIQCW/cEMG85TDL3vUDavIWieOCgfnVURR9hfuW/f1s2ToAIgNJi7TixG4vjxU8XQG2AILTBlkOCOGhysz9HDySWnyxs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"_npmUser":{"name":"anonymous","email":"bonniez@google.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"5.6.0","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"8.7.0","_npmOperationalInternal":{"tmp":"tmp/rtl-0.29.0.tgz_1516645860668_0.720080848550424","host":"s3://npm-registry-packages"}},"0.30.0":{"name":"@material/rtl","version":"0.30.0","keywords":["material components","material design","rtl","right to left"],"license":"Apache-2.0","_id":"@material/rtl@0.30.0","maintainers":[{"name":"anonymous","email":"lynnjepsen+npm@google.com"},{"name":"anonymous","email":"williamernest@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"prodee@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":"alex.m.sheehan@gmail.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"0fbda0bc0e8a7baa6c29413fc3f9f8edda602502","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-0.30.0.tgz","integrity":"sha512-zxEiXFESaQvNNm+tHO0QVKxkGERkL6rX4ghusl7HhosueOcjaVLNYCxH5F0x6Et04TL0wh1ycBmFUIEqVhEkWw==","signatures":[{"sig":"MEUCIAOyqbFQbUijo7gFpuNZt+LCEd9gAzrhM+W8lGbkHW5NAiEAhPZZeYbCscCUPg7im9HDZT1ppPiNIVJplwhtCURQ0MA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"_npmUser":{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"5.3.0","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"8.1.4","_npmOperationalInternal":{"tmp":"tmp/rtl-0.30.0.tgz_1517868177811_0.033768349792808294","host":"s3://npm-registry-packages"}},"0.33.0":{"name":"@material/rtl","version":"0.33.0","keywords":["material components","material design","rtl","right to left"],"license":"Apache-2.0","_id":"@material/rtl@0.33.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":"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":"4ae034aa9de3056c73843ac6c50b4b93ee7669aa","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-0.33.0.tgz","fileCount":3,"integrity":"sha512-uCx7IcDdxL3KkskzGHy3guK22sBl/l5TiTkIXq3MJBKnsIicYA/Ygy1q9ft72nXGsCWxgv+0uukduQE15zjh/g==","signatures":[{"sig":"MEUCIBFEyQ4Tmepz5fTtaQlmJEQs9ALZha4+IQwzAaKALPDMAiEA1K5zAs3jcP/HtHDkR9QV9s7NrDuqiUCboSk9nds4UCM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9286},"_npmUser":{"name":"anonymous","email":"williamernest@google.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"5.6.0","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"9.4.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_0.33.0_1521477607840_0.7939813845020793","host":"s3://npm-registry-packages"}},"0.34.0":{"name":"@material/rtl","version":"0.34.0","keywords":["material components","material design","rtl","right to left"],"license":"Apache-2.0","_id":"@material/rtl@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":"6116d9c99f0c0ff40a8ae97ea5bc1a5fd29bcff5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-0.34.0.tgz","fileCount":3,"integrity":"sha512-e4gxmJT1ll2w8jL0TXxFshdBgFbb+VMgyIC4N6DigcPuG07HpY5dZwaA92Gd1C+uQoLv4PEaqidt6ZMpVeDzKw==","signatures":[{"sig":"MEUCIF93X5edtkxt7fFZ3N5v4Vmu7E/Oc1sGE8Ow5WmI+erRAiEAtKQ7W2i+gM1FyMT3s67WVufUsu/9Kj3owPr4/xsWDh0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9279},"_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":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"8.11.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_0.34.0_1522705922363_0.3545265215265727","host":"s3://npm-registry-packages"}},"0.35.0":{"name":"@material/rtl","version":"0.35.0","keywords":["material components","material design","rtl","right to left"],"license":"Apache-2.0","_id":"@material/rtl@0.35.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":"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":"caae659e35a9bf1b9d91c734c8a3315a81bcde21","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-0.35.0.tgz","fileCount":3,"integrity":"sha512-Cn5xpwgVuB37NUTAPS+TMZ+XLJaztp7oDrv5y73zu0ZjTnf9HPAsS16ovauf8HQqMaZyAj9B3tvZHL05g4y5pA==","signatures":[{"sig":"MEQCIBFhLkjWrxS7drqpgCnv179vWn76TnCVEhnALMPmGsKHAiA3aviVcN+Jefd6lgpCM+PRd3W6sMCBcsR0Suq8F3wUsA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9247,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa3mEjCRA9TVsSAnZWagAApmEP/jwj1aoMNOHLOlV5EGnQ\n9bOpi1mwcPIKPM8TAyurwyaREfR2pKlFzOF2UIPMdp/Ym83vNgVNprHazIW4\nIi1vVUETu51FqNg4BGE6s6/LSU6yBrAdbwVxxm4CqVdwI9cu8k2LrPMcTcCw\n86TZldrmwigyu8ngp42adufb/I4VHOaCQw6qrBTWU/BY1t7WkOfh2MozZYkc\ndi1Q0yVJwk0/PxI6QeweOPbeWYg/Oaed9fSF/4U6CIwxgdFqiTTVyScEO8Nf\nwavDzLeYI456ziUxdS3xAKwyvT8tyDXoQ6kAfoi3HK09GwZaVObzBb67U4eW\neVNXxdidCbO6I4jNYwZ9sLxKz2GNPBnxqELMtbUMuRjWiotBE5OCwTw/qDo5\n3cQgRnNDF8hcY2OKwntorwVfQ7AWAJHEiROskKQrETkI2Ma/I/PMA6PA0YvV\nNkmqBoR5AGLkYjSLeNYBwW9yrgidRLa2ilCTrrA2JUFDo62YHG+XG49T9ZoV\ntVuKPQlXY5SCmg91r8Oi2tB3HOaa6xuz4R9TYBDY90CD+yofx5L2S+BsgNuc\njrpQkUQvnMhLHawc3N1V/rpyODqKKuaVWljAswt2eXL3Ebc1hcZQhguXf3C3\nej6S44TegTVedJ5Wv4EHbFxT5PCMuHi9BcNylCtmRXl284Aj58leEMdL8UZm\ns0lF\r\n=FW1q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & 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/usability/bidirectionality.html\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\n","_npmUser":{"name":"anonymous","email":"bonniez@google.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"5.6.0","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"8.7.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_0.35.0_1524523298053_0.9005558313889834","host":"s3://npm-registry-packages"}},"0.36.0":{"name":"@material/rtl","version":"0.36.0","keywords":["material components","material design","rtl","right to left"],"license":"Apache-2.0","_id":"@material/rtl@0.36.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":"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":"a81b587981dc6e09f51e26da8a7447f89358ccd5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-0.36.0.tgz","fileCount":3,"integrity":"sha512-uCMwWGdKG0ooYh1kVINz7vTgSY++9wnvU3kOqjRdfOY+PZHWSa/X/EqRdE9Q1pUFwYlQeU2PXE/Z2dTK/nlziw==","signatures":[{"sig":"MEUCIQCASc8ODKfJj9965ab3HmFDXCQhZSwtmG7RNfSWvgEMdQIgHf9lQ2Z1wDBxJvD/WQ7bH3tqgM4p8FUMXUwmCsVUbc8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":9970,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbFVy/CRA9TVsSAnZWagAA4noQAI4xcVygcKZr3bgNVodM\nJuMU/DGua4wSTy6p+GGGfuULuMDHhHd1bOkFYr6cINYJo3hNzKYRr2ZuB1UR\nufwyVn1HQQtMd/GZCl9NkGEE7rzhMuqKbZxy2mTa0tDaLjzp9AmooWPTmy1z\neWW3Rg054ZiCibkKuxbv4YIln65JyoPuGagNwg3sdN3emWAzvmLnW6UiIo3h\nL0kW1/8s5sorcgWGscXrmH0cYwaQV4vDqsSLpoQa0X6iV8gW0tlPVr0OD/tK\njTvy4NPvSLKsJ3jud0QDDszJXGVJ91xRlEwuklSTRhJiyzP4T3gUQeDxiESs\nJVnoIvhOclicfRcKV6EDSgrfRb7kliXOBG3xVd949OGMi4UcN3CJPb6ajoST\nCCRCCgnT4d7TqHAQb0PLBipd3ZIFEW0R9gOKlEGlCutOaA2RL5cltvDwLgWH\nfZ2ge8FhomVQijskn6lmHMzMLFBSqktHan1WsdBPTgiePk3uwST0e9LxgakF\nob+OJ3tywjSBOWOIYOvFklNdbb2gtQciAmqiqQW0T4ochgx9TEPBxxLdG4G9\nN/PHB9OfOwup6SLahaHf+Dj9c7PtuAvVyzQ23aC0S6ItpK/sakY2QkgVmzbC\nlc/RDK7t/ieyAMWIvYcmzqk1jmQX46S++ZaIpUZBL+Xmos5LEnmhOpwOISYQ\nSTzD\r\n=O4bP\r\n-----END PGP SIGNATURE-----\r\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.0.1","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"8.11.1","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_0.36.0_1528126654570_0.5613118266403709","host":"s3://npm-registry-packages"}},"0.39.0":{"name":"@material/rtl","version":"0.39.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f7f9fe4f11934efb7d5a8c06a2f2860de81743b4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-0.39.0.tgz","fileCount":3,"integrity":"sha512-vBTUVpXvHlcGmvY+bYZvsyvMtBX2WWA7b9vUuvIFlT66j7/p0iI+AzibxRtqeRoyu7Puvp2MWu08ERQ3oQXblQ==","signatures":[{"sig":"MEUCIQCrXrKkWTO0hXVFbqC7M1gfw4y+LCDAFtZmtekQJo/p9wIgG9/k5k8v0LLhb80oUP1svcqTmzXKCPJcWQijA7x75OM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10462,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbhDdzCRA9TVsSAnZWagAAKbYP/iMCy/Ii+CzeYBXhiXBE\ntHbkwQX9uZZCgYq/wUgIeBVnGPH7SiLUdAsGhyD3Ds0nsngMuiQh559ZCFby\nFBqfZ63CKNzBjTBX4XmOiQxWYj/J1z6I0vGC9YiggTax8q7Bmd4tylhinRhK\n9krSd5fxxcD5DZMhm3JkLJQvgyjyoF2SAQ24t2L/jJYDYEtem+jzVlhukm0G\nruS874X6l3Q8pRcu/sGxrHcf7MQZYizPfe+YO61xi1J6YQJCaKBIFhs0Gb+T\nAKji65ss4Xgx2biionI6HGldbFNp2CnQj+uIRxWJgDvlWtFlr8VJE4+zTq1K\njWQSrEaf9Fy5ofUVgFm8EkpPwQNK5xOsTHDCb5U3ehsknVyn2L6pyMfz4Nv9\nniHl6jeQUSsiSAN93oOZBN9dAb3jSn6qLB4KWVfyWknr7ocJk0UQ+2vIBb/n\nCvjBF/gcDZvJ0Y1XjrhwZtyWQcEtZZwhdT8c7TKSD0ANf6Lgp/HDDZPwDnXq\n2WO7Sor466KIUFEzgfYZMs0gxs1B78+q7r58rhNfXFOzTmflnztDd1Y6nddQ\nJauBNQu5dL+inNH5pm2/Ee2GK4s7nPkqFy5QxbknkXsMPs080u9YzeWrX5bG\nzhXr5sDf5aRvl/InjREDWcygIkOG21oar/UnNXniI9+Hzn3Xur9h2hQrfTIA\nFiVZ\r\n=V9ly\r\n-----END PGP SIGNATURE-----\r\n"},"_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":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"9.4.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_0.39.0_1535391602668_0.8706563422682496","host":"s3://npm-registry-packages"}},"0.39.1":{"name":"@material/rtl","version":"0.39.1","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@0.39.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":"dcaf6f93fc6cd540137edb352139dc8139bca436","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-0.39.1.tgz","fileCount":3,"integrity":"sha512-6RcXv6tQladbl+SboEHUykiDAz7dE5DjBuLNV0KD7yEUCcUV41WXZ5e4oUd1nDWnK0vHzFtNM7D6BGMPZ2T3zA==","signatures":[{"sig":"MEUCIFdAa1zjVBh9+y3eK76g7MSp0WquSkUyxP06Qw6mZ4ovAiEA09TPZqnGSTDte+7xHCZEcGwrqiv1gkvQ3E7WgVU8+zg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10502,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbibTBCRA9TVsSAnZWagAAeskQAKL9fFiFVxh4jgENuR5V\nx60WHpi6XPipuSUOcXD+KqcChrkAsQzfYrwixSyQbHVRvc4fyXxfCrORHEyo\nGuu4AEz5huAJX7D7+Wuut1P10/bstYPKAzdxkmrwh3tI9WOQ9CMuuJ5dXuVx\nf18udUNaOZb7nShYYuu8IqKbPfdXhfMMMRcj8fa9JXQ+Wjaeuzv3+acX4heJ\n+GlY9XGFqD/dSYKVf/poYifId93Z10yBcwcsFrPBaKH2FZ7in9TcMIOSUWKF\nBwW7uv9lC2HoWE6jXAOTtW1+G4eQfrqLZWWf3gJwsq4iVHb7iXcNJE1HJLdd\nLuqqVgHu3DkWBQxRDqm8hMMKJVNxh6Vue+bsqx/ZXWle7PbaCHwRvJlNuX47\nszbi/06TeXx9UmKDFmnZVlgObiyURUtIB0Z/6YiqT1kze2NVeOWTwYrkcO/M\nsuxDZkT1nLAM/qx7AhliNDremotyysYO+caD4k4CRJWtoNNZxjWpdipsP5W3\ndq+F+w2gX7mVfxMwmSNg4R/7Gs/d8GvtPVZdW6PAYR5zBXhtZAT4boXOeZve\nyfANczq14GcxjN5dWINT4/zTzNyymnli3ccU6haczUl3sVC9evOx6ShQpZJD\n6OgHFG4yy3ymPbJfx1EY3owbn3kqIOqDRehQrMahRxIQh8OBqI/HvbMhiP/9\nLS2p\r\n=8VTI\r\n-----END PGP SIGNATURE-----\r\n"},"_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":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"9.4.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_0.39.1_1535751360382_0.43436732304604675","host":"s3://npm-registry-packages"}},"0.40.1":{"name":"@material/rtl","version":"0.40.1","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5b0d973e3c6f8e2ea3656c06ada37ba2fedfa206","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-0.40.1.tgz","fileCount":3,"integrity":"sha512-Pk6Iw1/KrhWZoZtkDsPMDUW0bm7Z1zeXb3MTQRCFmjf1wU5cRxgOTtuoZLcJqlcKGppLAzJL/TJV3E7KEiuL0A==","signatures":[{"sig":"MEUCIFELNcvFghD2TiOYjAtnBAVIOFNkfae+RjHDbX5xDtcaAiEAjcZHzTlZNBwCT01XFBsjrxLdw8k90Jz4wY87cc3EXyg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10498,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbu8PeCRA9TVsSAnZWagAAj9sQAJcQ9+KGM1kI5xPTU9Oy\nFMQXtnAucK36mi8M8POjew1p7bE0dXgRSWZw3v+613o9XGKLUjY3Z2cqHr4D\nn+RSlmiXvDtOf2od236gy/LXlZZkEdAT61gF049amzJt0AFmrihQ0gZ96USv\npmliN/MqJfxoOMuo2gfBg5O6P/pasBEt/gdFEyELGiiJYqmxSW26lZH/Ayds\nYuElY1o99qSQZw3GnVXOywITDdCcj/Dzd6UYRnLzGELcjYtfVz8cRFCxlETF\n128CuanmNb+oEFQg/Z6m8+lkNpilxtBLHH4S9SPIxQuGZXEHOPhJkWWw3J/O\np3c2+jLo98h9L9jpZNFW2WDqvQLwJEalIgFRWcH1YL7GuXaScQleY36Dqo+N\n6nkbJfV5/OmJJChuvPjeqb/cd8I+DQRn2a7gHnsDnQinrJFNs3ZDwiyMcP2D\na+3zif9a5HVR/skZry3e16EcpTjrcPo0fUzNywqozxXQkKUo/9p5+Vs/FugK\nfI51qupme0MmA8kOqw0H3ec8QRNLJBQyRFuFmJP9XUHcfC4SLSlsDPSHie09\nCYIAMr2bj6SVyGdnrO7G4lqzSTXpVOc/zwz+MeHQa3Vi0ooE26ZeGReoj71H\nyRoc9LrPCCY43bSNaEt4kTkz6iQ+t2pmBCdL7pnY8a+RpQXlusG8UisAtZ7s\nWORE\r\n=KoYk\r\n-----END PGP SIGNATURE-----\r\n"},"_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":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"9.11.1","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_0.40.1_1539032030200_0.13958626916087868","host":"s3://npm-registry-packages"}},"0.42.0":{"name":"@material/rtl","version":"0.42.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@0.42.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":"1836e78186c2d8b996f6fbf97adab203535335bc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-0.42.0.tgz","fileCount":3,"integrity":"sha512-VrnrKJzhmspsN8WXHuxxBZ69yM5IwhCUqWr1t1eNfw3ZEvEj7i1g3P31HGowKThIN1dc1Wh4LE14rCISWCtv5w==","signatures":[{"sig":"MEQCIHhvLXfW55wF6aobzZULRxAWVAZprevj+SmERU8F6EJ8AiBjXNOQsVsu+DEeBkBnAGZqNmazCkj2vNjvcSRynnzN1g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10496,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcBwWtCRA9TVsSAnZWagAA4AIP/jPFv2QIJ89oQor1T4Sb\nkIpYGXuwtgHXArQSmRbRwQnpYHMacUPyFHd2cnJLnj1j9JN5IbJwHAnuFVWe\nO98yO/+AxyYJ2emy7y3NT1iJNS6UvMQLRzKw2Z3lkYQYbzoalO1jYJ9c2EnS\nFzkgPpWeRZTBKq5oTQit3E0RBfxE2iDdityJov59P2B5FeJpOPimPFZW68C3\nRavcGf8Nz7yqkkNRDpX83Sy+D/EbpCdeN1yeKvRtnZaP11sWblCD0mKUzh0m\nGQYBBs4L+mmlA+on/jGTKfLqgGs79FiON2s+dljYeCFr/wQFGKOYj6yo9RYm\nHl0BbDfE6GKwoRtaZwVXKRn2nAigebw4GM6fhfjocrdqZBtmYEqvvWApCzZq\nx5Vt4tnw/SReqrnb+xEu+0W9hmh5MEutrwDYx9xF32FFuouwONxp00eU59Vb\ncVAlM3uPV0uYxpKfvF0pgkAXzVqWfjLdqNMKyCXcSnvHb3CILYGitPKSOtwA\nIh4M1fSSZ4JSp9F+sMpsGhNATQu0Jps8J247gNozVzi7zDMtfHGYr6QYlASS\nFEwBFrE/lXVHdweD/bWBq75qQ1Q+hSGzA22E/QekD73uXvrq/cBiUHvHSPa9\naAw6MSBt8gnTUMovf0ohphNhIJweO2ovF11SQ+EtozeCAyUxatFBt6C1O5Ta\nVofN\r\n=JRhQ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"anonymous","email":"williamernest@google.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git"},"_npmVersion":"6.4.1","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.13.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_0.42.0_1543964076568_0.09569475661066384","host":"s3://npm-registry-packages"}},"3.0.0":{"name":"@material/rtl","version":"3.0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"93f67688a3eda2d859f0f2daf3b83174420d329e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-3.0.0.tgz","fileCount":5,"integrity":"sha512-29vCtWTU2UXu/ZiyB9jgW7KaHHq1B8I+E5YxvRm4PtX07Um1su3aFA+QfEweB4VWuREtfERthmlej0rW42o+kQ==","signatures":[{"sig":"MEYCIQCExjvPh3c9KtxuQgNA8WXaNuAALMK3ATEiv1K+7hIoHgIhANGBC6pT3ahH2Mq036HF6870LyyTm5aVtUL5YvnWEPL4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdEp/dCRA9TVsSAnZWagAAx9YP/R34oLjVeU+I3BE04YHd\nseKzLQxQJqwtFgbeNiLZvX15y/qO0a2Ad3ZYuQe/0g1mlFYMVFCO/5ziarlZ\nyhmhW5IN7ei+eD+IPeAdlq6PqkvA2yzzXUJtquUx4uFaUlLZ/YW1a8E6qpga\nvO/G6/qNRf9Nu4mJlg3gYdK67SOIW4/vp+kyFjf7Pg1pXOCEN8SwxNUjQ1fO\nD40XsyLwfsKNXOO3qxAe0a+ihEy7/uv7AtCrQ65fS6+98iZAUZKbtRdM6h+Y\nss8HKddgUFxqxP76plxATtN5FeTjjTuGJI2aHmVoChTi2EaaUxxIBM5pf0QX\nEDNeuCuSp8Qm5ZaB575VKJs1zYQvcfN2Ol77WPBLx8qfUIRkMzg0sdQGyzPZ\nM23uZlFhgH8c6CRexfm/pduLN6gXtBV33Mt5mINrfDymv6afJfcXjoCV/y2k\nGKLr4vM+ldvU/UmS2RYrFtgxhQIriEHsgO3Tb2WpSWzOtMZwkapf5/0kAKq2\nM2eyDSoncA2zxGVcvdcSAXkNdvKwzZci2nBdJz9deeZdv1jHKGZ38a5EptCY\nTUdfN+Z9Ef1D7U7WGZNWApaSm/Vw3KrsJ5fx+kzKBJztCIOnc9G2/yMsFcLZ\nEqYWoRuSRjuFESg/12nMCAFLiGIK8aauRPn5bVT0BI7YKX2KrgzrT12jE85+\nr8Er\r\n=Z0W4\r\n-----END PGP SIGNATURE-----\r\n"},"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":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.13.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_3.0.0_1561501661152_0.9072403292589215","host":"s3://npm-registry-packages"}},"3.1.0":{"name":"@material/rtl","version":"3.1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8a5254bcf6c4d897e16206d52ba98b8eb98d45b7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-3.1.0.tgz","fileCount":5,"integrity":"sha512-HH19edQNb139zC+1SZ6/C9G92E54fUrnnW9AAF7t5eGjGdF26YJXJ/uhz+TnFhNUMi/QGrKUSycd4o73nU1m4A==","signatures":[{"sig":"MEQCIAOc819XIlhg4pBLFheQqUjfRBSnBPfn+r9J+6/aGhkJAiB+7tWLwUJvF20O01X50QHJC1SvRvmNCeJxhVOBVhNvPw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12000,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdNjJuCRA9TVsSAnZWagAAM2YQAJH+2KKUgM96OV4v7aN9\nnmm02HHoLe5Zw0nFM/NTy+d2efEayuc741I2aqDRYK38ZXG5BtXEEN5+STjF\nlXZ/hRQ8GGPX5tsBAqJGEU7dZUkcXLc9RM+2kbYZz2ToIhP4ccr/yB4rxnGu\n+MSJ0qMv8K6jy8F/NGKCQarzZByragl3A3qlJ55qb2i0pK0x4kX3I6nZ7wlc\nl8PWtLs1vOchlLIUqJxDoiElmJ3udNz4b1r5/Gk3vhnq7TcdU4F95ThDXqcj\nDspnOFeftDTSkSzRp8VO+R6IbqMGGNa9UJ+BJA3IUsgcH2FuAjmrJ+0NMjpQ\nd5FnOP07W/0mFBHHE5EpPohYjjsSHrT4IPWxuIMP5tO4c9Vrg46BtztPLFpp\nfX0J/w5qmcgJzECXFdIr2P9lm5romFEx706nXLoY20Po0q0Ygq1KAtd83y3Y\nmLXqnUXGZhYdSBmsVSzPvzvco3hURv5q2rAdqx1gJsWPV8K8wtzlRmXFyXI3\ncbQv1BURLOuCypEo4tmYMn3SQKhTc5LI8hrN5FDuMKLaUNWrXufkezBoKRFc\nf70ltkSlL1zNXqC//n3WaHuSKeDBQw7U1tghpTMCqAnNRFLckqQuhmX6N85O\nRxFst+CfQN76aj4z0tbFrhDPOQtg6by4G+7fCzwVG+vfiBoTZ/FJJIbYX6p4\nThhN\r\n=SzrL\r\n-----END PGP SIGNATURE-----\r\n"},"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-rtl"},"_npmVersion":"lerna/3.14.1/node@v8.16.0+x64 (darwin)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"8.16.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_3.1.0_1563832940966_0.2343118989419184","host":"s3://npm-registry-packages"}},"4.0.0-alpha.0":{"name":"@material/rtl","version":"4.0.0-alpha.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3549c1732e1049238f4035bcd4dec559afdbc037","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-alpha.0.tgz","fileCount":5,"integrity":"sha512-h2gHDt71GRry6sjQgoQ4vtyujCDy/lpB8N5ihH7l3tg9xqvP5dOpEEBwP6New1u5BLZRZyX037TmCj0ZlmqU1w==","signatures":[{"sig":"MEUCICk/LxcLdRqeAUXqFO6zUzeCeXb966usGqAxA1lTBfwSAiEAq7jVK+6IZao8ChqZWahThi8VhaYqIyEk1Dl2P5DINss=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12195,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdSz3vCRA9TVsSAnZWagAAR6sP/inU6iZfvrMdGVRJcvL3\nB9cexV1KzkC8IXEisEM9pO/llZEG9GZh33G2ORT7z6qbnE0mmMomyU/IYuwS\nhgb6YIZfBBb4MgooKNUo4x8aPvYET/0dLxLqX8tjZyJIdW2hl0vFf0E9eD67\nRjqj17F4p9k0IlOTtUgHxVeyvIjoPr1ftsMP2L6NAg/yRUUepy9rpdXREhxh\nQ3p1Q8M2ogBkmI/3mwYC2gLXxDZumRAggwjHCXXat7sz5oB+DicDdqND9JR1\nTvMN8pSHysZy5mUmuMzo6FsizzafNePQLn9yTE5Lyf+prvU99dCnsaqQgoBm\nhc70TMZ/xH0PSLNSdRnjxjbmZwM/dZ/GpamG7dKR2DktSDL5fsZ0kEpkQuNX\njJDPNwfZxYAvBN746OwmrH5ZvlTKF9TKiwHWLnW9o5Yo0NJJM4Xn+pUkqToK\n7CDybI2XyJfKL5j9DfD9IBKNo0gCeW87GT82prKp4mx+0zzIAbK0dKRtS0x7\nkEXPA0bxaeqP+FD64gVSEYLNq79DCYO0aSYSX3VJzYd40fmsrvG8j5HvB+Ly\nbPcZvZUphRN8iPzNWT4HmvWSiCA8A/dEGE6vIGG8Gb0UMRIfUKNdS51neM+p\ncS6MiSXGEbhZbnyaj6J8IsZHeIBEUWY5R7YL9taEgmDhoMch8XLT/VAQs+w3\nfUFD\r\n=ITZC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v8.16.0+x64 (darwin)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"8.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-alpha.0_1565212142504_0.33612757460476006","host":"s3://npm-registry-packages"}},"4.0.0-canary.0":{"name":"@material/rtl","version":"4.0.0-canary.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ec3959645e0a729206c8494775613ce61fff93b5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-canary.0.tgz","fileCount":6,"integrity":"sha512-1H/qWt0l0Ww9nBREJOjHZhWJouDHXfwIY0rRYCGIPL3IFQtsVZ9bQ4VU1lb2r3Dpwql6MBGZZeussFwsCoBhww==","signatures":[{"sig":"MEUCIG5l+x19fROy8ZkTl8uId9EANmDXe9eViCHC2F0fw9/yAiEA3KfmlC51ShCjj4w7zbPWN5afvxDfMnanUTL0wnNr5TM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15358,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdcJERCRA9TVsSAnZWagAA0bwQAIQbTKyblaeEVM4bxauB\n8lRgxrrGKSlnxtKvZz2YlkdVpzfSur1TbmdYLsOvbMO3YJngmS+/PeSpLPXL\nx4vkpEFdjn9JltGXDUMHZbRUYjyQAxbGl1cUBlUTI2xfj10Yw2C5+BfGpbg8\nkZekK5zHBQ61WMwqat3oR6+awsS6utYl2kJf32exJOP/R0/J0rWvlRCaQqY5\n+8jJkVM63/VRLNiqXOkF7WsaFe8lF9v252x0joL5MGgHE2m2Y54cTJl+cwXw\nJZZv4/hkgOPqU/ZqVlcVIarfoysNKimGMEz34W8OYHzpemYoJ691Mh6+hlNJ\nXLvNsKqRIZwOjNHnUmZFnQ6R/glY05EAAWNWzfxN9MYAZlRYLpjFbtX3ptPQ\nUQc01ASsPLFl9PLQw+MlOcDgHj9TsoPlBUOx7lzpq7WAlSLn1J0U5nf66mhV\n7rNT68ooBTrGrbTrIlrEe6H5pAq9uWFFwN8MItdFEban6kfq1IrHLLJ8Xb9I\nxtHqC2hy2dd0lj94Dm9WZHP8aNfq9uwcODENlG4EJq/qk5NmS/KsCXJY1wSe\nBvqHXF5uMjBaIczTw2q1fEBK12ZMwsKnjJiFyYyvPVFCQpMYnQN8k2hC/MJw\nP8i2UBZcVc456Vvb5AMlL0cPNvRMfj/iQZDXipIkxPWRVi/eCQ7BgWwh2oPt\nmhJP\r\n=9V5k\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v8.16.0+x64 (darwin)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"8.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-canary.0_1567658256467_0.3146932651693557","host":"s3://npm-registry-packages"}},"4.0.0-canary.1":{"name":"@material/rtl","version":"4.0.0-canary.1","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9928002b94eb1c94a0e14ba442ecba29235eaaba","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-canary.1.tgz","fileCount":6,"integrity":"sha512-uYkZRMDZnAK3ul6T0QwLsecWY8vnwYNBH/sibL3dCi70O48fPWkiiaI+K5g0GCHnCRB/Dn0NE8TYJOa67vFCDg==","signatures":[{"sig":"MEQCIGELLX1UErf1/kdsXMEe2rTnW5iDq9LP2BnjCUOdX5GXAiBKC0Vl/Esn4dEYF+kfsfBt+3cAk/aMvscvWoZjnPq3UA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":16893,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJddrQNCRA9TVsSAnZWagAATxUP/jh77/ZuFep5h4dmMf34\nN+4evrC9tO8KmTTpD0s5kzcm2q/jRqB/6BuVPfaQ+KcgWN31Xk/0vLFc18Ax\nfKuT0yQTysdGTaL/IocCcnuTmOHkqxysyAll2/DaNZpLzirrLC0PX2sf8k0x\n/v5SS40w93MBaVODB+qFFh1a4YYH3bxY1Jojfq252yR6VvWvHnbcVpAbX8+9\nme713w67d9DW29cFf4dUjYazCOH40TFQkC9OzVue/RmIElNXgZuScUvOnT2j\nJcaAMrrgoxOCPEbMWN7H7EH2xU3bvtLzi4x4eCtv9GVlmoajPq/jpZP/OYIA\n1RWpUg8M2nj1apdh+xoNgGWM1Hm/7qZC2K7fdReYqJdtm8OPJUKRi3jr4WlX\nbqWgWg8/Hf5rPcY6CkHCrhabSalFsnAPGg3XUyjN6t/BhQLKDo+WY8X6U2lv\nM/atnCavVS+TIz7GTUyroTeSWCM4waDH15ynIHmisX5K1v6l3tdCvHwSaMpO\nglJct/B+6kdpvaMJGuBUE1AxjQUJfkyH8xfD6NLVaYqdCAabZWqvOTLvKDe+\n5H9AtzwHN5syn/CCzCfMUHfjfS95FDRUZAUFzSx+OXtGHg4QtPs0LiivQAcn\nG2olh3BTAGNAi58aPTYUWKhszNrES3kV58id6SkHxpojDQYPZUpCJtf4Gy81\nMUhX\r\n=B/6B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v8.16.0+x64 (darwin)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"8.16.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-canary.1_1568060428223_0.34796824408492033","host":"s3://npm-registry-packages"}},"3.2.0":{"name":"@material/rtl","version":"3.2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@3.2.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@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":"0b2f7321463100674dfbf4507b54ccd052f05378","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-3.2.0.tgz","fileCount":6,"integrity":"sha512-L/w9m9Yx1ceOw/VjEfeJoqD4rW9QP3IBb9MamXAg3qUi/zsztoXD/FUw179pxkLn4huFFNlVYZ4Y1y6BpM0PMA==","signatures":[{"sig":"MEUCIHwgtQlsw2aIkPKATCqr2DhKTkcTIAPDrH7OYbznoL+ZAiEAjZVAqGnWTwNya/wfLwnmX+Qi2SE4Y+kElgysPDWW3ws=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18150,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJder5ZCRA9TVsSAnZWagAAf1MQAIr0zrINg1pRfKZhMG2X\nKdCdFfXs5vpfrhCUz/UiEOnyGFRxdwLJSTKLGo/22Mt4GpnJ+8WWURlPe60q\nGvEqHtvN6RgEWH0qAiiiicN+UDtQRRiZFTKzRq4OWsBB4ahWSMbSbRqJHEux\nyd+MMY1Tgqut4ZWbicfvFfjczWXzneJ73/nuK6xTxaJSiOUmu2hD2A5/hEBV\nT5rPVdItAPL2O2qtEFTm7TThzKkcgjyu3NlksiqhV7qYaAKJHJOuvzn3HMOc\nSXxyiJZzSpku+vcu22z+pKS7df1SC2jByZ4HFBbZQZrOtY+Cq2y9eWMVRLbl\nCea5q8yc9Ty33p7CQkUtgf0mXSu3OTdjjDrHx9k/kgHCN32ynuBQS3S3pd8L\np3Mzvuj0H1+uoh0OPNifTb1EIPA/UmU/EZdrkKdDbC4qAcBa0V6i6X2YsD/D\nIw1Yo/0d0hFvCtmE+P2/Ycj4bOjYZMEOu0lu84NzGBLDYKoxOut7dXkpNsTg\n0QxiZ/Ry57IVHLkKVXoOvdA+TeaJVtP8NoUKc8lMeqs0LFK1/35Q5ugOJI+k\n+5/FtD6OTGdWk4p73xpWR+AXrGWtB9U4HLgBr1BkpnVbsljvPyWHhe6JiGOH\n07olPP2QzoX3Y5R91Bfmn5W8Y7REFm4HFwUV+m+w5P+U3KIJc+4yYhIB8VrO\n5YU6\r\n=dCoF\r\n-----END PGP SIGNATURE-----\r\n"},"gitHead":"abf67305fa705591abea3972006a18ab5fac7f63","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-rtl"},"_npmVersion":"lerna/3.14.1/node@v8.16.0+x64 (darwin)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"8.16.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_3.2.0_1568325208383_0.6509455132989028","host":"s3://npm-registry-packages"}},"4.0.0-canary.79d881baf.0":{"name":"@material/rtl","version":"4.0.0-canary.79d881baf.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6a08f21366b5f37757a18f5cf9da6d4ce788dd49","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-canary.79d881baf.0.tgz","fileCount":6,"integrity":"sha512-ckehVlkxsISFUrWuESMmqOdigGvAwhPJgpCf8vjwdpUkRySXLHNqalOiuupDHvSQ2awe43gmL+9bRGRuTu597w==","signatures":[{"sig":"MEUCIQDHvDmn4ZFPRvGYJtNaH5/d6SPr5yCQwXfj3n7+56jyZAIgZ6o0970O9oBXILkjoVkSDPf+ETXIQzgES3kMA+dIKw8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19214,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdev0fCRA9TVsSAnZWagAAyrgP/RbRH0rQVkEwM0wF+w5A\nREG+p9QIkTXLl4zRimF4aVY6iAPqFqz1Tm2uuZKoINrgQzvdaO7FIzNIGrFM\nGHQWhc2xE3+73aNdenMq6tW2iJAbsANt19NE1gUELhPEwKlTPUlaRlYAxffn\nI68ueMJi5OCPC+jOQfQoR1QbSK8qyjosN1zV5d94HDUbBGGD76kqv+4Ak8Bz\nKZQ3FucJ7yTsUrQMtoKQdJSEF4DLMokFnO6Dt82UcAfTWa0YZH0xPaTB5rok\nLHb/wl/kjCPK+ZnErLey4+XnbcaICNTEkdXDye2ZD8BbW4pFmK8dS//tBNRZ\nT30HT5E9Tb6fZrLkcZam8YOrYOJEA+elfz1iM6KrZCb5tHqaR27P4zBPCUkF\nYRxdMLIINPPi0/uUEUBS2qF4TXggLGh+i4u6rAVX33dD2cyAOlEXTjzX63yv\nuXq5mRO6yyv80qohcxowWyRf9fTMbqWjosI8bwIeaJ5SiA73U4trcR5SISdN\nQ3aROdQZPOgGYE9BfdG287aj7y6GCuDtWKj+BUJ7Kpokn7nm6tN3rfS9mOsx\n32/WzV68jN8UijcsGq5P55TQWS0K2AN1IVUJluuadbvARKouVv+ZpJgZB1hO\nMrLTvCy2GJsAPzRN9jmqgoqcyyRQqMd4gI0KJHwd7f9+JxoqZvJNoHsiaYUa\nM/yy\r\n=fTWp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v12.10.0+x64 (darwin)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"12.10.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-canary.79d881baf.0_1568341278503_0.6538094784741162","host":"s3://npm-registry-packages"}},"4.0.0-canary.e851d4f40.0":{"name":"@material/rtl","version":"4.0.0-canary.e851d4f40.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a578baa94ed166c93700a379b0903fd9812c4e29","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-canary.e851d4f40.0.tgz","fileCount":6,"integrity":"sha512-Xo7BZJ82Ba5UZsE8uGTX5P21FDcVjJ4mhRptH2ovaPo6w8KpA29eYOi6zbaRkDEFU9YbSrekTmfRarui4ahbbw==","signatures":[{"sig":"MEUCIQCj9OyZbkWWgclDizd69o2NXSQYd+RUTz+4W3wqOE2tnwIgatM233RIzA2WcdhUmpaG6zF72hgk27glqF1ZsQxVwO8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdexXkCRA9TVsSAnZWagAA6pUP/0JoNxJQNOJwOiVx8Q+n\nmEWqGNsUmvbjXAths6BbLgc5VAfQ55lrdr63/l/Q3a2DGwBEGq8pPzc7yX/G\nvszIVP0FZdgojsR3iYG7f07ETWkncgpc/PEzCF52d6pfYG/gLs1ymftYrbzB\n0yChsqAcJSk1QQw4fmBVGjxO6Y8xOq947UNG2XE6XvOkGZ0J5EeKsw3eq3wn\nbYVt/uvWmwwjfhB9ccKQZ16Jtvr/Wvh6dV/x6UWGRoDK4n93vQLYXmKvKNGr\ndtcST3bwxHakds4rW/CakYTuIc7jFtXP5VCOw+zUikUUYZ3UF6dBqI9hNfZv\nflowXYkFW28GfEsRYPwFA6JUX2H9Bz1GCyI06Wfsj83LK9bSQyjcufzXug81\n/izLaWe+n1whJL8HE9Y9rRYqZRzBnS4AB05VkW9CxcrBc7PsvA5j13xsP0Oy\nmU3b4JdXBhq1xZxySnr2Zr1xlwBRntAiHdQrKUnRlRJr4sVbW5KC1agYxhNr\nJjwXdzjxn1AZJU825IK6weh0IoiIBxcvTh+wFGcX4SsqWnFlznKDhcOkUTd2\n797v1tALkYCBXl4z1JY+xkNyb12t3dKwuKKeB0VgOVG/Ejub0HgtGdF166YG\n5KoQz6pm2OkzBP3hJ/gPOB3Orweg2HHBU1WAcL+81EishCOyCUM4zBzwI5dU\nwC37\r\n=6nQ9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v12.10.0+x64 (darwin)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"12.10.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-canary.e851d4f40.0_1568347619632_0.018222149673138954","host":"s3://npm-registry-packages"}},"4.0.0-canary.905884690.0":{"name":"@material/rtl","version":"4.0.0-canary.905884690.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ff9aee4782e92e79615ce95567a0b44783a96df3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-canary.905884690.0.tgz","fileCount":6,"integrity":"sha512-ZEuS0SR8pyD9LKwCwy3pkFl28llWnZw+7Gdo2YZ4Aaqox3614YEH3CSBirmDvHN/0Xl3oheydLDieOP88CeYFw==","signatures":[{"sig":"MEQCIGJrpiH3sifGzA6B8F5Ol4zxvM5BrdwKnjZOPDKbIir/AiBQR6n35TR2ztQhUZl1q/SX27MbmOPeVg6bXJdgdNn7NA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21095,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdgB8rCRA9TVsSAnZWagAAGFgP/003q6WVSG7N+41RUMZo\nQpxVgAkKcyBGExul2mN6TMRMtZuo1SRCcTG49sKGoX2OEt7203qBblRVT3Ag\nHocYRpOVUs0qTh3PCSU7sGVKyWm3P12d6PCIOAI9SSU0NWcK7NawqcS6Z1CA\nhtTKQYe8cqvN4HG8k7UrkXIvQxb56/63iWSq0wqoMyJ5XrdDhzUtkda7SbMP\nnamsLPCrLeXJ4oQwhILVA/YFpECNVFjo9mOYaqtKVdmP4ucHUnzrKqz8odib\nlteAyHoEC1DPB96vNOIVAZGl94aR8NJQfhEFW4MytMmANL7nx9vp6cxGfHdi\nR74iIPg0Qifm/v2YP6pnaBJUVGaz6l0RAyJAMdpj1A0z870bNDL6NxB8aLXd\n5lYJ9U1auYkU7bPYWTRSBXHsPlYMaog7MRFy3Hw78VlCoWgN4wGgaQYO31Di\nhRfpL0wztXbZtsNUV7AgzzyBGg4KCqcGk22YGTpvTMTE4aXeJyCrk+f+HFBn\nAarhqough/wdR1Bju4RItDiGa41zPUgxTEr9CoolJhQzgVNQBTByxzHW9BZ3\nKZljiUegyZifuVSpfgLfX0XRi6+6COZLXW7owdAl4eWVO/vzlfa6gLKE2q1M\n2kEmCtX6KZtYsGyFU3Z+qfXXeaN1cd5dA4WodDc2qTdEQSHm+g264fjv8uKO\nl55c\r\n=yX6j\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-canary.905884690.0_1568677674902_0.7573523739191317","host":"s3://npm-registry-packages"}},"4.0.0-canary.199534d61.0":{"name":"@material/rtl","version":"4.0.0-canary.199534d61.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4c1919f3c99dc77823282fa5927f00bc4565d0b3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-canary.199534d61.0.tgz","fileCount":6,"integrity":"sha512-AYFhgF5ZW9zS4WbI+7bd1SmF0dh6xe/N0Ro164HDZXVE2ke0JGkFb2Hu/RKvTusLYf2IgNGFUcTHQN+bCYerUw==","signatures":[{"sig":"MEUCIQCeo3DLCLe1ph5Iq6elCqGN5JiJ7MLvdiazlpLW+zKJEQIgfGhMmCPnnwLNoC/I4q7GW97RC6J9dmefF7neS+uQsus=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21304,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdjlubCRA9TVsSAnZWagAAHEcP/06t+zrt1Hy7apdngr3e\nsWewOiFnF++XlvqcPZZKopIkWRwYuEP3kkIK2Xup+3ypO0p4L2TYl0xS3ZtP\n9tmFF81YhV+wnJWnrXdibv7wgHjB9ZdRkbrs3fA+zNwUYxWVBC7QMh11idMC\n7e3BscD4P9sLP2eUDG0nXybFcf7WS8tb1ep4vKkhakeBBpvEHSKOIYfdGGVv\n0pxZGFCVBwDD6HWVhllC2/nkvC0kf3VrlZjH7Cop4/s5a/mHPrwpa7Ah7FDq\nZV3evUgnlHrB/EQHSI2q7PofoCESYHdeGiPPS24prByOtNnX9EXhpN50ZRGM\nJoZnSiYCVE67dmdQey0ItBwmTgQhKeej4bW6j7/ae9lOG2l9PFvf3UR1bOvL\n1RIJa+rVrtIcQ2kFRYnFpdZQxzd66ZjXSYx2V9lOZilb96dwQ1+XbF3tZESa\n+s41Bw9pwa+zrJoMnucQuIEZP3qZhzdpkPEwhaGR/xwssw7t0lfX/iTK8kiz\nBHcqZpx2yNtzrZI5st0i1AeNB0Om8Y/CUZ6pgrJSzFNYGnYvvCzeLEDTHwyv\nyhSxhJ3zA7I7zX0O0irhPAQBwa0gqp46YZRuolQhCPzF1IAAGFlcuZ2mGem+\n8RfrCKi2bMpeO8UcBw+tXZZS09+eSZSHwsQFfEfjapfdKZdsxAFUQoeima0k\n4aJU\r\n=YoXf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-canary.199534d61.0_1569610650628_0.2374059052246429","host":"s3://npm-registry-packages"}},"4.0.0-canary.22d7ad2fb.0":{"name":"@material/rtl","version":"4.0.0-canary.22d7ad2fb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"42e75e826f1ac8de6a9108079808f2539477e539","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-canary.22d7ad2fb.0.tgz","fileCount":6,"integrity":"sha512-JcacgUdmUVvPiSFAMmqOvrdYYta0cJmJNGM05heibUQ7saWnooy3XHKEtMdBY62af6r5mnVmhiG8jzbv/sXw6Q==","signatures":[{"sig":"MEYCIQCbdI4RvLaq/kae0UYzRjIfkOtmPK957HVli/MAMG5sXAIhAKGxhiEI4nZDY5p4KGvZmBlLKG8uKHBSVy825PVRz3bj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdphZ8CRA9TVsSAnZWagAAT3gP/1X24ecLG7Moo6ePDfMN\n3BPbUsOBho0iRAqORcjrJv+zylQP3wz9hFkFOmUmprrJvO9587Qoh/ImtVdy\n/9CmThIim3Y6IN+uTQCZ8oz7H+O6UMNv5t2EIpYTedEH+m42qHGwHK1LFiSH\nHiXVTYKB+9b/BI5nVbtr1D/Eg3CtiSE8F7ZpdQhgeyuXDIRg1rKZgRpE/F4F\nb1zbqULItXbeR6HVIyPoypwtO4uUf8T7iCT/BSpRQa5Jjf1l6+kY7KOKYMte\njT8nmqJ+JoW2mRICBfFWBy/6l3pLvs8YJYqUwJRsJVsoeJ/QF7lgKAC5Owt9\nX82avY79VA+5aWpshlo/OJTXGrwX9LvYe3HDupS2rn/VBUsydjVlC090zvnI\nxc3sp8kJDM4y17cbimLfMQPJHIEaGS2fryHYQaZ4/hw7Emf2d84/b3br8DDe\nWxNtgnYdBaZJC7GS3sRR2Siw581faSfHlOb4y8SLoUv4tqTBesNo7IemQs6W\nCv3Q3I3jamJQFuQB0HPLHx43RaCTMxFBYHzYw5k4AaJv+czMmpoPSXVksWtH\nOCgsfFs+PhGeOLHfg9ybwmyPSf8bgKyrJpt+vWUz0EuK8Fa8r4AzuP5Hrj35\nBY1a7s/Pt7Hd2W1YhUzo8lIAIXqLvQCLiRN3MEHPIOkO28vX1a3lRXn4tGE9\nBfOm\r\n=UReE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-canary.22d7ad2fb.0_1571165819493_0.836797955875529","host":"s3://npm-registry-packages"}},"4.0.0-canary.735147131.0":{"name":"@material/rtl","version":"4.0.0-canary.735147131.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6a49a22be747231e661730b0ab7e01c497f56885","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-canary.735147131.0.tgz","fileCount":6,"integrity":"sha512-H0Rw++hSdAaouIymENIxE6HiaQCekog5lh9+WD+u2Gxx8WEJgQdYs5HkR9e0930X/OAxPfkG0o2L/IwsTrN9Ug==","signatures":[{"sig":"MEUCIQC55zpfFMkIRASfi85l/aYwcKul2NuzEJSuen+hDZqa+wIgIGtR6jZtZ2MiRIY4D8fk9cRB+F6u0V0aBNFAsZErmUw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21931,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpnEHCRA9TVsSAnZWagAA/X8QAJTVDN44Dn8N1PA4EDhN\nioHAyGBbH4Tti29YNV8PYr6eNLc8MxuZo7gErjLIrT+Chzd4JZmFxUE1Gujo\nmBrFXuK8w0oqpMYnFWn6vt508Zk7bG5OviHzxIBMtf6d+50XyFqorw3L1m6o\nnlfepKCGKIa3uSZOU6z/VvjKI3ATqPTYWfhNguVKOpFPSAfeJEm8X2Iatkp0\nQXfyqTGU5O2M8oMFFIf3gKFhe2vuUCM4JKIHdg6ZVkRV/8mmRNR6EWppqRCj\n+yptG3NyoVETxZiwP/mCqf82u0b9mwrg8v2VJv77sFdq7PqVsFgzycNlz7lk\nqkERzPgAcpySMRxrncCkvpjgyaOx3qUnn9T0LJ/FBISsUs6nheXf8CSCQZh4\n0oocpz0TWuSqxyfI7xDYxWFnYbapxNqgfPqlJuBzunOCHMRa/6sIV+4Ro+T4\nsRaT1a+SwbX2MkJHVsaXus038gM05EbP8BeO3Lj82O04RFKTbci8T1jRXXf3\nueVlG47NCuwkHQiDl3pF7+6BXb/fYdXehtETP5d8gk3AT0CWT9JXTtK8J/OP\nbWl5dA9h6YGc2AUo4tqwuAeRdghWYZD/safE7NGzSpeiMvo5hLqKmui+Zy4x\njtIuL4+UXZTreviKLoZCxao2sCylBiDo1EtjDOmrO6GZwCRbgfJB3geulgHy\nuxU+\r\n=8Usm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-canary.735147131.0_1571188998666_0.9934228268721244","host":"s3://npm-registry-packages"}},"4.0.0-canary.062ade5c0.0":{"name":"@material/rtl","version":"4.0.0-canary.062ade5c0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"986c2486443b3d24b5cb605bb3a30f0b0adb3e1e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-canary.062ade5c0.0.tgz","fileCount":6,"integrity":"sha512-2fa6qLb28qUmSreAigPPT+3N84DlLEfuZijLUqb3UN310wvghTOMK5TBGpGYg4Sx+6HDhxf3dx00VHOhQO/uPg==","signatures":[{"sig":"MEUCIQCVV/seQONPCorNoU/T/KjJHBr0qLXBsdjiLr6hjOzdrwIgZsGuTAnTOPH/O/tAU/35vHh9vzPbnuLtMEV5bWv0AHQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":22140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp71gCRA9TVsSAnZWagAAsE4P/iv5fxOZD64Do/t64Xvp\ntUfD8FMppxJG29nvImlSOKag2F1VL0wzSaLQTn3NQIMpooPuWP8cM+iv46TI\nw/vf3eaFx8fljgSUu/ex7broLEKlgCXkUz4PwHY2iHXcmMgDRSQ48Eyh2cwp\n7AsKqeyOoN76yLJByOKS6069FnBGzTasOnprobNcGeOAa0qjDeLzPO6FkEpP\noeHFtCq0W7ZUln059hEoNqNUf4F49rAlITa5SaGCDJn/TnL1FrFFTodR1xWF\nLu0nKJvHvmQMh+L0dqxMOwrvGm1ix82raQsI7YwgUB5unEWI3y7U2qV+6thy\nO830Rr+haq8vYo16tsAw0zRWiGtEgc/uE2U2z7zwFnr/PG/6o0T4Sx0WzxQm\nQyvWJdk5sdvY5rkHff4IeWhX7xGHe+DlstPAmvhHSs3JQK62vHdUQNA/8pgl\nPIlnTwEit2X583JWWZqc9mQ6H9cCpQ9fwb+v6NNv0bBCVjWW0QKwD9SuYVuF\nugq+oFTS4rvqMz7IRUVAlhITZFz0ArCG1gqirHJzUjbKYpTwqGLD+bT4qeYV\n8O/zvKVWLgwvekV3PEY7I4AqVyQ1HCfAhS3ZZ94m050DMXEi+iOD0vteKxRu\nXL0Crap/eBv8DRGxVs4s1dJHl+uFvBXH6V5ss3IkegYwfpubwL+nrGpc6way\nsf9w\r\n=jsxX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-canary.062ade5c0.0_1571274079668_0.16606143371206628","host":"s3://npm-registry-packages"}},"4.0.0-canary.774ad4f8.0":{"name":"@material/rtl","version":"4.0.0-canary.774ad4f8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"750a8fa38909d363457b0fb5f018a2eb43785665","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-canary.774ad4f8.0.tgz","fileCount":6,"integrity":"sha512-zc1pKB1PAngy+yIHG6o6tDGsKBJDqsDB8WpSRWNbT4BXbrDy3kHtcGXPFG3foe/FTDw+bwep7hW+PoUM1XQdbA==","signatures":[{"sig":"MEUCIFo8ptBwE8RxC2qVxS3NlpWIyo6xdkKz4MtD7/6UoXBaAiEApFJ8AXdPL3cmhqXAQoydH63IEpsiXQMMVhBivcfczOQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13480,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdp+g0CRA9TVsSAnZWagAAyIEP/2M5eVxvpZQk0Lrs5zAP\nguTS651juydpCkDZE9UDq0/5AsV3bu/x4e9rlGkyVqCVrQfBEWIdzkY1iLpX\n8eo3cqnGCLSDpfRjqfhdBSRok2gh+kGBc9ifSZr0RKAaXnMl97q5WqBXYk06\nntj2cUz0fJSjWGEDLvN03j/J5VKUeKKg7tfPMjkcsHuEYGo7bl3l4VG9y2tD\nYACXzn/nZMBI1abtzgwx0U3Ab7sylKGS9C1saINAL8vX9u9DkDHJXZEQaMA9\nJh6JHIgHac6v4OZ4T3Nhv+oJtz168FecBvDccU9NJ4hYNllXLOZTF9QLybRn\navqwPmeEFUDW59Dho6Db3HoFmGd32W7v6UZJ74exrJb8mN4RNWUx6cDq2Hqm\n9Vl3lgmvhmt+5P4lpq0WTksTmM8i7I+FPeAtzivFOe2tqi4ewyYN8wlFrXMt\nPrdooDfdK5jOWQjdAyvr6YrtwjUWlDmeBLEfBgtLTJVJo8M4aQgYIDqde/Rw\ntObOkBIExK6PtniZwhhHVWpwha+qdGv4BoUsTKyu5Iw/qEfkSMfHeCFuUB0n\n5jVlEKgotP5UmLiO/iZTl+ocELBaXVs0a9mm4P/WoYl+rVnuZSUgrJU7JiDe\nQjRFPfa8vW3LeOI+7TXgzmZP5wMT8wnZa8G8kJb0H1575C4vpfPmXhyIbK+l\n1Wnp\r\n=2af6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-canary.774ad4f8.0_1571285044213_0.3859533556236794","host":"s3://npm-registry-packages"}},"4.0.0-canary.5916d18c.0":{"name":"@material/rtl","version":"4.0.0-canary.5916d18c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a8a63055fc2b4cb98cd8bc43cc5c9ce538f3b589","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-canary.5916d18c.0.tgz","fileCount":6,"integrity":"sha512-PMrnuejvJvDiMc6tsLpVpwLvPFJkYPJrPDU1Og22mEq1QrwNOxislsQVQ2JFQb1z1lSX8Q19bhxmlc3aMNQ5nA==","signatures":[{"sig":"MEQCIDirGxdgBiAJ3XmfLA40aHA/v4CiMURWL9kaZghXDKIhAiBKVKDxiO0bb2OFBdTao1u+eCt2Hw1l7iUdXPJc0X1WmQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13670,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqhuuCRA9TVsSAnZWagAAKfgP/j3+feYKaURxzwAyLf0o\nOu2pRk/qFbDUriFFTjGFGP5s2qw1VB4T9IDBEU8HC0wOPt0UA3dsSaDRlWHJ\nHhFhbWKSWO8MsnxY5HZSGE0y24h6vrhaxX18YAoBWy7F2wTqfDLPEzXRSd/z\ndBA7y4RABJa7YKyMmjykC/j4n0HdZfZfecyw4uNk1X4QnTdSfvqf9eOGYhGa\n349ni3qV4DjKVmIzzvvuQc6qqqNMEYtpESJUbLB/05a8j62euqFxQkZf0lZt\n0bictYN7fJRltvlqvdTU/QV13bVyJgXktOkx6EPfL/ULnwquIOmy+ekzl3nq\nNkoclCmxbI1nOLz5Zkf9eeTk3kFTe8kw4eUyjttpoK5goyBp+bwNq/j4vpq3\nJxn8Bu8CytOevCpKd+N1zxsdrIZqAQJkDBrg5A0iIfnQhcBNXXEYBj2Rg/D0\nikrOkhCB7cnhTh4mKd2kbmPoKVg/Xlsebi/5bvgAXx+ZY6UkMEaHDuLHTWyT\npI7Q9pY0JzhXYzJ5hep5XKmp7O2GE82WwIbh9lS+r+e7ZPAmV16ZB83caRHl\nLHMNZjBUlX8XHdvLdrfHgIU0OdgFJN3k/HOu9OdSvgj1qxG+5Xm3J6OKQ+Fy\n0tYEd4Difk8gQUdtp2D1bY+88CjyZONDIepmA3lgmmUc5Ng+zYmetH5jrW+E\ntTEI\r\n=noIK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-canary.5916d18c.0_1571429294313_0.5421955679498438","host":"s3://npm-registry-packages"}},"4.0.0-canary.d4141c95.0":{"name":"@material/rtl","version":"4.0.0-canary.d4141c95.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f8ca411100ce625e2b4b56ce299fe7f0f7a928a4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-canary.d4141c95.0.tgz","fileCount":6,"integrity":"sha512-D3QlC3UJS3MA1BCKm4lB7Y6hJiM5aheSJWd+vWdClVr0+mempObaDAylyPNY1Dh3bTf97Hg7Q3e4etIvjDcH3A==","signatures":[{"sig":"MEUCIQCQE+0xY9MP76NJAnszqZfwtvT6V11CrhbFCCMdwhi9kQIgU69OeQZBzvQT35bvshJEY/t6D02GEWMGnseA5RSbFj8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13669,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsQB1CRA9TVsSAnZWagAA8WQP/2b6nag0IeoZi0k7R4IR\nqRcILPtZFWB1ajkavm8+52rGHIpazcSpDK4NSFmO4e8mm7ELdTjMJv2xGzKe\nnY1u1LTBMADndAHCEH3IYTcZvAivrHNpe3pucvnGETmz/3+dk0N2swCHrKd/\nz/7BUq0V0KD8kDgFHMvYz3Wd7B2Pvd/XKiLqHwQmkU85UVM4tBbx5RXnuSJ4\nbeJ3iNgvUwHY3FJX7UG0HzdGsac/ZmXKI3rDJ2mJAFMYQq73x/ZKNMnUjO92\nI84zYU/f559qWTU2gj0th8Hs0vB0ty4D2OgGCVrfRZBThwal1teA41wg1QHk\ne4B6ASCHP0aTlJrJEJgbQce8KWOs2Kh2T+hEjhmT0qRwqKIJVDbWleaCWxDV\nz603XD8ePh2alKfRKy6O5jZ+iHUIlcxAcsz9GtbsQq5QNNcS1EZGm0hGmPoQ\nOi+AR147ZFNPSbiKyBIuh2xHiUB4kBQyJUDBWz9ppoaicd+ie+MYGyxDv1bZ\nm0hOu5rGtxufSjHFYxGZWHkP7Hfrcb2WzdwBdcFGXYJCpHCCPsLpv3kFOQXv\nI5iu4Ji/dMCYQxB1q5kfvh8DdGi2x3ByYECD+VlxIqA87jEwxGJ03RM2lL0o\ni7E3xmNbEInH5ipr/Y1RpF5eby3vJwXTboMGR+fNZMd0mTKbYPW2t1KHxhdi\n4h9M\r\n=pnXc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-canary.d4141c95.0_1571881077427_0.3514315008339961","host":"s3://npm-registry-packages"}},"4.0.0-canary.2b878b3e.0":{"name":"@material/rtl","version":"4.0.0-canary.2b878b3e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c9b09d62be6b7d144785326f3f219ff3282c49c6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-canary.2b878b3e.0.tgz","fileCount":6,"integrity":"sha512-HfGxTy02P+stqLZoygAmZP97HCUEMwXpZ3AjDdpBioUAgMr37+N+I3RCxuOYfIUlOB9YZkbfykEQiTPVy1fQWg==","signatures":[{"sig":"MEUCIQDYKc9CD5DtUmVVnURIxcbEhC3JithRh08Z3jegIwjy8AIgL5dUMvR3iHyEXOXV3ySPBHhYK8WqyNcsnS6C/7wgZms=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13779,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdslmOCRA9TVsSAnZWagAAEG8P/RM/1CwD1i4RNUKamodf\nIVAICaC0y46KMNTlX1Y714OIE/MDTcFqZHbb0YI+xGeWxM647d101Gf2veTE\nmzP72GyADlXfL84Zk8LGr6AgkBXbND80zWFUMHNdcgPX7aN3H/uP9xmR0z7Z\nEgErvND1oOAtc1T3L6pzZVrBqeelAbu9CTejXV2SwZ9VwAmU1qZRVk6E5kCx\nTPnNGtsLpb1086rz/jYH2dYEiUu7JOnBKG38LddsWUNmjiH1Hzur8C8+IdNA\nC+VnVjv1p3ONLx3KnVNfqT4iN0J0KIeDB+/COfZtSqZoc+kkLuOIZlD6NsO4\nLo0inJAT/mG5bcNnC3ml3FYTBtBCga+rV07gUCylWrKk4rMBgqArsuyafPwN\nv3h6ZG1Vgamq9v3E2GDXuP7g4RGfTfDqLmnRbZ896kLpEL68Fyo9Fo/OMlWO\nQ7PhwVh+ABfzo9bcs/nAWiYCr/+/J1bVkWXuy5NaOyShFcz0JAElybjL7Oj1\nLsU+I3NWLKsq6v1OYZXQdogCoRgwMiS2gLluH96+78AwViKA8hLRCILYW+x0\nGAtgdhfUpAIFa7UTpM817lC9n13Xm5y2moiABgbcGVq3ukxi9ad6UAxPZ+z/\njulBymn/ZebNXEYhxCoXPA1eTWlM2aJeAbIHI47/sZUbMCWqisbGq6mhuY8G\npmC6\r\n=HPf9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-canary.2b878b3e.0_1571969422278_0.7309692770769365","host":"s3://npm-registry-packages"}},"4.0.0-canary.b06c0efe.0":{"name":"@material/rtl","version":"4.0.0-canary.b06c0efe.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7cdc383e3118a3fb8a9d0d906bf8f79039151471","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-canary.b06c0efe.0.tgz","fileCount":6,"integrity":"sha512-V1VvxnYakjQ36GM4dP+sMZz4gxxGpxwofmG7Iqp50qH0c43hNoP1xWgkAnVRQ+A9Q/xxv46d3Wex1inHwK5q3Q==","signatures":[{"sig":"MEUCIAw1UHv0NtVKk9L1aM4EfQJk3n9cdU+xSq8DjSkPX6lUAiEApzIerHf/VGHaWrp4h1W3ycCYLrlq8YQa7Zy76mMMBDA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13480,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJds6K6CRA9TVsSAnZWagAAOgUP/1yP/2FqWuMwsQE89awx\nocDae89/HzohlFTWHQnZw6uG1bcdYM5Z1/G5un4YsQ+3KnSN9xgNKHTzBI9t\n1M7EDLrby/iCXv+hIvYY1GUSSCw+snftC8VsRa/TmxXwWFR0UFRasbFoaJwo\n2krQVXz+I+jxvu965F6eX1l9Nk3nF8fnnRg6qfvaEPNKWS3Yrr+/YUGpM6zy\n+LODdVRvgFmghvzBhXd1x5eE0BbHuCG2UwEbuOyJEU0vhbO4ftfiH7L6bMW/\noY3MUk23nNijgjBMrvR20UEGCnCZF/FdiOcKxqWBPqMNEyHp3CL3CLIfBeDg\nz4QeE/8X/e839DVc1wpGZuiGX6SXzBmj+l48VqUF9LPU/fpaupOTNplrJT2O\n8VYv52xaCdREq4ZkRrZ1T7wA9/WfNP4Tc6C/up/cP8ILuK3BQZwi2EWt0bUf\n+dqCA/NAQ2D4GOHFgHtKJpcDN/Ho10mnQJVnMbHJW9JTgS2peSfPBHTYuwm1\nXc65ucDQuCazoz3NxJS5nrrUuWrx5B5bu3YDYbKcCyU1Z39VYCPX2+ElH/XV\nbOGHR0khHplSttUB0Dh26Iv+l/ViDXjoocdFwE1rxMdbjdao/OBJ6geoWY1f\nHPEPrFEQpVvZC/mANyUlAE3CaWPSLdT8yrhhS9GKdSSybNok764rLjpXZLmV\nlwWr\r\n=Jxj8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-canary.b06c0efe.0_1572053690316_0.5687955393541315","host":"s3://npm-registry-packages"}},"4.0.0-canary.01628efa.0":{"name":"@material/rtl","version":"4.0.0-canary.01628efa.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0a5d6e962942247a72769ff3b47e4d6386b2263c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-canary.01628efa.0.tgz","fileCount":6,"integrity":"sha512-2Pi3Y1JoglbMOwHhJAOO5k6/BcKqct7doi/P5FaywuUw5GSmSLh++R0ZFtUwg6eogF9bjpiR8xJZtx64Fh9RUA==","signatures":[{"sig":"MEUCIQCeB61Kl+XU0jnM+CN0jMrxxzFTwCY/1YDHDf8f5OTTfQIgWVlyE/CG98J0pqa6S8iEE72aRSIz+jV4MpkkQ38pI4w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13776,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdt4GhCRA9TVsSAnZWagAAOiMP/jLtQa2X36Gx4BPoTe+J\n1gjLDccTdZYcOMKPAZh7JHdrTpAdzi88OZEafJtnVLQ7816TqePvvl7QyPQx\n9Oo05F+VkOLA5g+H1cAn3oR73U+QVjcv0PYVwD0N6RDBU4JvVJ7vFmudxKh+\n6UhcgoZXNH5qgI7KkRQBvm9AqVolapCuKEKeCNVC8kve2+BJ5xkrtoxImQaN\nMN8Z7s8RspTuR/EsIMGhM9J1J7HkDC4bS3h3Skb8Xjx4JVs/tqKulyasYPBE\nQNIMqOp2s4rkfttllgb2VuNoj39sZcbHGxSATxWWnI8rqgv+hUTTengINBbz\n1I5chXYrkALA4jGQAaSJOUnkhMeG9+vabew1fEwy+w7JycXrpf5olm6hZjxz\nVs6HxF84Fu+4yZtHrUi/leTQm5B6RzVIpEdyOSlvpCa21rQ3u2vsUlpFbECR\nm16UprI+Fj64wQiB5rSElVZq0m5rS+wwcU0LakIS58l/z8y1dgt2aFtsBkxC\noFYhgr3uONhEy42h8//FBEYwIo4Dp2eLl4t5gdjCFP9WMbQxEMOTc259D3t7\nkj94T7qcWFGf0zmAPjKVG3NLB4YeVUanGxZGWUSv69fyySBcSdSDU0MiziUD\nfWWnYuTUa/hMFwYDWSXkn0/YgC0eEtAvFddCxPG61dRmy0WoAm9qXzjFN635\nc8VZ\r\n=lG+7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-canary.01628efa.0_1572307361109_0.024312653893151737","host":"s3://npm-registry-packages"}},"4.0.0-canary.b5c6d66b.0":{"name":"@material/rtl","version":"4.0.0-canary.b5c6d66b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"60827b68c3338b52812829bb2776855efe66a47f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-canary.b5c6d66b.0.tgz","fileCount":6,"integrity":"sha512-M+R0Z9Yv+zOzVWmXht5uz0IYsl5cmH/JJmMHtUVOU9lW976zyi0VYWB3S9zRMNgLhkMVtwGWVnCeWoPLT26lMw==","signatures":[{"sig":"MEUCIQCJTsQpcXS0y+712psWqpSEyigrkSnKt4cAl8U4KF/xhgIgLllcEDNFUeaQdjfJWpHCh2Ar49BUmqBWTgJtcuKxXxE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13663,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJduH1ECRA9TVsSAnZWagAA8bUP/A/2EC1MSuTAYwDHV5q2\nVfZxXfnfwOir5izsOOp4ul62Jt8RLInmr2Wgkq18X3gqdHCE0/Y/aHDp1eec\n4eNhjC+AcvienDFoMgyPj9cXPYuJ1cgc0yH39vaeodNxvr1zV9dWucniRWFe\nys5bNZA9Gi6LL97bMKBZh9yRpimu2YYCL6JUbkpGKI+HkVxsvTOYQFU0YhWQ\nxHkaDuFFwlg3O2R8mQe+/34ZCM3dvU+wvzpG5U85rTmgQc30X80S8IoGl7rX\nxajT2i+q5Aot2G3SpXahc4D1SsrrunNB0+i2X+VhnKiNSbeQ4aY7M59u/3c8\nv5i1VVXqgHa3s1F/ysIrkzD1oRaQFaYK9lAMuvVVgZP1Xp6clOs5D/nn8/ih\neKgLY6dxEdLGb3PnCIxHgjc+9L/e2cZkE7h02eDcd2vfn3GFpvHFMqd5AkVc\nopIzV5xO3LLblVjq2bsJqw3jzGk5YSFrhv3zKiVJ+H7VzQawnv+VnM5R78Gg\nZdTwoZOIrB8VWUDmS6eV9fGd8wmMc048brjFsNsJ3xf8rOw2JIuK3skguw+8\ngaJsTq0OrxE8AiLRhlhzjmNLsyxH4kC6N6k0d6UoK7EgX9CZIQOWwPh7kYIA\nliczmN685GemnbInBu2pomzRDkk+N/yBkh/bPMPwY9LZaRLbjt87BLCnguA3\nLOaQ\r\n=XS2/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-canary.b5c6d66b.0_1572371779896_0.6343158415799648","host":"s3://npm-registry-packages"}},"4.0.0-canary.cdf858ea.0":{"name":"@material/rtl","version":"4.0.0-canary.cdf858ea.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f11b001eaad9227a0c1650ed2cd9d582c9777f60","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-canary.cdf858ea.0.tgz","fileCount":6,"integrity":"sha512-AhE8cnEv/CGnznxW3myg2JHLUdIj88jLXR3h41h1VJ/DPYITl94xLRrwyYZkDBN+WpofCv7S1NC52lWMIDG6sw==","signatures":[{"sig":"MEYCIQDzRU3zyBDyv1dZaSIprnGM4iumSwbM9yFvrEnezoaA4gIhAI2uuAROQEZ5HoM5P9/pEp4W5uIRO5E3UYEnUV0Bh5Du","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13480,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvHJJCRA9TVsSAnZWagAArUcP/i2uoQr0D+S0nykQsqEZ\nKwrFOIQ/Vk6PAiH+gNPnHGrpv5cFoBzTNEu4UbsGtuooaLaQuyQW13FeuE4a\n8EbDdesJd742/LQQ1dVbQ3JRgB28052OX5ZUn/Ah3Bfun1vDKq7l3NQ+Gk5a\nFJGIyGh2QIjvZa+53Z6cHwY5ARiJBstlS89iAMPmBGDmN3ZKX4KJrjPqc+uO\ntB1NCl1ogFykC+Xhycjz1LxvjT2OpKKmXi8FZc4s5nYnDTF7ANNtPBMs1qhV\n3Oa3grr9H/toM4leqFm1VMAUA/0EZHIV8zmbEhwnpwq9N4JULB1TtbQATMxW\n8IP6k/aEjCTlszWbO0B4GGrbILJqOAK0bULBin3cA+3eBFtjBb+XIpTphLqm\nX5A/i/HbidO+WjWTAU2+h7HwLL2vxo2/SfMiKSFo87r3T//Tk4K42xIbP6sK\nqny8nooiPw7/NjDTW8S/tAmjy3d1hdB7ZS2b8CyWoEiE234Jrfidkpz00kcx\n7+aStV0pbnxjk7jK8VLPasoMfDVnMYDJ3PUKwuczGM3y5NBxAidjDJkygM6q\nPpFazxgRnPlMRxuuBR2eac5zze0nzMdiNU1HYHUCVPc2cSrFZ2nNkTIifrl6\nK6aLz2UNIg2Y5xgf4XMuKf+HkdJ19GSNdTj+Q9jLywt/tIU+riwMRyXQDSGg\nB2/n\r\n=NClh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-canary.cdf858ea.0_1572631112712_0.8363860820757518","host":"s3://npm-registry-packages"}},"4.0.0-canary.719b57e1.0":{"name":"@material/rtl","version":"4.0.0-canary.719b57e1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6ccc3e362fce7b03c38bfa5b008dddb186b15deb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-canary.719b57e1.0.tgz","fileCount":6,"integrity":"sha512-k3nQRwwGuBl61OUaXtEurLFSNLR3lhDfbokb3qyCwsRvnmE/KBmTtTkhm50CSylRwzbJqqBThuNVcrG0gDPqiw==","signatures":[{"sig":"MEUCIQDUJK7PqaPfQandWrBSZonIhC6q6ZcxzSWxmFzDCEacmwIga9kgXzljjFeiiA0yVzfajt0h/xGaGehlmh2dJPo4Fe4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvI8JCRA9TVsSAnZWagAAvuEP+gOeRAtbY+JPaMs7fTeG\n2i4vva6diM6kRvLfHgcRIPR45yCBn7DuOaRIH/JZyCjnlnPxNh95rQD5GiMC\nodSHM0FtkENJY6zJ0ij1q5nmmGuDKz5cJm4U4KSJuvobnc1464SDzMPZyg7H\nNkPXxWlh+yCXFbUf9Ak4nPwSq2x/1c9/HbNWmNWDazpWNIHgIArItdDhZ0WV\nV15cCoooAuihZ0ye2eYN2zsg3UzIAX4jgv8bl9mTkPkh7/rjxRO9gD5kgkvZ\n2rt6GtwRioUZkl8a5XsEU5fBWhf/dIBKOjDfUYqHLVpRZiVwEmUOL5cV04nN\nj7BtkSOfIr1R+zGHcKBoYXefS7Je5ihYG0yEp9CVFUsixMxLquweXfUtMr+s\nnH+oL9tqNnd0OHmKhzitU1KuTR1NcflYDF4Wk8P33rPmE1bfPuTwYZj6AIIf\nbojYHX9Qax23RNGayfRbm4PS3TxgW+m2eH6CEnW+xSgh3K9NVleoNwQd6Vbw\ns4I8Gr0+nnlr1/6/A6G4hTh9IYvHWMtsnFxsWrFVg32GSS27auXzQBJGCT4L\nRObjUaqApf6fJCuxw3bkvEGnTFZNjUW2Bat+Kf6BNdNa1A6OByuNza4G779S\nzngv/4wib8kR7YxN2pZ68DjyAMxQYBHKfubRbpaBXaMo1ZxIhLX72P9zg6s8\nZZex\r\n=yYy/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-canary.719b57e1.0_1572638472796_0.6279048125793905","host":"s3://npm-registry-packages"}},"4.0.0-canary.97cbbdc2.0":{"name":"@material/rtl","version":"4.0.0-canary.97cbbdc2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0c3a4d98f20b805988b32e3bcff95f78f6017a38","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-canary.97cbbdc2.0.tgz","fileCount":6,"integrity":"sha512-yypSzPMImJd6lkMr9kFEbG/D8+6Uxp7T30pXqIP013RY+c7rLB7wktzmedR5HrU5aoCb/XlOnl7L8NI3XNpkgQ==","signatures":[{"sig":"MEYCIQC6zScTH+wH9GB7H2shBhtr+A2JiYf2Gmdx6UDSlplb+gIhANWizfcnIWMYWNAeiaxOdqhf3IMGpmc8s60gH1iZygZ0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13692,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvJWACRA9TVsSAnZWagAAF+EQAIK3RnmddIdYzsxCRJGj\n5qfnrY48ke50qMvZ/AjtHiquoTb2QvTBCbFE1Z8KTpCcyT8G9YvdV3ljZzGF\nk2hPZwg7/L5k5FdsKUVcgSvHTjlgPU46ZBKZ8dhHdlvR8gUzpKqofBZCjsEC\naWTzu2EAYoLwdkVFaAjSNI8bRTwx3p+hBls+uAmATUQ0YNlZYvfz9vx4Gju+\nx9sM6EWzsJHuFjlxWr/wa3+W9pR87B/a4A5DlAbS4X0Edrsz1rQeaIOA0kCQ\ntIcaewA+kN/SMzri8Mtipl3xbyJdo3NolLEp4k/fQssMq8FaQcz29hWpFuqF\nwddswJ/5wAlpfzq9FmcBlPELryMGwzx46GRnQ4xE9LOtYb5LvhBTHnD/g/jk\nUYK/916VrzVQeZoxbxRS5APo+bN8UrPU0SCAGdrWvsTh716U65R3qk6sPJkU\n5vR+JoYZsRuD2RJLbvAVXTMoFqBrrS08aE5mx2+BsuCf7A+PDScUZwoF1fnH\nF/baQQe6EM2uDmmETC4blfrhV4KMVU0/chSL2stj8UQOVIlZfakl64s+Zag8\nUVdjr9vMAk386RR+g5ewSZtXLLR4vxoCCsQia1bdmj/6rlumZslU7R1tyxJg\nIpLe1N25nOTYukR3ENm4PyBENoiYwc99EJJQN+FsvUQf+1rkTy5OTCdFfj8R\n8rzo\r\n=+EDS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-canary.97cbbdc2.0_1572640128235_0.5497471470017652","host":"s3://npm-registry-packages"}},"4.0.0-canary.8e36b3b7.0":{"name":"@material/rtl","version":"4.0.0-canary.8e36b3b7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9b2923da51d28efd457d7aa29eadb26ed01b2c5f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-canary.8e36b3b7.0.tgz","fileCount":6,"integrity":"sha512-H99A4NpEDXAlOFnWcuVK2kL3dEcAeBT/dDkNNauhO40sIC03Me6+/ecXvq6pgkpsqr9/SLyypZXJGiXT34MU7w==","signatures":[{"sig":"MEYCIQDa7r3idtmBNC1hBroAw1boDSaSRf6JyKwv7PTwGc7NCgIhAPgMqlwEG4+y2OYEryl8f5+jMNHM5OvqXfVHCu0umCLf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13480,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvJ0CCRA9TVsSAnZWagAACzQP/1Qi3T8kX/wbc59uWWvP\n36CPZHk9VflgmlpCVSONtM87w8IfViQq+3rh2gLBMXgtviOH++lSs1npngAh\n+NMGXdxBPYLOtM+XpKmsmG9xsrfXB6iA/mpiKF0ivRKxIpF6RWiMgh3V7E71\nzJqXAWgxYBZ/bgM6wODKZ8M48RPNPplf4GeNAlfx6pcs5EAFWQzUCm1/EBQw\nptxxHmhQ+QLXKmwDOiOzlt3BsY3E4BME09aZXoiM+S6wTYz817uiFf9VMjqT\n9KiQWUhxbLgMXtmj5z9EoCnfOjxvICGX5aS8FXmrBuWMWREpFfOieN4p+35n\nfSs5v5bceet2awoMUntL5o/DSqwKbBuUUTPQW2VMKWUh+PBAxjfAzXZZSH9H\n5O/kbnxjMKnQhG7Ts2BVJbvfgUpG9OUTRSIAX7QTLRgadC0eMt5/ATjJZyHO\nNeNBWgltu0UzLBMikeVoxSY7FRiokKOym8fcEm6P8QXR+i12DqyTFQGM1qlp\nYcAl/5QlbfsQO60SxgXLxe1urQu9LJPkRVxq/ekdhfqMsE+6nyLawLlJrncW\nb1Vc8T7THU/OH+O/KJc3djN/PhTD/IHP9d6rydgMdpBLZjqeaXbVEvzSZEcF\nP1aQQ44nYOIF8Hh8TiaCKP3mDWbrJIJxtRt+i6OXvXvBJr3pZ6ubMFi7TjBA\nzWfi\r\n=YlND\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-canary.8e36b3b7.0_1572642050408_0.850256097422528","host":"s3://npm-registry-packages"}},"4.0.0-canary.62d3a09b.0":{"name":"@material/rtl","version":"4.0.0-canary.62d3a09b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8fde644acda27ad6f137bc4e4a2660acc9bf13b5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0-canary.62d3a09b.0.tgz","fileCount":6,"integrity":"sha512-jWapWPhQD5R6fIX8++R5n6/8qiaFe01KOLwRDd+P2cQabojHN0IzDNrVLeRwMJWd7147L3lnU31BPYhGWZpQog==","signatures":[{"sig":"MEQCIGprCS12MPQyfOtxW6T2gFZLRnUvPmRPGKn1HcYytUCAAiAqvhH2Oc4fCPWwsBv5cS3gsTQOAA9lck0oe/DtFvhoZg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13480,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvJ8/CRA9TVsSAnZWagAA2FAP/2vy2vRpyddWi+Y1nhbH\nmRAUFmA47oZTAVH9pIdNqm8uJSmedFIF207O70T3FSdDdRR9QaEK3fv4MIlC\n2K6NaRu5M9w1Ttdv9vGhuSZedAXdSIp9ASt1u6k3PTplaEqTPOfo1/cup3py\nspuwkiHAiB1QAnFo1Ro6xSG72DOxdrS5Mxhl3L1GozYmDY7cdDaNocibmvoI\nM15A+GoQ2PAz3J22WHYeFlCFJfSzhmpP6lJXvvy6EuY86c+pHob+aLbqBpU0\nmkOFqZ2c+WYDqtLCndXCB8wKZ7Ce1Zm5qXVyUzn01mPmb/o99OjKuoHIgdUE\nYoeY8/gEo7e41NDC8zJ6BojA8nEDgYAOELy5wuvtBB+1K4etb+kF/MOL4JV/\nu9wI8lHdmx1oLjq5UfovWf0q+mZDazc6xmWxYVfpCxgyM4FSDdJLGFcwnsr9\nm/cHwTdmZ+3eIsCW2eXjDlzDjOch4F9yLDbgm6YZVr0lV2F5mmqwSgjTNnF9\nHcRTeV8eWy2a0ULK/Amt6IxdxhxuoJ8rMMgw94ZILWOfcFWekG059BlIZ7pd\nIZkX9r8Othk71WbpA7dH8V6Hwp1RpxWrhZUL21n4ZOLAkhuVNsBFfrxpDukO\n7Piged0UU16mV+9CNUxDyYWNSjbjglzzr3M8iWO1Z11yw9qNd3qYYA/h3ZMB\nqTez\r\n=rOty\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0-canary.62d3a09b.0_1572642623283_0.20103438550289043","host":"s3://npm-registry-packages"}},"4.0.0":{"name":"@material/rtl","version":"4.0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bc07e0a7c47174b2542862c252b0e35b44329c47","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-4.0.0.tgz","fileCount":6,"integrity":"sha512-AP8zByVDEWAJVJoxByVccUbH+BX24IeG7ol+L6Qd8JjzPpz1fzPVJ4BeDNaF0a6sXtHsRmj2zN5dsx/BGC3IHg==","signatures":[{"sig":"MEQCICFlm73t4I6q+hUJAZ95I+iBtJbopw7IT/I83/MWRqsyAiBWGSOlO1omn1gO8wQ6trG+4ddVMGH5c3VAWDvLbmPumg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":22292,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdvcbSCRA9TVsSAnZWagAAu2wP/33Trsrhhe5U57hek1a4\nsIyZgHQVDnyrrBYx9XazPyVFGI8dMUQwhGmjcw04swwRkToT2b0+JsR7b6MK\nppsWM7RPCmHY17JpXV43xQBAPho6AbBEPknpW5AVs28KChfbYCgngYdupW3P\nU0tqtJsPeJNubPPwcJORTU8fyFhCZaiwUR29MGA5yl+w+CN53B9Jz9lHkchg\nvGAPUA01IM9uRz0CLGlpiQjGqM0G4jvsU6SbzXpi3YesLtuf5Ncpiie3eA9/\nQC11Ll8zZ1M5xsauF74bw9qrclpKu0rrHmwMPsGUYq09RZ4za9dySW1HPIq2\njzzMxnE3Oa7xShLtMQcTRqEjN+GdYp/ajJvFn13OZxeP0jMEhPZAHbWjX1WQ\nVoIucF0NviyvSNeprrhvLeTvg6ELpMDclckJJ+eKqjqb+8bq2uNHO+Hek6DV\nImxVB2wrS+3eGpGcU97Nmd1rPbBPjnHnyc8UK37vWbPm5BUyWAUwzi6crIA/\nb7owwOY9+LiMkdIvK/9kL5xCBGPw3bThgptn6yJCwj1txu25TKsY45WiH2+j\nqHTVhPdh/RD+9u8rbtWCAUzw3/4SfzTu/k5lGV4pq8iIKdyxfTTjSlgl/ls9\nT62JdhLgedfSq9JCmvvRvvTUA3u/0LFqWS/VIhUferp+qP1goOfxiJXLmpaj\nKrds\r\n=s9FT\r\n-----END PGP SIGNATURE-----\r\n"},"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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_4.0.0_1572718289723_0.742379676373693","host":"s3://npm-registry-packages"}},"5.0.0-canary.b5eb51e94.0":{"name":"@material/rtl","version":"5.0.0-canary.b5eb51e94.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5e945a07d7f85f9f22a83f44d60560bcfb9c2698","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.b5eb51e94.0.tgz","fileCount":6,"integrity":"sha512-3cc18V7SvDlMVhAiV0OkuD1LVuSxsUDGU5/NBuOKDmzNd9R118LFfhLlYPCnN0cUlNSCGgwEmaxFbXYjK4xKag==","signatures":[{"sig":"MEQCIFVQy/zRIWgy4uJL+weP9OIE2GCbC6ZFJTrIzUBnxzddAiAgQD3mSyfp5CKEi5BJwCwslINPS5KW/lNTR4kOvkqY/w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxGNwCRA9TVsSAnZWagAA/BMP/0s5FaW59OTPiBRm8W32\n39DIp8NGYPBz8gXodm0jlxeWBUxdgRPZRM1onCC2u+Dg7B/cGp87AKsA3K+9\nkIfdgx5lnU7Ik7QIlWobPrU8D+Q65G1e8ZknCBOQyLKBpQa+TPGg6XECaIII\nThokrKzUMEIW5EOV61zz5kmoy3BshxldNRjTLDpZsvCJe7nJDmcmDZTt7nre\nLXKptEVJR1yGje7n8nVuQVYXmVnLXSxwCqKufBJ/aiawJl286l5DSZC3mBEa\nvajEZ559UeF1UE7WsExJIeJQ+YAqrsw9pm55YLrd8SGBi2U+goYEFXvSyydv\nxyQx4/GMFTmxC1+lSp0TTKMcp2oK9GvxS07E2avgLYu/DRGIPBJUxYSMKEVk\njAgWTRBRgyR3qqA/yCjROk0+ptrcrCsr+p1pAxktPyj+TI8d39mFHO4v2Mud\nFwk8Bdk9WuEcNfkXTwRL4CqcFvdkvuxjh0tfmu1sObceef67Zk2Rv69db2vl\nec+lKt+SVQg8FVY7d/psO4Lk8L1zBfFsYvCqnN0+upYhckoU+6ijUrLhw5e9\nn3tUhhV/gcF0+ApMVHdzkLqYM0ZXkIx4vonYLlkr5JTjNzxCAj43TV2Znwd5\nXhCr0BPs1i/BI75OLS9eKAO0KJYzc7GvFRqElGRIW2k18E17QMZA1P+cktN3\n16Tj\r\n=2RTy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.b5eb51e94.0_1573151600270_0.8001141481852949","host":"s3://npm-registry-packages"}},"5.0.0-canary.58500806e.0":{"name":"@material/rtl","version":"5.0.0-canary.58500806e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"46bc66bef75345847b0a7a56ce6606d5714a6986","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.58500806e.0.tgz","fileCount":6,"integrity":"sha512-j92ZOoSs44qqo9ECL1aLl4OI6HezTf2/BVggWaM4hmGg06V6zuFdhXx/4nVXcvY7j+rzZp2gTtuhNhKxyEn0Pw==","signatures":[{"sig":"MEQCIF344Qa5lCdQA8/PvJB5lh1VUCX2MaIqg3J5ewya6EBEAiBegmv3Aw79D/HYuJD/HJKyn6GPt1P9eH82A9VOMwNPzA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxYs2CRA9TVsSAnZWagAAoZsQAJP0+ufqG0m+J/O+GXif\nBfIS33wAI44giGLqPJkQsn6Cf0FJFLGgfROtLnBfDnViJRpxj49vuCEYKf9P\n6RIK7ixDr5IpfEwLNElrE1joanzaSxGnBv12ojC+YOV7Coc5euX5HuYN4gVo\nvrREhvHaK3zTyPFotnsep91vXvaQlArYGq6l4oHsdKhyjAPg+TLyrXjKExzS\neFFgZQ37IbUZopAVlwAAW7t6019qKOGk3XmGiyp3oPYPZ77gm/Ix011lPcTW\n67eBTAS/2IskIrU+8hNrS2Zv2jXwllt30Ce1RXNi9qi+9lZchuOPoCpTL9mw\nBBZJQy4dTFW6WNnRxCynF0adwNYujVWpPfewRImAYFN7rFXtUwU3uyHTAh1q\n8CPHHEqtiF1F8tV+rcsY1PdnDTeMkQYMKzHk5rENuyWBler6c6ywWkzHSNYA\nxhRJrjv5s6uW6jNrH6IJFSA99LBpu3848zR+JvvYsHxB9sLTE0hoWBSOw3m4\nbA/GlpEc6qA2GJu5bQx9CRzemoh1j9Zs0bxgX8LOvNfvVdKf8NA9Ib/hFgD1\nRqEAVZIM2DXB4tRQk3P9SZmwtalinB9H2XWa97ef5k/emIMrgDzDxN0wMkOV\n52Atf2JOu8AQWYWxoaeMF+NOtLA84uTy4v0ezqG8Z10p7WdNjermxeVNEvtA\nPKt/\r\n=pQnm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.58500806e.0_1573227318077_0.00968433334672647","host":"s3://npm-registry-packages"}},"5.0.0-canary.66299b646.0":{"name":"@material/rtl","version":"5.0.0-canary.66299b646.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a3bb67ff6458c9a12c485cbc331ec876bf67d440","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.66299b646.0.tgz","fileCount":6,"integrity":"sha512-U5ASxQsYEPgqnidPB1ESELE+yTEUUlbj4vtlTxlnvmuTDRDmwBfGdFZwMaYZmjgeUGE1RGFp2JYkkwgcr6lXRw==","signatures":[{"sig":"MEUCIGHY2xX+arAswbqoATf7C+bTevoFELr7fLuO0E2du7YSAiEAtju9MXhAzm2JwW3Y6kNPiQ0Il5fMXiadbseimjb6eFo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxdEUCRA9TVsSAnZWagAAbJIP/Rnhfy/QTSzmVdxa+1S9\n8Yy9S3DmTGcDiVkw2QSoBnsksR+VPRCowGrI35F1Dtj1biSg/wYPCbwLdnfc\n1VTeMI0ETLAb++xLmK0Ro2uxNg6uN538EeqHvtdABX6hjw6M7tmi7d8O58R5\n/VL430X7buKOK7XSr5WaFK9X9rYbijrcPGH15StqD4Ymk57GNS0V9CWtNdUf\nSzBGe0gu+AmH0PvdZgiwAwBMEeVW1kglz7L9UHgFWe9P+R/GggdJBOpS8kqe\nW9jJe+jW8kQvSrKGConRbxZPtz3tmZEXmUAarJC2JDamRac8TIZFhH0rbRNR\n7oYT8nm2ePMIsRyhqJc8TmdsAzSiE/1A4q7tMTM8h1AXgHCCv+dE0av/wafH\nvRS+Tpzrq5sqvv5gL5QHRDkOaZjrjzyQoh7LpnvuNdHaF588NlEFW0xtT/Is\nZCn/o0awq3V6E2uB1vYWtcHIKQhALzvAYhE3DryUs1oGX6598ANv5+cpxZ+k\nBpOR/37N5b6Yt6XXSSca9+AacING8rMcKAkRKBDCTbp3iGUzlJ2gezEakefo\nz7Ip0CMsFGN3/81/rJ98P16asjemGBlNzs8EAI8Xb1S6sTvf5pR7eqxPUxmr\nMrwXRDOz2i45Q1K5xyt34KZm/1SEyHTr+TpLYSEkoLx1qvlmpWMMN/VhUTN4\nwqUv\r\n=zqR4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.66299b646.0_1573245204116_0.3803197301127361","host":"s3://npm-registry-packages"}},"5.0.0-canary.821871e04.0":{"name":"@material/rtl","version":"5.0.0-canary.821871e04.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bd9cf64b059a16bf456f3fb7a01e24531cf8dd3a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.821871e04.0.tgz","fileCount":6,"integrity":"sha512-skEOEykrPKjyNwH+u5zqMINH0ViA4tgWLgmcUFxjUYEiMmeI6fQgh7W2zwIrdCx9Qgw+OHOI4KE0KPUJ09P8HA==","signatures":[{"sig":"MEYCIQDCngK9EEXGPSJLoI15zpI8dySlOueXQ2nr5/hbxd4TdQIhANR7xPqeyUZ/gGktmm5XOW/fPK4PJWk+1AKPsLWZJcjI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxd3YCRA9TVsSAnZWagAAtUUP/2zkV+WLIlY6jOJ/YnWV\nGMa1o1xhnRr+pTcByOJlvYun3Qka1yH/Ex6JQGEkkaU2uKLLQdjtTYdihS+q\noIpKkfa/vRTw3YXc/sYoG7FOP3dlTqVYsLTJR4BRVkKaMxNZKGDqxBXNaroe\nUQP0xlpkp+H/wzFH27e84sFgtJGrLi2rRy2kfPo/CZSEQfdV6/zMA44w+MPX\nN1PFdPjyfIYzWKpu+6mDDaoyup4xwvbcwJIrCqwM8nuEbB8Rd34auIgTc50l\nmpBf2862PTYC4K+VeRqRM+j22TGueukPUuKAHC/VCs478xWxj/BB+EjtY/4E\nYV69VY+XSb5AC/eiWW00xnwN3b4bVMn4tfuBFjbD1rakoiKVSGv8LP5mHYNe\nxAJFXMXmahGy0y07u4NYkueMiX+0QyhoA5ac5wJl/zD0PTqGK8vveuF+4d2r\nvgwWmyqrLWl2ImOONq2L5YaPe5jwkJsJZW98c6LJmX+JSBYYY70wojpaL2g2\nrTZ/MaKtLMDHc+pXsXzhxijp13k8qiN61BwCnOKhtwoby+X6+Jv+Lq7r4+1T\ntUmFIxrkzNly8DztYY1XNN+saYLrRWtT+0wWkrSsgDUinz4yq2jTXHyENzV3\nuILZez1hZ/OKsHTTdfcbvsNh/h2faBMvC5VQb2F7jBvd0ximMI/XKKBfnT7S\nyWYY\r\n=zQ/C\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.821871e04.0_1573248472558_0.559224886402554","host":"s3://npm-registry-packages"}},"5.0.0-canary.491fddc31.0":{"name":"@material/rtl","version":"5.0.0-canary.491fddc31.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"430b60e82abc6c08e203dfdb5913a0d040b5abed","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.491fddc31.0.tgz","fileCount":6,"integrity":"sha512-7wtLmvZuStbMopnExsWhjL3bjxPKi3RFiT4ReBrQS1kNZSk8HMumD2feGGbn3ZybnaZySnMgNljfpv6MPdUyqA==","signatures":[{"sig":"MEUCIFIDpSAs83uPnL+Ho67yb2in37weLmWq2Njs7Y9N/yG5AiEAtuQz9QvQJ4HVdspO9WNM9JTDrfO0M3CwcCSOqZZ0gKU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxeb+CRA9TVsSAnZWagAAUXsQAIEwibLVcyQmEP+UNRki\nL0UDySWnAtUTTaxEe2q1XugDkxWdzxQxyJdX0WjMYx3lqslKh5Jciu3bE03x\naqo7raVk9X9cHIs+uvcKxOrZL2Sb9ODAj3cdau01jfYIaeuoJQVzbthycsjJ\ngNUh0EGRmIl3KZ+klBuM6NJ7oTvE+dct0/uiFnAx4NGO2bEtFn8XQwXknvad\nMRssNudZRk4+rx+M4fCbS5KcGJ3Pgb1JYT/i3r0yGvu4P5G6yO7gVsqCKErT\n00FFPDmJqncnWQrXe7kWQWHCivHQVf55SOU0FGpzsra+ZeRd8zJqC4DfwH6C\nAveZ4ANsHZP2ZksfLlGbFGCMlgjpdR6ViVUxccEXXJq3bm77B3WH8O17q7EP\nKgjzRdtCqVtnr0Dx/qsXQ5k7bq6LA8CIEyjuhAOODOoy9Wt7mBfcAhzgNDoe\nxwpN0nim04AakTvd2LCJx1N3YdcBIcs6U8RJJf5DbFJ7ImvwOIkHVoSjG+yL\ndvYMgG3KyRkHpu53BaXLMqiFzgrxaTAjKZ8suV5LCFTjjxO37dp7v6CxJrRu\nALUvMC+txpvizQcSrA0J7yB33hiku1ib8fTj5o0rH8wtWoL4PeIVrxfextpb\ns8JiUWYgOHcUsqZYAenPP/pubjjJZbWs0aJgH1bByCwyavN4yM32pST1PCj+\n3v2E\r\n=HMTj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.491fddc31.0_1573250814236_0.861124030510213","host":"s3://npm-registry-packages"}},"5.0.0-canary.b0cecf145.0":{"name":"@material/rtl","version":"5.0.0-canary.b0cecf145.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d0f503aeb41b74dea47f4657256635d4b1589d58","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.b0cecf145.0.tgz","fileCount":6,"integrity":"sha512-0Pzm31W0yi3rIBf6GHCeEd1rnRvvsP3sZO9PiyKbD7RzxNhW/V1gc0ioR6SfFQkuTDs4bA2xKfa6KjqnMC9zig==","signatures":[{"sig":"MEYCIQDQXstmYY4JPupDvGJyYLwRFtWO0IJAM8tIUdKa4vw/CQIhAKYAg8MExNy1MrI8YN2SEFSfA7SpqJ5G2qgFb4ZtvmOm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxwh+CRA9TVsSAnZWagAAWgoQAJK1KvQY7EI9P6bwTIIk\n3/5bwrtJylZgehoivo0qz8moBO9Tt5ZyrizBjWRdRG1J1eP4oU2lIjKcj7b2\nZetwGtbhTKplRh42ysJOdAvFV/xzZFgAciK8YcuBK0TjzBv4udeOtAOV0Cm5\npg0WmJjwD24CXRXyQdhR8eNvYjTnc5COucWtj7AcsQcE2SSzve5E1zPFjbSc\naBFMBdYVANGLvzypmnbPGEOROdD8pmwKr4xlq0QfGj4BVhZiA9RfyDFTw62Z\n8zZNqD/1jyZ7HnBh040jWJSbr6U27RZHbY/AS8x015z4vxVm/L0pigXmVM3i\nLOe5k0CWyjG456BahUJSC+eq0RzsWbVnVcKDXmxZF83KbvQ7hvSkD22WSXZb\n/Hg7JHNyuplYxEC1SyRZwf6UsrvyPcgkpj4Ka6c5dD+NQZIi362zL46LtXg5\npc17+TP6leoeqQxHYLzPw0X6nYj7JSQvEaS9dGDIjwGgWC4j28g3HZlJhGQ6\n/WhwLPBg+7xkh2RaejUjEeLRVmeL1mbos+WOtBE1B2wwqzNNwdKb3foIF+3h\nrs/xKggRI0eweRpv44TdxWqrAhnF/Xstz7/BYktrF4LuPkT+Oc/0TY1UXlRf\ng+c3YEolwjXxNXhNZtTKekuzi0jLctlwmAGMz/KioWbhGIAtWRYJy7kdGyis\nwrcq\r\n=Ef5Y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.b0cecf145.0_1573324925800_0.30676125570717705","host":"s3://npm-registry-packages"}},"5.0.0-canary.afe0dd1bc.0":{"name":"@material/rtl","version":"5.0.0-canary.afe0dd1bc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7ff6298b69e82d965dc353b4b040bc844497f1b0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.afe0dd1bc.0.tgz","fileCount":6,"integrity":"sha512-dV+PRsFFV/WW3lIvWEqGjPI9bgCsP3bg0cBwHM+8LvE9D1HZv+N3iB4p+VvaDeyqEYtsl8HSnhD2MRtf0uuEdw==","signatures":[{"sig":"MEYCIQC6TmM8l4QsB2Nhqd5ZsP24h6lwh7P36zNfBDRF+IboWQIhAOIEc9AOv/ruw8jZ7M8I3+B6qdh54AWqjJxnw0/i15xl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdyYAyCRA9TVsSAnZWagAAgUoP/01uQfCjkC9xMnl/PG1P\nbmyb0cJP7jW/sirjzVV25HVesFihyMdqx2j8Kb3+tFnVjlIuRkNIJDWAiux/\n9cHBMghOuX6rkbBLEGEI0HB7FqG1lDdQKfJe609nsmUkKy4bbuUaRZakO7s+\nAYU0/yy4/+qJOvpdDTLbFbznQFnJorInhuFZN2HvG4JNqp3jeZETfi8ZPY+9\nDYD6yIf5pEy11bwdTCzUbq+tL8K+JCjuZ5HTsJs2Uk8/BJDSYdINVXPy0brN\nnyNu2FeYHb21tDN57p6MkbWxL4YYpf6HWB4F6Ny0Qi/cHxPuf4q5NFcSWIlz\nj728U6arDMnSqQJQcx04kQKaqzaDh7doLxGeZezWDEOWeu/KcVazX0GG1I9C\nmc2QgN4klcwa1Y//uXexciJKsnxGwtrKJQ7FYyB8uSW+zwB5ScmsE1OEMJMn\nTNu7USkU/7uBh32YNAkxibwLnC+fZCS34S8vpdAE0fRvP75QBQ4Jd63rzVYm\nEjLunAB/YSHGRu8Z/8rg1RpnR88a6yABgZPYQe3+598ADeFSRUml9Y18MKcK\njHgnYGdQQ36lgQ2zMmOuYZD94P3FyMfDhKQza9V1SBIQH5q8BPeatNITJYqq\ngKFVqDnAhxEG9V9BVBydIkynoTmAibqxeio+lXTT+DMI/YCHOh7QvwQEwXbw\nMv0C\r\n=OeEH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.afe0dd1bc.0_1573486642161_0.1591326375887392","host":"s3://npm-registry-packages"}},"5.0.0-canary.b4cfdc40b.0":{"name":"@material/rtl","version":"5.0.0-canary.b4cfdc40b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b3d4fd7c82cc24f474281c3d2d736aeda42eae67","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.b4cfdc40b.0.tgz","fileCount":6,"integrity":"sha512-Gm3YBLQ8Gz9wambLHL5aKz2ncOMA1jJkBzwRXG5ge3UeoAU6uswEoxho15546RXyKs3ElJDU7V62cdJu+1fADA==","signatures":[{"sig":"MEQCIC/bGcz+2salVxFXQwE/v4lpBHTWhgdC7zTw5KDwZckzAiBh9I+yuhJaTdf7YGSD5J10uNLkE1O4pyGUivk18KcJ1A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzXmPCRA9TVsSAnZWagAAqioP/iE/7Z6Sxw1A0f7Ifxg9\neQ4TaR0xeHqXA7VSxUt9aBQPRVF/C48EPllQXC3UgV89YuQOxP6bLXEvo8RX\nQgdRnZYPm1436WeIzdQc1AXsbqf3Cq2UbuRbxVPaZpq6iK8a4AGgoA25O07+\nBKo08BrNEHvWSpD2/+R0p3YUjCDbww8buYRYY2KAqZENLLZr+HvUnGs31k4w\nCW0Y4hm7MMfb281k8gfioB2fBD0Lx3HMRTLjRls3Bx2Nq9Scg1G2YAkXKUR3\ng8AA4c4hGAg5OZa1q97CGI8hjQJX9xMBKv3+ePEA8DAgpqCzc9zXs+9w+vHP\nqi8GQ5XmpmfKsc/bFkYMhglUv/+opl6FHjQke0QmwxjUGO8kJECJIENrvrk3\ngvGiBIeY+tlDDurEoPiYFXGrjmcv4G3S8NFF96mNzKth3STOKeev0d1e6AdB\njeG/g8rJana9HvQ4NNjqWVa/37ofCxHMSjIceO2p93sYr2fs5WepMMu9adKO\nK4qL3Xhf9lPq3Md4D3n2Z3wUdsKswr0giyCqiibVjT+fF/NtWG90JL5dGsO7\nBp6wX1qUikscGApTn4ZIT5632N3AHNGJP37bvdpqhqFoykYCxxKSeXRLwGgf\n7da06cpbpH1gTmcdgN+hI334d8FnnCsSa6q3fdZvix0QXMreUoCHg72el2Z+\nZu80\r\n=shkM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.b4cfdc40b.0_1573747087303_0.7978639883795804","host":"s3://npm-registry-packages"}},"5.0.0-canary.525989b5d.0":{"name":"@material/rtl","version":"5.0.0-canary.525989b5d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"eb9df2fc85c33bf6da7fd73219faefba197306aa","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.525989b5d.0.tgz","fileCount":6,"integrity":"sha512-b/hSFo6cJHt0LttnJfiUONWK8ZgqTP1WoKyOk5F28B9pca7WYR1yrr/RAH3tYnNTVM2xf309FH17GGXOOpjLmw==","signatures":[{"sig":"MEUCIQDcR36WK6Ueeio7uJRyvB3rhK1JpA0xEJVlRWwJppb1PgIgI8jUfHc16uNx9VEX5py5cC+z+Gc8rGHx8UEprxE2MBY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzeOXCRA9TVsSAnZWagAAgjUQAInkacgpZThzm4z2dORI\n9u+0j2TIsWoRd3mNz32q9xeNOsKvP9mizy43KBg2amZm1MOmMmKYRhTVwkSF\nJujTN/BogEpdLN41q28rI/9cb6SFwJpbfNhVoyfr5McTezepPTL8eIEiTkkS\n8Mi94uc2tZRqFtnyyzReICqCDN+UqG3fIKOOa5sV4w0tllkx9v/iIgH0ZSZ3\n86+9+0IfFhHP/zEqlRhsKuCvmSxpht/ZjM2qxqzvkY/bve+4ykjYJETPrkDF\nwmiEt9ZZ6cftxOs0wiHhGPtLD+57zyBI7CYZOkoue6A6WJB8HWoZGm9yTLcm\npyeWEo5QAcrDVw2l7k7pnRlOHt984ekt4LLQVwek3SfQ6S6lQZbJKhppir28\nV2Opy3PAp50Zhsmr8Uw4W/G7kax3dG4ZDgp0L/94Y7E2Iz0+IKBtCZoYzSav\nJnNl3DdQBGwckXBjnBjNrxEgZycvXbImrMKOtaqoz5tHezcTC6bbEvWqfBqA\nmuKQO43PXXgwZ3KxZmkkrhmqNykvAEXuaYIBU5lJTf7q189SFYvT98+kRivr\nAa1fRp3cPRkpjaC6lNju2NLIwK26kVgwJg8DTWQF8JrhcAyg9cASUyTzLrzO\nyJbNKpaOaGG1woIh2RN/EeHkIhQHBJEmovXxvx6rzeVFKRFiRgKUxXq3L3Bb\nmIp4\r\n=Yvoc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.525989b5d.0_1573774231157_0.6317025775502139","host":"s3://npm-registry-packages"}},"5.0.0-canary.7084b403a.0":{"name":"@material/rtl","version":"5.0.0-canary.7084b403a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e44b313f8c856e5d42d3b5584ca49ceda152983a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.7084b403a.0.tgz","fileCount":6,"integrity":"sha512-lFNn2/8pOciTioBt4dZqzlwBFjslAi1DtnTHpomOAZHkt3hM5s5dEBz6lo9r5HfJJJjYsHWzRgN4StO4rNvPWQ==","signatures":[{"sig":"MEYCIQCA3hc2ToWHoy9KE5SawPSwBQ4YVQHSSfynzVOBxdvP2gIhAMWW4wWEuLMmA0xSE5D+L/Eipf/z5DiWBVk7SbzAIab7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzfnfCRA9TVsSAnZWagAAMscP/iMBJGcyWaEqhnAQIMj3\noJBn9r6ahvYK/7VQcIsDtDdx2WmX5YQjpSsmBFw58YiWxmQ87Zap9NJDKQDI\nO84l1j0gvyTNvMlp9eeNb3ll5EyPtOA8YqrjVmQIFTUandn+Vu1IssZkRo5b\nyRD2OrmtX3yb07uyZMZXt03BTrrUplfjejbQdh8swywyDFjmgh/Y1Y7vR9/N\n57SlyKMNP+x+XqGtcUg7idVQiRTM4tVB179njoEgE+0rvuFTuL1PV6R+6LT/\nJZDwPg6VZt4yi3XlXq8xtMPX6cisLoGJiGMfm+tb8G9unprTRZwd1DjE79IP\nn+6Wv82+chTltx10Qq8h+1Dlnod2ApHyLDz460OTu1DkYL1yLtohI976btLn\nE8/eFRUX0ZBBGbdQvUruViWRY3v+PRhiQ5tH+qKXhdQdKQWyHN58E75hZLfp\nluim0bpEE4F3/1eiPt+D3H0RsHFZOM2qZpdPdK9SEy8zAsPKq/Tz6YYmkF1y\nrY3Dko4xtBZMC+6cjDZWoJnfMyl24sbk2fPC+K0YUTnIjYoPESNDkidBjKM6\n6ps1j0/Zb8otG32kYDjMPLDcFw6wfeSkYMog++cJJYl7S+SHH61ELmjddPN5\nnJ2Mcdzi4lqfHIpMy38klykVFjuqFwqakZf787zLINpG5KcGcNOFh9AuiCFT\nVgSH\r\n=ySKr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.7084b403a.0_1573779934598_0.4241621133575968","host":"s3://npm-registry-packages"}},"5.0.0-canary.3cbee6dac.0":{"name":"@material/rtl","version":"5.0.0-canary.3cbee6dac.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cbdfe508bd79217235e1fe45a9058fe6d26fe017","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.3cbee6dac.0.tgz","fileCount":6,"integrity":"sha512-wen+t2D4/QJqYKdBFGHjgt4AMq5lG2N08QWIEJvKS1UXECEaCbMNgEI9lCJdelAD30i6io7P2lTdsGUYnYbOXQ==","signatures":[{"sig":"MEYCIQDSvM4HBIcPq1Cq2uzYgSvW/2jVsVOgTYK8VKhnGx6vwgIhALT8/o1iIqneFaarJe9remdl2/1yvVaIC3GRhb3MmXTN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzyd9CRA9TVsSAnZWagAAausP+gPazqvqaiR4hL6tsmYH\nlCHoouiSt/73o5YS+LFyOkwFzP5ogZKG6FLosdxhp+NEfx2qfJbFlGiXUclC\nwFWaIhL0617pc/lJlFlE2wv0j/U6QZL5AOlSCxpNTH9olMiVLMeQT3ZiqUUr\nDsaX8ErXx2hfLUGAIORgyDBr0zu4i8LTpMJZdoA48ZivzImiZ4gRxeh7Qpt4\nGuiCLAzLWFHlP4aeSTH3H0f6iKE/TbXWf/hT1IH2QTATK67bUh5GvuUXy98p\n/EyD39sewYpZoc9ct+uRccNYzR6Bom9DvLjUCANwaW1Ntws86FdGp2iwX8+O\nTyDcGGG07Wxo+UgF0TM/SK/ai09hAXxvlJO+lS76SW3Y86Z0Wau0BQt+RNn7\nuwVZlHGDR01DJWK2d8Q8KkHCKC7ctVvm6g7zZ+pQ56lx/A3KOqirLXqjYT5H\n6mUPrNtby3HdFmXVHPEv9UY8KO/bGlFDHLV10QY97tap4WEHweeiN1sqfd+F\nxqzmMIqNJAWyY1zy89zvufdwn81kKY7fwaLQEf4ABLL4JPAFTxAk+eHYman9\nrOExxh/CXTWHCYtFUk5kqHtoY3sd6fxOFU2izHnt1g+2wf9h5ikk6VRD4NEL\nHaxezitxxu5SaA4xSMsmzWiw5lssA3V/yornn6k2xn6FTLUWiCGN+lmPvTun\nnzbH\r\n=sJWM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.3cbee6dac.0_1573857148835_0.6507298693440697","host":"s3://npm-registry-packages"}},"5.0.0-canary.591a6ad44.0":{"name":"@material/rtl","version":"5.0.0-canary.591a6ad44.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3b0fa0d1bec9cb8cdda3eb0209783f236c119f49","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.591a6ad44.0.tgz","fileCount":6,"integrity":"sha512-TI0lPiyzn8fRXnsoyDqERFdi6mqQfpFB0AQ6sh8ETumdcUauu5GmhxiFm5zHmOaOkTbLjuMZyU3eav5NG8jBgw==","signatures":[{"sig":"MEYCIQDJiY+H+na39/jdgOn3znaINFwyPkrPSMs9CQlgtoDZWAIhAOK9HHP/iLYWoVNW4KSJ1LgL2YEH6ofTAypNUkEmFEs7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd0y28CRA9TVsSAnZWagAAfNMP/AzJVIZWzWEKaijg4Nkc\nUfcQIt75QiN9PObO97kscvPb1VR2Ud+8U6OR+/cvYSyMnnFhMqBK9UXYGFAy\nEtqRFY0mbncUqPFltVK3G7A+G0+dZT/FXXZm0YYQj2KtQrPzP3v64MhOM8LI\nIFV71ie3uw4oiDQpDvTjOBiguR33qM0PMle/4Imrgm5TdBr9ZQ31V7owpN/H\n2/7l7mB4jD/qgQLBOas4tqmFIXZc1voCX7tx/UPxMKW1+pNk29H0VS3esnKR\nEAgbW5VM4i0Y33Bq+BUtRBJnx1sjMXf08Msrg5DmaCSxAsgGRCjCWQ9Fb3Vi\ntF+cLNeMHBHuoJBYU7LqZLpEfJcRkzimIIr8+icXqe2JDydKvOaQIzkUa7wM\n3+sQKbCOGoxZtCrqol35O0SUSsK4WgR9oNL3FNLgW1+p6Ozbex7X2rvAuruf\nPzi8zZH3+kdIBFE2RcsJ5oAFDcehGkZov7ZwTGh0Nt0BHQ8yB9Nu/L06bFre\ns1mRbQ+MUIzF5f68chHgAXqUx2uemRrFxPisspAgPCGImw99tl8FWWiyCW6S\nG20Sg2TcuDqC8IQ9JzXckT9nghFfpcbWryx8ltl/+jS0AkTki4xtiLRMMQO0\nsw89TGTVmw5bFxZZBYB8pqP0PoiS8y2FJ6SK2J3e14KOI1YRWdqGqRqaeVuj\nYrVd\r\n=RlDc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.591a6ad44.0_1574120891591_0.7326389255624859","host":"s3://npm-registry-packages"}},"5.0.0-canary.5729943ba.0":{"name":"@material/rtl","version":"5.0.0-canary.5729943ba.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"11f0b9fdb4fa1434be13fd23af417215a90fac13","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.5729943ba.0.tgz","fileCount":6,"integrity":"sha512-hEQZFUFFXT7pCTkLLV4dAfMw7WSXUnXbdDUVm8rbbXoedlCcAs/KAb9ZfR5bfPid2K7NL3JJYiHz4vfuJn2VcQ==","signatures":[{"sig":"MEUCIBe2gTNPF9r8oGoBYJN99UJsGq1kCTP9vgXnK74LXWnhAiEAzVN0qRI87aslOdC/wCqz3NTc9LgVzFVUaZLUUQb1a8A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd1MzGCRA9TVsSAnZWagAASqcQAI0BalUE8jGlVUEcSrmm\nee2f3MJgG7uKfq+dsTpy+OQpEdFeI5N2AHWc3Jme5+iLgDNshgJvvGfDzT6a\ngojGr9rJ7bzpq7MEt4AEUgRV0O9+Ou+tczW+JDQcfqD1Oi94v5WJTV9xT9Nz\n4JuI2uZ5+BRJOnDrewFc3LrLnkJuKX0RXY07mpsamuHU4Not3mOcL6aCZ0QU\nn6THcCp6WJL3FSSpnyTFJfsgwaIhmtgoGRtTwxiSfG8M4BNY6x23Y9a9BDZ4\nQYspyJy8W2N+Mituazk/nkNTx7XLRhyy2PE62ktPKBdQmt9+qhpwhskZWf9w\n6Zk7iqEeLLm1MFMOiSkK97INs0J8Bipj6O0ENac+siSsLPHmXI7p/1wiemPo\n1j+eDtctFwsoIuBCWk+pWnyqOZUZgCfptxD9wwP8P3VZLlgqfvmQq7MS6Hci\n/JsjkMHGvOizgW1FZEKPY4G9+kTaBSxPCvt+fgmuHrtQqTv7G/fUNhLTBCV9\nxr+EYbQhNVSlgP8mEpbWTZnyZisKpJYcRNVWkjtGHRuo56xVHbLkGLQ0FOIm\nki6wyIjf2v5xY301tDkMz5N9dCErm4cMGPvzPGnNcssivsoqegiLDrVDPhsB\nRAnqZwYoXNoSDrZdIyozxAqPiI+C6blbDhCgUVSecrGK0pfqC2Iq2MaZdMyP\nrbfz\r\n=akvt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.5729943ba.0_1574227141978_0.28659275830325437","host":"s3://npm-registry-packages"}},"5.0.0-canary.e89750dc7.0":{"name":"@material/rtl","version":"5.0.0-canary.e89750dc7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4b2a0cc31955475f2a8e582438c211f0a489fcd8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.e89750dc7.0.tgz","fileCount":6,"integrity":"sha512-PTan+R4f9SOSFqFQCuatIrwejnIN0HzJRLqKvZw/L//gHhLfLAHqKO5Sjmu9vizxaByfPfYHuTnnkfdLx5hiJw==","signatures":[{"sig":"MEQCIB/v7QrnNUEJfwWVNzrnn5AKL8YKoomiZ4WmoM5qpe3aAiA+GcmHF9X9pBW+NuRbfZUOOA+E7tLjk9GGf+N3TbgFNw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3drXCRA9TVsSAnZWagAA4DcP/25a928Q3zqdMAiEH3GJ\nim3rV4ARaFm2m0xxe7XnK7cPGFhS7qwnbwI5/JkQ5YmAXvm/9oi4Xvt6/UcO\nFI6ieqPsU8t38m85nIZR6AC5RnCIxwMQuxm9HntHCWypoPqMIxFD1lgULEFA\nl9ozsnavvtyCGPrv3f7CJFh2a0uTg20sOoJhV+g2MoLsoEF/jbb00k96vTbn\nNWtxJ8i/ihePGBsuI2YhKY6fqPGfqZorgalgKeicC6r/9/MIBkwBFEyWO9Ld\nJwdngX9m4NGd74UojGGH0B4+JHk4npa/JR2Waa9Xj+m3t8xPfGs/ZW6ak6iS\njemcah78ISnWBDfcHBQ/iA4E1rxtT+tN4r6x4VdJ8xQWeE1H1lAdOlZsAas8\n8jXrmbQhIYAgFZ4hbrCspxJUj+Noltd9GLqkkvaC1Gq1EfpMmFSl6HxetxFk\nvyoSGJFpMM7Q74tWXPhNkGbB/ATDiBuCo98M9pl+x2G+Zxx5049zvvCiJDbS\nPDpLAfzQoTg69eBsnTXBqhfszKDqiqR6uujeyMTiduk+O8oQPCqkENs0C8yh\nFF0L7d8LE8TAJzQzJjqNeuj7fBj9IT+0a9HXZA7N1IRzXufzhe9bDAt3COAQ\nps/2ktD5XLkYT461VTrCJYBsz/ApjoQYOqpMkZOfWs5hmxibfHk+R75zoHtw\nTjII\r\n=pAYF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.e89750dc7.0_1574820566667_0.7745319969707274","host":"s3://npm-registry-packages"}},"5.0.0-canary.3e560b33a.0":{"name":"@material/rtl","version":"5.0.0-canary.3e560b33a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c4c5a47982aeddd083072aaee98e0e5049838314","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.3e560b33a.0.tgz","fileCount":6,"integrity":"sha512-BSCqG4RHt+ATyFPTdIZcNOPk4Qid2nUaZGsKbsi6u0IpTwQ8wF95P177DpY+jrAqKVTHMfuG7hoNOnv+L9wPKQ==","signatures":[{"sig":"MEYCIQDrS2ZI5WfA3zc4ow5QXXbfZ4qVKC7iKGcFBD9BXvhMowIhAK1QpQrLSLdUdtrlcEMtgF0ZKGKtxWKSdvDG/U3z9I3I","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3dsACRA9TVsSAnZWagAAGakQAKIxPD/UrnuSI7c0n0hf\n1CTGKrLKln9SJrIOXrpe7tiUOv8SPRkhQ5KvhYrRfAsVNFaHKH8BoV54ng5E\nUgNl14r13anz171CSuA5T+LxXc0j5d06g/FXCt0aQw62RV1MwO50gUk6KCM5\nPJ87vM/sd/8GIAa12VifD+9z0VOKri5xXkMIGOInrCXCntn/YKGTVy0Shhm8\nuaOudDAyM45+aObY+TZruMvQrLCF3Lhf8adr0PhPfNfS+VRa557/ZG8yUxnY\n/7R8ECmRBcsGDBtgDR4+3Pgk3AU0D8xoIu/1OJOPqR3jgDYdBuPvFRsmVCQE\ngomtjgATbxKI3gyOixJykpp+KCPY8EqB+RIKqdfmZJoOpLEEpgWWypyaJE7g\nCDCMUtp8JreLty4lfX53v6f32GAs0DAZsigbz+kMQxXkJm3cOnVSqoHlmS4U\nz3YlI5Dywhq0UhHr3TsZhbhnzgLxZ6DN3ir/b2iU4UcN+uVDKjptALEz1FpX\nOfEt+xGLZfMfhyuC9+Rxp6+r3s+5YgeKN0fJBYZMKGbIcGRc/wK/HK7v9PMF\n3Sot6girt/dXJVWeVn9j00Jmli6tdUHmUTBhfzpbXqs11geTQGJsJT5JfJSi\nVVsgQzLY+ppgb6ZMx7y3UTNGgexculDVxo7D9l27Jb5Gz2oQgtkhmMZkSwBq\nxvS+\r\n=fXe7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.3e560b33a.0_1574820608368_0.46531275546141404","host":"s3://npm-registry-packages"}},"5.0.0-canary.7fd17ce5e.0":{"name":"@material/rtl","version":"5.0.0-canary.7fd17ce5e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c5046c16b08d98aee852ec6e7b5281bdaa2ad37f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.7fd17ce5e.0.tgz","fileCount":6,"integrity":"sha512-S4CGWM3PZOPEQ/3ucnDKEqqcQBX9+BKAT0JTNkA3c2MXsjUIfekVYSNAK7eEhFmB0wPQ8Rjq3+6CZaUCedrrww==","signatures":[{"sig":"MEUCIDdgnghljG97oLFWgl0LM9sLsBKPKKrikEy9XOdtHSnjAiEA//Yo+6lEUFJT5PaT2uduKe/rfaI9MYxwKmyJJJtQJcI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3dsOCRA9TVsSAnZWagAArqYP/iaZ0TLNYQC/Z+uwjY92\nPYwRpURi9VXUqSuhjQQSGJYQVwc69IrvZjsbFs58HNZ1B/pE49NHUGqEId1A\nRVDd5caORMyZUS/PHfezI9/iyEcBY6/aCXxN1cQJFTO3B5e5lm3Mfs0Vkf1I\nD4S3rQDoEUCHYk4QcplcfGzbMXrov3+vah+uwJEo7knA/V7cfD3MhBCCJvDu\n9loaIcTAL5kTUuAQyGN/HxVT8QJHDsdIqBZ1F+TLN7CQcAmZvizdBgf7nCJD\nCBWDf7/OHOiho6tlU/YlxIKSFZUb0oNmvpKYKQUOgsRyEAeK6a5Xe9QdGj96\nfl/HtqyrDdi9cA8vlYEHuBFFagfWT2Oh1TeJsXwFrg/o9jpEbuyFYnoS837A\nC+Qkx9zS12feZ7wh24yELj6iV5jlP1L1ArEfG0ZhQmi+/FqHki5aJLht0WHT\nY2srhiupCIEmztNa5cXBlC48dqgzgXvDtxBV+/ta533lc7utWGshTcExzjko\nKSMQXIMJM6Du4HDTAdVcgwpazF6MXUTh/TS3CPV0WO6xBWvTAGyUmivFP87H\nxFNL++IqSdGpjnAvBQ45uqyRkd/jbh57lJo48uV1ieYY0AlzUsgaeV5TTMtv\nSeAf+tL5yk0jG3xZPIQ9Hml7O+4/+wC56YpKFUDFEJv5PBrmTD4zN6EK6djg\nCswo\r\n=sdMS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.7fd17ce5e.0_1574820622605_0.5662226842777185","host":"s3://npm-registry-packages"}},"5.0.0-canary.ec729683b.0":{"name":"@material/rtl","version":"5.0.0-canary.ec729683b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a7bdbfd826c68d1e8cbe060fc8e3dd70cbb712b3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.ec729683b.0.tgz","fileCount":6,"integrity":"sha512-rVyXG4PDb8HGdNyilht94disgVQ5VA7uFU/kUFd5tidkmXQg/xuKqbfFZgP8MFbSZK8dYqGOkBKXvvOQl/OaEQ==","signatures":[{"sig":"MEUCIHnyzRT0pS2cjsnK0YvfZQxFjKlq+NdMB4jt/iQhy5zLAiEA3Q82wcAqRun9/ktZakgjKtUTkO25xyVH/RJha1NI7nI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3pw1CRA9TVsSAnZWagAAsOMP/1wl2QM4BlYtFqiTzw3s\nGJO95XNLwZaCiwva/e7RXMWDTjq0EsTZoCmVf9uT1dUCp7y+RkR32QKTB4Hm\nnz/i2Qgfw2m9IfFb9iA6IKmikr8S0MyebMut7HL/7sQKK8DEKwBR+QnT6CWI\nMDVIY6xRvT5kUxl+Lgzt0C0dSPg5yVt8DI03T1bDhLejqDZkeBJ7S4V6upNv\nb9zNXoiWv8dCHMjgzt/2E7XZXT0tLJtC3RHGmOu5c1YsG5phJeu/cKCf4BHy\nuDbdKhP0IlkgNTA6mjfqgN3FH2haogT5GqjPnQHfPtR7YPYqP7rVIcSwNZ43\n9trZkbDUfKZ3QUOGLJpE02iPbEiCLbnZJcXVyHfQRPFbuxHuag0G6erq/Lt4\nvDTEK0pzDTlbLluID36LraEgdyJf/TH/qptJnvujOOT2djcoHBtte5/qcAxB\n+1TBlh5x2vFxw9tBFRQg4dMCu2uNWHe3EjIFgjczpEHiJl68UjJVoGGHjPRx\nNB3Wr2mHTRxiZvfVC7Bdv/h1IMp9bWijxkank7lgBorsaq89Jqtam3cJrMim\n3KU+I3m1is2Xbga/nNuqqNW6BiKV4kXnIosuXKYkBF2qmMiMCRgzmrDVtrfF\n0OTZ+fKH5LTEn6g4MWLqh9RCIWUsTUROF3yoU1xD749HFMCqGIpUYdjwreMv\nIoDu\r\n=GkvV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.ec729683b.0_1574870069328_0.06521750403776183","host":"s3://npm-registry-packages"}},"5.0.0-canary.b8bc4a26e.0":{"name":"@material/rtl","version":"5.0.0-canary.b8bc4a26e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"657f600268cf026c353adae99a5a180b84747f90","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.b8bc4a26e.0.tgz","fileCount":6,"integrity":"sha512-GMzkd9Sz8GbtycIfwVEixGKwigFS17CzWP/4Vd7+xiGQmd3oLdjgMPWocoXDqnzzS5M6YHdOTs/R5QTFzhL9hA==","signatures":[{"sig":"MEYCIQDNqCxKKvzTT0OJUF2n1HrRN93TnH8anvSML6/1+f3BEgIhAPokzqEtE0bU518PEUyChOraW6B3/39blv0wK1mxd54f","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3suLCRA9TVsSAnZWagAAMGMP/1fcO3bmPGGnqPmc6Klm\nC9tQytpx4d0yt8diKHzmGZkSjeNqp8mzX9/kxjFnSVQUtVIcYFv4VUWYI60N\nIDRq1Bus8WkLqhU0ZzhB5SHQHcd73y+VRO2eRR9opji4RlQapCb0hc7+Huqo\nhVThWEAhePZde5Vp8d4xl+V23CMxTOqRSIu4SjwotS88tfWwxQXz3NDP7t5k\nR5DYOk6qrz1v3rHTsJY+n+OdEBEVpXm2P4vp5/yzGKf1bnFbzeM0POhnVi8u\nQ3nJoHpDiDPARr364eWOKr1hLx/eeT9jPUlrwLaPzDc/zxP+/tU8jSqiJ+qa\nDndYBSPKTs+t2p6cxGcN8T275tLMedcx8RKqltE+v9cpXFbgYfkl0HgXxzwo\nQ6lu/Xg9AeExfkPrLtkuFDQFYMhuyySCTw5Si/dIiVuqNHsn5h00hba02Lwe\nlm8C8mc9BPTkH2ez+5Q37D0qEpQxe4ZC09UwHYi/B1ApRE0S/8qP6W+WyGkw\nZC5zTzlB8vNn0bhnYQHtdUE4uocpEDVUoyLjBIivzyyXPRTA5Em8NEupadIR\nlw9WzbBlqBU8ENTv1Smy39mWO3R6opuH99qkgcQgdF6+GuSYgDpK6+kg+P0Y\nxeTeqEc7fDJIvaeBtlwDRmf7F7JHjWnw7laloFLgvt/gNT6hmPHSxC8R3JnP\niN5z\r\n=FIjW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.b8bc4a26e.0_1574882187222_0.9580662762752674","host":"s3://npm-registry-packages"}},"5.0.0-canary.f978109c3.0":{"name":"@material/rtl","version":"5.0.0-canary.f978109c3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1ef4b8d208eb16ba4559f10563070c975d04c1ca","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.f978109c3.0.tgz","fileCount":6,"integrity":"sha512-EzTe0dEUEWtM1+1qBFmp8vUK9XoZMvNUcTir2uzUnWo1FiLh9GH/isZLkPmsYgGND8QwL+/DBRfCM/LG8S/1WA==","signatures":[{"sig":"MEQCIDhorQ4Biz5ZBLyA5QQvqqinC5WQ+FWONyAq+MqXuXNlAiBiyXaQ/an6DngBB24KihtLn3FxSbWkNBii6u8QliVPhg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5US1CRA9TVsSAnZWagAAoKUP/ikVWU3aC5GahF0g5hEe\n8rdBIAT6cQaKfG7ujXzIy4TbivNin/SNxRs1Y1tu/FArqn7yNEQLe6y/mVQy\nWUMOWww8cVlhD1qlcuJ9ZteUM2vmA31cpQm25GoIncTGJ9shJHFKdYuo7O6f\neDrm1ZB3YmqUZcPgyL6DrWLWbDjdgThUL1D/0F8g4Z2OdGy0X564CDVruxM9\n5yvnjRJWrJz0RUl2cbBOnUPnIjokbya5otC4p9qKD+iqrMITJScIzn+6mZma\nb7Cd2oKTBZzsfDlch7VNAlIBZ/yiWAUr0x9PsTPe37m7YGTwJzE1R1ao9z/1\ny+cC6Sq27c6rRMc10skw5C9zXSfdnHJatbn5HSgTjaDxCuuw1NVAMcCp5JMk\n6HQwnJxZK3ml7HRFNQctUDkBaZIZo2AKpeHFLkpoZn32mKEOG7t2VozqVf8C\nhR47P1VHeMB3uefz0YRET4qvAAox4tjX5eYzMKcsKjFHeRAruagGvXi6CqY9\n27Hvsx+EAgzyPt7qFys/rnOht3oM2AomVXTdKvKKqPh+VMu0sghRaB+thv2o\n4Xja4fShl6D7vSeS8XmTLvXQ1Amrm0cQjbY8CpT2ZJwEmEXqiAYqCE0fMmNY\nulBKRodAZdlp+sA4ZbHq7uut8HS9VFHOtyvIH5jHyvBZoAo9pfdBTzisq1Qb\n1slV\r\n=VeAW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.f978109c3.0_1575306420910_0.8065782578810894","host":"s3://npm-registry-packages"}},"5.0.0-canary.ad9dfe706.0":{"name":"@material/rtl","version":"5.0.0-canary.ad9dfe706.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4a100f495b5846d8759801ba0a0da7277088f3fc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.ad9dfe706.0.tgz","fileCount":6,"integrity":"sha512-PNKhHpg65GV/5P6vLEMzBvdlftGOCDYs+nTsiOuU18i3Sqs8VTDFv105tYMmAl5zuVhL62YlnuzDtVhWXLh9qw==","signatures":[{"sig":"MEUCIEzJn8LMvKfeBj7Gy+cwkHNKm22St1sEYxac/09raA4/AiEAyKYr2XyLnu8zbSWVOacAc+tDDIb3WVU7Zxg50ti4TFE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5u0UCRA9TVsSAnZWagAAfB4P/33HQt+tOFwP/RYOxtmF\nfud7q8YjDP7p0InVPrEK8YydD1dQfAP4ZVFbLncptnkFqlkSgua78+e7jjRM\nwmf6fNoT4jBLj0EUlgWosCqOzCTCfo+YGhLGztsXEZYmRSR3VCKIw9yaEdQ2\n1F2DpsrumR9JiknMFUq5TJZRSFTUflgTRYoFfUTXG7ogjQG9N6oNUvwjtUUv\nkCmWHh3Un60tcZJ7AOOg8oSGR1TBgj44IUmAGCm5MhH9b0LTis9pprpLidUq\n6soSAFWY5W/u2bFCSGnQPb3gWZQQ84aavWthbqWwiJU4XbSbElFPuPtqmKS5\nliYlx+LjHEztSZdf7H94Fv3Kl+Nz5Uz9ezki2hDEGFenc5eaXTDVYyHkIoUb\n4zA2D+6MVIl9hcrGZLdCpca6tnjUGrgzL+9LukJCEneqMvx1jvThr3Fj30Ta\nDaw3X/MEfvap45jE3rLD79EaH5N8iAeff7ciMBap8oPZHf70Rdm1JRi+vPPR\nQb3qpCJt5B7Ft3ZK7fBgEOnhCaIYAEKF+XVhHm9QJlPR2YRUYDh+cxHDcYtA\n0UsoBTjQ5DVrL5MI5dd6j4rOipzwEFFZIx24Z+q0EyUqeLlFzJORxRV5WSjz\ndmqb3/35NEku0Gyj2uGBwMbTch9r9qT5NQY3IUr6CYR0Eku2y/RAhX/Jbqdv\n6P7H\r\n=6dxU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.ad9dfe706.0_1575415060325_0.8228157461357639","host":"s3://npm-registry-packages"}},"5.0.0-canary.5e45d77f3.0":{"name":"@material/rtl","version":"5.0.0-canary.5e45d77f3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"84ee29032987feecdc0cb75a15c5f40d32c8819b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.5e45d77f3.0.tgz","fileCount":6,"integrity":"sha512-27rF6XF9x7DSn3GEN/f9Ts9k/L2ZW1zi+EgV6giUgoKoGtA3m7kirT6QrvJ+erU7iBIWkS5z9T+AJa+YKgjjWw==","signatures":[{"sig":"MEUCIQDmFfca9VEnfieFMa/DmQ7krTuyGJm9Kj8I4IRFWBLGCQIgcf/IW3bpJ/GfbO3CYpm4OvzfBbdsiY/AyK43cFETIE4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5u1ZCRA9TVsSAnZWagAAxm4P/32F05UtShnNVhm1UCpA\n8x6zieSQqXHR6iFjXlJz6OgACyAvJsYlaXtD+l1OD1kHo1bZkAlNapel4nLL\nTO5PCUsAivohTMPByi7VRBFGDQ1QQlPfEy2eg2O+/Mbg7b3F9I4vShAVuVg7\n/BHW7JntjQpaOvV+F/xZb3uD7n9FTwBz8ejpnPQjge14KcE4Zz0N3M6qYNQ2\nKz/SAYL+liXDkkLZj6Dzn6ZLblzvjSFGfs5ZCYj0SwykXXQ6SgNLuUIFJFaI\n9us9unlmAB1pDeVXCv6Pqg5UyL1NWaNeZUCG4hmzqw/aVELL/cimOK+XwE1T\nTz36G6/tk71iSuTMm5dLahcgCJWUZvt7PDt449ZHeR15xXi9p4d9hi5qts1f\nA0diQCsxAn/ZNKh/cld0N1Mc9b46uMh42vmxZ1AUXioPEjUma5+3NAw6x8yn\n5WPHGvjxocNKMmhZFUPSk+1Yi00iETt2im9GYarzZHadE223xzN1Panhc4+u\nyHOIHZz1R3bQzwwcVBYd/y8eWUPoNtRCFOjRtpvuYOvQbSrOhgMrIrUYHC/I\ntHrlp7Ya/mvHxQpjnTKfyaradX6RoNHZj3e9mXs7VKkV0yJqhfA+lM6zryQX\nSaQX2S3KwbVa/uk/p+FGtEjsxmazSM1XSwewLeyHAUqKt+1hGSG3OGWO+jeI\naGTO\r\n=ugWm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.5e45d77f3.0_1575415129378_0.6619243802845722","host":"s3://npm-registry-packages"}},"5.0.0-canary.d10e8cdf3.0":{"name":"@material/rtl","version":"5.0.0-canary.d10e8cdf3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e05eb984b224e841b54edd6c54b53946a0a1426f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.d10e8cdf3.0.tgz","fileCount":6,"integrity":"sha512-oXKULxNawe0R94mfWfY47CKpp0/JAj9GJg8IZn1gQ/sZW2H089sEFpz2WHyJWBPcAMq6cIQ9QdndNeYFM7ULMg==","signatures":[{"sig":"MEUCIDGN+qxDv1caQUFiLqGwMK5qRCbZr0AC4Cvbk3XpdZQ0AiEA/rf/rlKyE8QfLieh+HguGtVtcCtXDwf8eNbAT7xaBI0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5u2KCRA9TVsSAnZWagAA36EP/27/Idtvlv3/nM6Ib/MS\nNVDqduqOXJmgNghb8AnY/z6ERWEzE6RmuacB06YK2x/f31RJd24QWyyWe6QH\nHZvKe+RBaoAO7O0DTOir/h0NjEmPWJ2NM4qWCsZ7QmwZVdZlV7MSWLXT29pB\n96D34v2FyHk0M7kZOLoCcJJrIs6bbxg5r/silPyqrTSbnJkhNZbzOq9G1WfG\npcOjxTQi2akNlJY3zNlG76w0vFx0qpNjQjCvtjKJy/LZvaPwYO5IZh53dKE/\nM5PUeg4ltAE+3Te+F32nc15Ob8bjENAZg9tHBAbgKr0PDuwsLLyra2HGnRUj\nL39T1oPMYaqlmmHPbLVXan/xYeWXF+WITyAhkM0/0NOccxZqCO8NMENZ8mwK\n8v+rgFK87f9CZYSHeSwkkHcWTlllUh4PtHYdLY/vL2XsoiJ24GfWUv+D+s4Q\nrhqN/vxHDuaGf1VlsGNftgG6PMXjJbi1wJo0Yfz04lR1f/rkIf33EgIeFBKh\nkOKuZJAwrKntgkVs/+VXaZyZT3k8Md7gbEGHEeFbI3DVLZguDn+udIe4zX3J\nDf3PXI5M8hugGw5V8rcPNmyE27jkHVEczDMX6ROqj4R9zFHBHt826Isung/S\nsj0VtoTOH/OR97A9HiBE+Mar8/g1VN6wfeNq9DLZrgkpuwwsEeXcHNMDhkhs\nA7Nc\r\n=ENyc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.d10e8cdf3.0_1575415177861_0.8996000111255105","host":"s3://npm-registry-packages"}},"5.0.0-canary.a5dbd8a2a.0":{"name":"@material/rtl","version":"5.0.0-canary.a5dbd8a2a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"48e89e3a31cb7344edbfc1dc294796d28fe81b88","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.a5dbd8a2a.0.tgz","fileCount":6,"integrity":"sha512-nVf2AoSs1Cd2TbEraw+c0rzR7719RQjFgmaCJzHQQa/oUN1AoQlwAnkXQVTjTqrs1fvdYO/eX8sOBbwuxD5Q9Q==","signatures":[{"sig":"MEUCIAKVfNC+GJPacosToNRBM4AzjBvxJq6olFzJHv2QFvPFAiEAiAtxLo8vXA/Lj2M+pHA+nPAYKNF/1Kiuyv5Z3tdjo/g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5vW+CRA9TVsSAnZWagAAq6oP/Rp1AszX6uJI+X+29FsD\nXS+AGGqVboiT+ht40YSGoI+RQWoHJwwPfs9pBTWUGSmiAzJL04TXTRJ1zpZr\nE5NyocT6tML88UBd+HF3thQ5DCUjx5ZXsfVmN5WYQXIw8ETwEHZ2bnXYpAus\n7r10Fs5cCm78D0Rl3K0/wlTPVRqhL0Biznq3W1Zsjy6Ooxz0V6Ov2G5CL7/1\nkNNoQ2nJeVcQAfzbrb6ps2ZJK6urhxoYJSXveAes22j5eeiNMkdMGBxLkk9y\n7PQICo178WH5vbytYM4CMie/l4j4NyhDyeKZobeuFn5z2qr3Bk7zVY0eQynw\nb0th3HNYTgoSJa/TTO1h9OIGVWojRDQi8tBirlg3ziYCcEjRMWmM2mdktlUv\nSyy8Nlhu1D8mtsF7ZAWfI1RYl6l3axsY2sGPpTy04lAZoWKdTOHlrrA5mryu\nMut6Qxl7SG47h5TDWaQiDQW9/4VunEnewI6230bTq0nUAS+yB48gkeR+j/u6\noywwvnHxlapqMZ341xMfLGCeFsl4sUdc1eCW9xTRcS9caIX2ufQEUg+Osu+U\nvMQ3o1k9funz6bZk1zA4qtRKfduGkmtnTTkRsoxHyuw4CwzAIqC+4GlR95Dj\n/iIIiSpF60qeL39dCrq/tKNEltSs7WYRyBYD5vj/81WikU93giJTo8Z09Rp3\n137F\r\n=V8fG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.a5dbd8a2a.0_1575417278516_0.6104350623998347","host":"s3://npm-registry-packages"}},"5.0.0-canary.ba879b68b.0":{"name":"@material/rtl","version":"5.0.0-canary.ba879b68b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3e5b7704e65bf9a5352d675e46b9df19c5c23e32","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.ba879b68b.0.tgz","fileCount":6,"integrity":"sha512-l9ZMhzDK4ZLVDtkC4qaXEhx8Hz8i9aygvyeNw7fSXYFgAoXxy5Vik1miahAwQHX02eS7Dc1CLbaI+DW3Q41edQ==","signatures":[{"sig":"MEUCIQCKsDLvOBBxCq07GrWRYvDBRZUlsws6rAOcjXqolm7OUgIgTdzRTKMgK+5tB4Cu95D92wkFXdayAJT/gReRzbgTU+E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd6BV9CRA9TVsSAnZWagAAN64P/iYNO9E9We7GDs5SzR78\nKmLFBGPz8X459x8M9EIUNRMOZlLOk3FdTyU0bvT+AR9bb6cE4tawOsSUdv7+\n7QnWDMfT9E6B/xyM/OQkXzE5oVO4MRPxuUwji9ap46J7D21FnW8sWmBUXRt8\nhQ2Pgs38bNfTHyqJDazP9pT00oY+YFLmZBD95XZ+tuP9KeAjKooiYXcC/sr2\nrrlA16KxleGDQOyaZXl7a9lQ8+SXgLQH8wTaH58QZr4tnbpUYeTd/j8Pgu2T\nhClfU1qtgB6V0T+ftrF8PcsnmqpKH4+lv4P+Dbb35ywqr0zDeD3ki42NIlxJ\nkFpgPzotG5KtQzwokmejWK8i8mmBA2wnB0miK/XnOlKHBmFTgj1066qNc0Ir\nNwE/n5N7e/LADgL4/iB0ZDwEdxoBY96eXPIlHYYAXzeVgXXrKMlR41gs8j2H\neA3KR8EA/sxVPuJnrEEeoYfVWIeFG1phSGXZacVPWyEnRCYLN0lauc5k4KJK\npExgdVGhhKq7OZ1o+ElDiefkUFR7l3zvTWlJ5+g4byF64hJtkokfvZV0EhL6\nR0sBJuGXsmWc53kK8KBSbtp0xHM35eDFLeb+GzwvIXJr0pYBwj/4rslQ/isC\nd99m1Ga5OBIJUUjyvQZwJD2rTmp8AE9vk3wuNKKmpgTzb0HYWv5M3uWjvdiZ\nn0l7\r\n=jEPB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.ba879b68b.0_1575490940862_0.22489642881976324","host":"s3://npm-registry-packages"}},"5.0.0-canary.aa0eba489.0":{"name":"@material/rtl","version":"5.0.0-canary.aa0eba489.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f2aa943e5744d748039e251cbd503014e1651d59","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.aa0eba489.0.tgz","fileCount":6,"integrity":"sha512-TT+AA55j4pXJ0wvfUImEHzqS9nCQNIloqJ6I/WQsJu7yaUGz6wZBDpSyVAFCrsbQjIfNr1FPoK7fEtv4ZK5HKg==","signatures":[{"sig":"MEUCICLTA+Rj6F2XAXQuphdXdLMx4U93QUQZgbIwBNiVQgcYAiEA5GJLFx1SmichFL2V8v3BAMGIrvZTX7wTSwVaxSTElWQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd6bXZCRA9TVsSAnZWagAAdMcP/1iemfSIKz+vAaiXr4sS\nP+ekljWe/i/k7sa4EC1EsNLbGtDgDxR3STHVBTTvlAGhxZwa5IEY2Iii39lQ\n4FyLFbO/3p52c1JhqrrDoQaKbJjAYx209FzmnWpnD0lBECA3usDYVIIOQkf4\nlpvDHeB7PmtBN5bT+Ty4Ef+kkp6a3tQVEmY0Id6MU6XJK2tXHkBymhJ/i1XL\n3dqHmUB5AMhxlrviFYU6gG8kyTKbHK6D4Yiu6ZN+N9HIn2Nl+8QSTQ0iJxEo\nqGPY5JtZ92jy7qPcz/VCFdCX+IigOdhiUj22PtZaqJZ7zkQBEoKTcO4BwIHt\n6Pnr+6oYEAR45YsuhfU9nPQrmCxMTPOMRjOd2pQ6cN3VbpDLH0bXiP8Yvgpc\nZrU6u+fMxcdFGINXibw6FOLFWvUHu4kg1mUBEv4b9SslejGVG5siH/wausXR\nKO6pBq/DStIl2H3R6T6WS4IpPRiTFb0uMrmNN8svjB/XjRHCIG6afE6/5uMt\nWi1X14RQ04Z5uLdmJ8B2vOxX8Xi3U7VsXTdlbBw73UUqaoC61FYG4rSRwDtL\nMYeIWfVgz6GY8664KVlvQ/HWEx1VXps55KAHFXCt5VdyBN6bi8MMHecobKfN\nSiO5Tz9d1S3GSsxCRdsPdCvofBfV1UepWfl1mQiBsoVFXAGlTurVYPemR82x\nzGn3\r\n=5WDH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.aa0eba489.0_1575597528684_0.7292313759602675","host":"s3://npm-registry-packages"}},"5.0.0-canary.cb7b71a86.0":{"name":"@material/rtl","version":"5.0.0-canary.cb7b71a86.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0bd6805a3ab14fedeac679f45a050d32d847c4ec","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.cb7b71a86.0.tgz","fileCount":6,"integrity":"sha512-0U9sRDGGpWDf9PS+SDcit8DQGK5Qw0E/dFNxHlCZaPTQOxoU81wNfL+0A03UA16rGJF5s+jVoWUdbt5iZgoSZQ==","signatures":[{"sig":"MEUCIQDmDZKRXn4+GihxEHJEo7+QxDqFvxLZh4GlMI9ilQrKMwIgRIm8CIZ49paJ0RmaYq02EEEzvrBGwnDJsFoAlzkI9VM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd6up3CRA9TVsSAnZWagAAossQAJKDKwq+EzHDY6Xk3qCX\n//InNUM2/p51yc+BSyFj+g3snw1cgQtg91zkv9H17oQ9NIeMxYENieR52Cpx\n+k0/5XMMLOX351/cePl7v/bEf3qtnB7KwVAL/dRjnGcS54zpPpZmaPGIGbWT\nyUr1v4ODl/rhS9RGkF3fJxrZMLcnqvx5DSWgA2AqOeIoSchGihV8DBPkX0r4\nWBTmo7vka702zYVj6yCm2GBQU5FhSVn5VD4JbIb35QNDxotZ9aypttGu4fIP\nhBKY6Kr4gPNx0ZlSGq+ior5uRI8ng/SVUnM/YurYJNH1LpGnJHHWLX7krceM\nq26h5OBF6dIhY/X+zGhAbw8CJernoON/MJkzUqnZo7NqBbrzNNnn5RDAHGuY\ndI5gWhGucQVxGlVmJjrPkuGOJrg5cgvDu6WdAUVVTwWSer+j1px8rWyHtJxN\n/+19Ed5GXU3ye4ivUG+QfyixP6V0DvwilUwzcmJIRGkijnO5a/kit6hq2hNu\nn/s6mtnpDLen3Q2sc8poXAwkx+c334sPEEaMKZGbrTJM0WnmLl/S0qiVA2AJ\nn6vG1DQ07dgbeKJ2XmqUXZFVLTUfhbu5LeM2fNs/yuGxRK8e0wVH6ccEAyW7\nIpq0pCqCVjIKt4I5EnGfq9lwJCdhGc/WVMBgwG/sssaWQTIbbt/If26vluGr\nW1yB\r\n=zkjv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.cb7b71a86.0_1575676535245_0.7712680007089099","host":"s3://npm-registry-packages"}},"5.0.0-canary.50f110a6c.0":{"name":"@material/rtl","version":"5.0.0-canary.50f110a6c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a380cf45c57f7efc3b9bd3fa13677b082a7b786e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.50f110a6c.0.tgz","fileCount":6,"integrity":"sha512-NrZJS53lFf9K9Mus337ExHIfRbLCEIkgyAavYcKeHjLncsyoGCcAFgl1U76MJbT8HqpT2aQBpvF58fPhG19g+Q==","signatures":[{"sig":"MEYCIQCvlh+yWdv8Rim1PMfNo8F/aH61/d0WxtxGCZFqM0TmOQIhAL7v0QOk3DKqWMUD1GT0kM1NC+E3fkyKzXXxduDtr+v2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd787gCRA9TVsSAnZWagAAQbYP/jWHWCOPZeHUoSOq0OCc\n3rWKgJe3FXeQGYhw9fDqX+hExyB8a/CRrDWEiPN6WqLLMwqYXD/AN8cRPN/O\ndUVaGEJX+cAqNQmwE4zpcHufSfhYBywYFDVub/MTkrRqGSHB3eTRLIxMEPJX\n+CtoT5x3nT2lEN3YFWDy+wuDrKzQCERDN7BweYYtwF9fWQpsnzVjquAMI6Wf\noJSnKZT1PXaGc5jaVdqCvfMkQ9ix8GyaloCorKTC2LqaaXOEx4/f11oPA/t+\nX5f0ShKGBrA/EYka19MP5MzUvSpOG7wmBT+dXdKGR9998gczUQclGRBLhCJx\nVAL8z4LeiWPDepvbzdOZj42I9aAuFxtxVAKydi4sBvqtWy/uaj47e0tditFL\n5Xi8ADGRNW9RvXQ9arroe8S3Fbz7xxlI+sOdfzAsi5gW8kXTMz5NUfnyX5JZ\nripp7gQygoOM6AHtDn5W92seQpbx3nos92BSc4h9Mp2mz3ZVkVcxHba1VXLT\naUCB4+sj82t7DdSCCtsOxxPWNFs6sqhV8aB4DpoZszcvHOIYxzW9Sml98z+s\n95eRt+bIx7/Z0rVAmYgq5WUI6KcxGhs7YSvxxNTGLp/QM5nzIwEfwNQDD8sW\nfQgqcm/gCTbHuooqTJ3QXi/+1ksMCwEPOrbSYTMg1w0ZdlEB5vCecd1SyEQC\nyHcS\r\n=HQ3F\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.50f110a6c.0_1575997152394_0.8516724180035806","host":"s3://npm-registry-packages"}},"5.0.0-canary.878a08b7c.0":{"name":"@material/rtl","version":"5.0.0-canary.878a08b7c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"23a929cc05d2c479e2b10b067fba5e495c8375dd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.878a08b7c.0.tgz","fileCount":6,"integrity":"sha512-4keCWi3ibNA4KkJleM4elbfJfjWrkHUbtjYYgz0RWog/NIN7NbVzheAqZnF6S6Z4friURJ0SAusVffRE5756Lg==","signatures":[{"sig":"MEQCIARN36MK2bI+nhJz6ITcGT+sqOCGpHIy/cOHGRdDRJyzAiBXyvv+XuyBTuaUo9Ab8TA9BECY+r4ky2Gh/UEUQJ4zpQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8U5/CRA9TVsSAnZWagAAzfoP/iEvwmTIjDdP29rObc75\nE6bNppWxLmm3B4uueEX7TZESqqa5BdPWsI1QYkIUbgjHek/xJJscMTTLhcB/\nR0+812zw82dsG2V8V2+R2EH/FZyneFbI7ObnuD5tA1IxjfpneQAGPVPw9lH4\nxRtuo6GK1VkF85mkFyiAW2ooydC7itMz8eKi6mJlGkuDN0EkdALjTe3n8nOc\nKWKbUEWH5XQYp8fnFycirw07Av9F7YNFirBqB+nGbaLKIq0gViYRitCeiYJJ\nWbBHlJdl9szajt3LXO42RABPrx3QrKb0+9vZZJbNXDhd9l9KmWma+xxj0L26\nV9WxbGPUDiFE7Qnq7+MRdA+ifHRAdyE822iqj3rv184GvUBBg+mp1f4sWSWZ\nYseee6zBpeZmlTV5OH4UHzYlR+drvtDHNg1cG/wmi9BC1t5RVf6b/mq3bEKw\nt94hGfLbU4+7JyFMFcwRjv8mrZSwJePN+5LF1Wx5j7ma6dImfTZjkKYRhSzB\nnWwrRAnOGMKnHmZv2gCiX5ar9sxlZGbFBPvP3/D/pjcu3Vi3UwfViMNtuvT9\n56x1O5GjWtDn0jAJ9Y0VT8O2/UztzlRtsIf7czKiNQgffAtkpb9iyxGFkeYA\nGNuOzKqA3iiQ8K2V6zz5Yn8YAKnWtclICV5UEb5Ka61jfxAWa9bEJDQ1ixui\ncDCr\r\n=fHPi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.878a08b7c.0_1576095359035_0.1524142383859446","host":"s3://npm-registry-packages"}},"5.0.0-canary.397905b4e.0":{"name":"@material/rtl","version":"5.0.0-canary.397905b4e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f2bce46965d240f23883d862a43da2920f8eef7c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.397905b4e.0.tgz","fileCount":6,"integrity":"sha512-eYUQ9+yACorfc0wkGwcZIkjGmXKRpbIgtwROwezoAxu95bW9qfEvmzc42yCnaJVNtDN/MyterA6YG9YL9uys2w==","signatures":[{"sig":"MEYCIQD+sTtrp+nkImPiwDpiM10WWuv6ksTIP1mpz/+OfvWF8AIhAI58xofH1AvVF7opZr3TxJINNCzSMXD8EP+T3BfSZYrr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8aofCRA9TVsSAnZWagAAZDoP/1CVwIhg1E8jjWTOf6Em\n/EoUW+BRTXwdmtDb7VNUqbfySCXYCumhrcEH4X/T4TBKYERL4UrIERCHtS6F\n0mXVHmbEkjQ/Knc1Zt3F7moNXsAvpTisEX8jjVWujC4JqbpuWmlVPS7uO5r5\nOXr6ViNeqLb/YFhHAc9QuKLATEzyUUeC35kQ3SE5a1muvtrrjo8/1Vyzbncv\nxxkVYC/tqw6d2lN+gu/F3eC4URV692WpKNRSJSh1Bg/nO4uV8QeHFWSISI9R\nbBi4nW3uvj7J63cr0c4Q06tH8KRkNvNyyNUDwIPgKUmVxd++dEBS084MYRBN\nQB6ihRqMa8S61mhaP6W5wGsNWE7IcPkumNNttSHw6LpindQcjrs4xQ3g5Rpz\njH3SxDz1wjZWMotg8IWTLNCSS47Q64lnlL6PJVF5nhNDlnuk1hV56+ICBqJX\nIgrWMPdh2cT2RxKSfkoVfl2+u4EaWKedNWbQVbztmMKOS8cI7jOnGyjWv2fB\ni+8vFMqu/DfBp3feY28cFLb3g1+ppt9rWtj0Vanros8smEWBCGw1Vj650qdS\navt8VW54Ueep8hyO0hMlUuMDaItfhz6chFLP8aH2asaNp2/uwGzCask7Jc0B\nLxoDwuPzH+nQz6wFDs8qa2BwBF5t/lex+eZaSeiGcjPj8CiRhXkIsZZVOxz0\nYnbw\r\n=qmKq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.397905b4e.0_1576118815562_0.3462213200199209","host":"s3://npm-registry-packages"}},"5.0.0-canary.1fbf5bd1d.0":{"name":"@material/rtl","version":"5.0.0-canary.1fbf5bd1d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"654bb2169b21126ddf7213e7e90a552c30a88ef3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.1fbf5bd1d.0.tgz","fileCount":6,"integrity":"sha512-T/vXX51vBAjsRg69vAi+Tgnf0MWKDzWV+olDAuh0BbgZp9nJAeJIt/H7XabHVollVNKLwHMjn+TJPfSLs9xAuA==","signatures":[{"sig":"MEUCIQD8nusMlXrtJ6lTd3uIn43Uo6qyj34Sx65saepQC1UL8wIgbrc8KIN9Gg6214oNHAy3EN4Pg9UavHxj8+l7ZzwBOuk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8o3wCRA9TVsSAnZWagAAb9oQAJaJd/wPDD/lLfh2j2PE\nQUeCAKf/y77hX722XbjbgHPkst8SBL0VvvteND4kaJWBFZvqFHb08tFyfhu/\nQRaoPMLM2y9j3+0R1ttYbTcAXvvF16hauSpjCStkBgkVfa1HRZyvnkegvzxw\nbYBl+F12FwdzbRRUEnmpyhu5VVC1sAldSyTy08xs2OaMDw4N/I6K3Z/9MkzO\ns5amG5vTrdM9XS/BOGoY4HfjPVqz7CQIWFazLkgafyg+EqE2/4AJ79Lx/gPg\ngMaU2Dec7rQl9GnFePRLVeVSJ6R4gqw5T9snATenPD0VUexfj3VatuNKCKDP\nJE1hu/C6PH2p7iJNkgwo4vtL0L345NPoj5sDcZFmCuWxLkABnJjjq9M0vvgH\ngnaN4OfMcuFje9zoVnmg9ZGjLGNx/zwMIqL37YIUR1sVVhdQYFLBeyzvRswk\nGVY4clSfdsNEW6J4G3CB5ClLXv0bSLDG7xanfUgvYxK4bFSWgBf0DjlO70ex\nk5SItt+kwRRCKmHnabHgrSsgReuNjZ21MOjtfrjewa/RwASU72CxKKf9gAGy\nHJ9alW7ahwrNnSOXeh8KjVTk0EkdDJeT/oM5Tdi0By6hYmoJvjeWKZSEzH4L\nlD5z3N1QMa0znM3eMYPxuEmQpWRjH9fU6iV2tLR8K+Blr/wHVu6OSUg7ZESk\nzyv/\r\n=ZGVl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.1fbf5bd1d.0_1576177135994_0.896719455469607","host":"s3://npm-registry-packages"}},"5.0.0-canary.b723dfa78.0":{"name":"@material/rtl","version":"5.0.0-canary.b723dfa78.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2bf3dcc0456d98fd654d7faf1ca8702de64dd9e2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.b723dfa78.0.tgz","fileCount":6,"integrity":"sha512-1y+o62SoxL84qSc5iZ8yWoHiQPJCrPEfSKa7qdZmhQe19PKMTjJTMm/BGiro/hS9JG0F8EZxdesSqVMneeee1A==","signatures":[{"sig":"MEUCIGm2sNKBCJSxlU9R+A5nUmn0D4izDB/2GgK/9sytVJt5AiEAmNA0g/jtUj29vU68sK55tVqAopl+ogNcmS/FczqKGW0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8p5wCRA9TVsSAnZWagAAAHUP/0aJlvSKGmKFpcrBncIn\nUPGrepcmD47zPj4oHoyUL5+GRC1GlgxLltA0aHWFE0x2hgLQJefITGoCbaoh\n2Z29cQkBEABLYCSgUFxRvmKRbwuD6RQR+4nvyG6fvN12OkoySXu/wItNfJOv\ndy6uS4YCRvBzeKuePGA6dFtbWKn7zHw6FXi7vvWofvD91FvDIRs33FfKrNU2\nf1dPKrD/m5L79StZkGbZCJB2qzxr+u9BfCRxk9Eu3wnqVgZaNkLG+A5el+Nl\n/v8xsPK+gl8Ml8ZZZrrxo6JBzLycSGBK8OW86wEiylklf236hxirSeF54chg\nWPH8AP5chCvL/HQBFAD5vjJ8uM+pwTDqUwtB4rUrl3UNuf1pIQ3Xrq/QrFmD\na1UCpRXvdSfe8F5Jb57MR3SrqUxRH+rbJ+DEN/eM/OPyeNex1Wu9Bi7IzDxD\nYgX6tqRTxl+EdDNLrXeVe1i7J6lHJN2sHKkXMJNBduATLWbcO+Y6e3FWNpP6\nH4WCFERpDDueQfO+wAYMgzqCEtQOlU67bBXSNOMAqxlEsDfx1PWmnVTLmS+j\nj6Dn6QMHL+QeijTdJB8yQuk6OOpNrBix+teRk0XZTE3m75LrkcpEpxJeX5kl\nWwF1Ure9ejsWGR5eZKPSDxsCs5K2vVRkPm6PEe3OSYnYiXfv/VcdftvX/bQX\nmmw0\r\n=gP3P\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.b723dfa78.0_1576181360362_0.20715775338481124","host":"s3://npm-registry-packages"}},"5.0.0-canary.1c494e567.0":{"name":"@material/rtl","version":"5.0.0-canary.1c494e567.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"45d25f9e8eef13cb64aae2410a07f401e3161501","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.1c494e567.0.tgz","fileCount":6,"integrity":"sha512-Xmfp0UWS7MN7IyHDEl0dgn30Gpb/G5B22gwbi/lfrwjt5/gVM8EBUTKR07+a8y54K8pgmapaJUhopOzNs4DpGg==","signatures":[{"sig":"MEYCIQDyNlVZuxPx27gcn7BO+ItD4aar3/cZfHs2NXR7GBiZEQIhAMUP2ylLuet1lAZhtldXFNyDg9Kwsppp+OQOD0/oBpAT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8s74CRA9TVsSAnZWagAADmcQAIE9AFQWawNdu19Fc2E+\nq0kyAfPRllOB66zQDhYRsV5JYD9z3q1eSG+OJkIG2HT6TCIFbCBSxOIKv5vn\nv/VnHK34qTebgqgGlEXzIDILb4LNmo1dNjM4ffMR5EF0PNA3V/EqZIjf3c7h\ney3SJTuoqdrO2Gfiy3ZwFXMcOmcREIGfFt4UBYqqD8D9At0hM3JhXKzkLnMu\nLwGzr9xZfEziFpaG3Oq8GXR0KGwfIuP8a8twNXwuDJW0L+hSCF788xPWlbqM\nzlyg0I5wUx2VU8+Lg8wsy4br75Kf+ZBnv1g/SV2T8Mjw18Av2qf14U6dh2Lr\nmIiVUd630PTRwGqLfkmcui30I/94MyjGKRDJ8aFnmsf2jrpkTrU9aEamKjJE\np0EsQtWO16Igtmo1TWB+jHd7DESh88jX2HC7ilzKhMjhclhP6GnEq5A2usqa\njG+iRqHKHj3vxAJdd9Y18scHuLwk1E1MWS25UJmjJMGroKhvJ+UPPw8XjOCK\n64ZCXcs7o4eyxm2lL5sQLQ+6YtqnUQlAZXjEmPHUJgAPM4Ka36wMku69G3BC\n9Lg2DVrBVCyx0rTXD774GjLcGFKhDNqgEWxZIoOgTkV4Ul/3+fuHvtatsr1e\nsSrp5Ld4SpTZkF7HM49c6UL5MdcaEA3BlFUv6DNcXE2OoBEKXFhG7FXAG4W9\ndjCy\r\n=XiM6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.1c494e567.0_1576193783985_0.17511666423690508","host":"s3://npm-registry-packages"}},"5.0.0-canary.c9e98a125.0":{"name":"@material/rtl","version":"5.0.0-canary.c9e98a125.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1c418e0c1ab40437444929d2769320fa71e2c376","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.c9e98a125.0.tgz","fileCount":6,"integrity":"sha512-bQyytf1uTomUd4YxKJYTmTSeOUZ72siZuIra016/jjlAWaZSOji8ajeVRo76KVCf3PDCFbAEW7750hUDZTzx2w==","signatures":[{"sig":"MEQCIBg8J8+T16dkNqrLz6AB++xZkC9hjjovDfs8fStTk94RAiAMTldtYFASJ9R0dqUb4zBnBiBxs0YgyawdX2bwVQ32Tw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+RnQCRA9TVsSAnZWagAAdz0P/11x108SmhdfOf14MnO0\n21LZWrpT0/4FxGyxB1gTQgwwKXbi6MrqHcQCz9ckc7/teaOxfF4Cb1dbDD64\n3REhxMvFcV5sWo1skYC+iQCEBaMe59Gc8DUY6TTO93boMbPsd5/AkPUP+OE+\npJdd97eER/ArZqEN/DS1lAGz+U3fYwcVFrT+bZ+LTHgqBz1za8oyC6zy0uZQ\nhV0LEo5pfw20w6En5ge0QCSdDS2dR1ap0tNEXEs18U23xEja3JOb/E3EYDdS\nWt/cYHiJEzeCoyR8OaF1lua03KTdflWesRAO+Ke1Sfdfk0l155x3WV+mZWod\nha7oGTj0VUuaxSnjxmbkTzNpJCdkMuXX7rqKdyH/xDJcEfRct6rVgNjN+1YX\n5imMQ2IERFr4WWwLBaenBzQ4VYhfk60qKh4UNVXSDxDrzHkJJVKbES6AbRs6\nLCbxOrIhQn3bb7NRoQs/wQCDdvGTCbkTTVgcbIsaDUA9H+fSShQfFS/nB8D/\n5ZImx19EL/R9Kara1/IHsw1tnSKkyKMzxbil2k6pNwtYDqyEiOWZnnyGIUlX\nEVSAv7plZzLRANgXRszVSSXq4brD+1ldJm+YrQEn5DR0drF5iW7ToYNSyJAj\nLj3g3LeKPVvhvpL6jW5lCTCPBvNuTg0gKck1A5EwAkIkQrdp3iU3Nb9uhTlh\npCJV\r\n=C5q1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.17.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.17.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.c9e98a125.0_1576606160042_0.8154629912267124","host":"s3://npm-registry-packages"}},"5.0.0-canary.5ffe8f7e3.0":{"name":"@material/rtl","version":"5.0.0-canary.5ffe8f7e3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8a4c29ef60f099244a3774048edca80ec74b62bc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.5ffe8f7e3.0.tgz","fileCount":6,"integrity":"sha512-WRVATeqZXjF8h7/8LVVvGvtmqWDmDbWQ2AdfMY1UPq4gcjM0Zmb9lzzkrTygjRpv+dgRX+MuWUXC+K7e1OAqig==","signatures":[{"sig":"MEUCIQDQxli8S/OwQ8HQ/PcHORHBBDmbcLIgGKMVq5FwoDPRRgIgE0+2p9O2uMjzICPU8ZZJbidbnVX9NZtdBaV+jnKCEBk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+VebCRA9TVsSAnZWagAAdAIP/jUHfDV6aAN408R8ZmAD\nXdVxY00CdRc3iJVhJw0PE7IB+JA/MS3PmN/qXNJ563eYMgEe/i+c5oSrazZu\n1YUF8Q8PrbFPgFEqZYIt0zYxb3nNyIqfV1SRaRx0QuRGAqfP/2m5afrl7koH\ncTLTID0BwyDrCqORTVd3MeYTZChWeTmxOJTZXqSaO7exk0eLDO0qcPiEyTOV\nQ6en3GIaXEph9ekwZjdQ8k6bDD8vzI9O/Ls7kIe4XYsbkG1envvi6ufgKCXR\n9KTA/rqDv/ZOWDQIhoQrG79QteNBkymSNoriUelYbw3n/mXszGj4WVK8t44P\nwxYjqE8rJLEQJNTsd8Bxhl72rJVX+8cXVtZBT36iuGWVqeec0/RPr89YViHB\nlCxWASTcfTM459bb3hOoUxnrT5jyZbVZkh2qNqPg3SIr7VetTULXNzhHKJ1E\n12d1kILoID1oL6YmSy0DYjny2iDi3Hf0Jl2PmechPu/N+fsv1DJ2q1cWnNqk\n6jpeVlK2aq5h4gIvYB0w+/Rj3zGzlp7EJ8XEUZ1d7J0rOYJH9B0alfCUaVTk\n+d/31P9j4vzOWe+G5/FT1e0L8NrhihEO+KdoEyDuttjKO3YrcY00dEvpUfnP\n1T/hS1k3tvA7rR+DYgUB1NEhkGYQdBA3eiHUe1ukfG4U5dzg4o0dXfFQqr6F\nOZky\r\n=j/x9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.5ffe8f7e3.0_1576621978938_0.5948157936943184","host":"s3://npm-registry-packages"}},"5.0.0-canary.47949b08e.0":{"name":"@material/rtl","version":"5.0.0-canary.47949b08e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7f4386bbbd00f936fae5717827674afa3e258bab","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.47949b08e.0.tgz","fileCount":6,"integrity":"sha512-HEdYnCHT+ututWYKcAywiwFkIqPmguSvmxjP8KG9X3bpcuthPENiozGBXTYJ7ZdEW490cJbP1dwuFRvN7Ehudg==","signatures":[{"sig":"MEYCIQD8JxJd4VhWjLvFRI04bEXRay26d2Suknj2NyRhtn7v/AIhAOlVZy0Mz+YgOhRgRvh7Pbv/Z+FbqYbz/4RWXobpNTNi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+mR9CRA9TVsSAnZWagAA6/UQAIRV6GGJjurNzDaZZSHH\nXu1nRu5/kakpyCEFaXWllHkrprR7xoGNvzAwvKUsE7a07mclE9Tdp7vnC48X\nAMFtLms7puKcaE65fH0d0LLQeB5mxlRC1FyvS5hDy7VmCaKaBBXHUufU8UDo\nUgHUKVX5MMJ8N8DJ1Z3Blgo+Vw9Y95eN7/mkDS/y8oH1RUb2oDLQHSmCrp76\ng1TW7jU+DMhs5gIsVipwUm6Q/PpryGbkZHZasLLH4smf7zh0QKod2mZI+uLS\nBJeGBO7zJo5EaFIj2ueyimzH8o0r/puEIpEZx87Fz+6PJQi2g3BKpX2FRztd\nxiUfKfm+ADo+R777aJRQtcxpSkg058g60i16lk2j63PGlYMNdz4n0ja2n4B/\nYe1awlZ/UE7jVVsis37BZzItAP/7w//lKyKwIADrFOgdiZp9rLxb48RbWXS7\n8fRm9ES3gQlHj/Q0qdBctV/3PV33EPXHfaXeX0mibU20b+Sf9Ur6vmjz4s4r\nSgS2hAWiGIDUxjsSTKMDOZn5fv4winj2N76L7OVSowXX9UUxX3c05ankiehC\nCcgbRHlSUM0TuODLS7V8SgWTlx1HeNCRnPcslmYEGzejDpFyM7g7CRtATG5g\nDqFxVX0mkzgkmqIbUpk1IaJZQnb7NojTFNBY2QK7W4RUkTaUXHC+IOeQINE7\n716w\r\n=V4Ak\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.47949b08e.0_1576690812734_0.3470359650281669","host":"s3://npm-registry-packages"}},"5.0.0-canary.b240bcc1b.0":{"name":"@material/rtl","version":"5.0.0-canary.b240bcc1b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e4bc183d5ca97f991a330ab24bb3334d53a53af8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.b240bcc1b.0.tgz","fileCount":6,"integrity":"sha512-e6VT6oF8FgH1Y+MKrd6AFQ+MX+ZcdMy0kVSGDnu0zPAYBbvnnqLFwhGgosfxY7g3LJIUhQTpzDkYliZKLp7ueQ==","signatures":[{"sig":"MEQCIF0pyQphpXVfog4B3Buwh5Zd6mj9Q+Ghe4OQZnG4VKtUAiBsQLRDFOize+s564humDc0cSxRbdXzQPbUExhkpblYzQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+nsECRA9TVsSAnZWagAAZ2gP+gLZAiAppc+Yy/VA320W\n8fZfhjHbKoqviuVvw7cWwEGNljdacaLAfUEV9najIHry1TZMTBabFmyQObSu\nMJ6vxBMW4bGz7LYx8Zz5IjrZL3NRl2ffFd4F1V04Q3PQN7QDRrOzOLZTvh0l\nt/DxuMH+e96xDkUjycDq+4YbzAZQzAjblgqxD/CFlScx8kvo4IDszkLx9UyI\nuv3PE3HdvXwbFtrDZb5FwZOG4ixnJb3vzjpa2bARFtnd8uDyGRT132LirPOn\nVEkijXXy/wLnwyF6D5VWvVo3Gv8AKXx5oDVd86nP6bOrMpG7NdD/aBUnUkPE\nCx2FvtfDv6MPD0FPdtipgeCNU1wqmCMDjduBCK/0rmXA+rSmpsiWeQkkIxRe\nnAZFUh9bKCSACMeshMPYnmIdI5mXznqyus0clTnOq+zdLzyf3M4jnGtP7FnB\nxwusn4E61glfzwAbQFR72egBvpVY9DCuBt9vbfpwK2zMnW7XxBp320d/S5oL\nW9bg6WsKB6eNNmV9iwZECUPInDzyla8E9gYprbJg+3eKCWD/KoeAAIIYSFba\nNo5HqPpwKBR++JCnNLCMEWtT7GZeknjP7bjyhGYALutfjbiB7Ffi+pM43Rde\n4tCjSiEnu/gTEpLAlOeF0cHCJ+Wz+EYTMMPrwvL2QTvlRmbNsT6kK5FI6zFr\ndB5N\r\n=tAbF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.b240bcc1b.0_1576696579982_0.25303400505955653","host":"s3://npm-registry-packages"}},"5.0.0-canary.391674a26.0":{"name":"@material/rtl","version":"5.0.0-canary.391674a26.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"17f74130e496e9014c6f3293b8ddb570918e6175","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.391674a26.0.tgz","fileCount":6,"integrity":"sha512-615rDvBVApBiolM0nEk5d2xpN99f0snKu9weQqf3sMAIXIbNbrht/NLcfCgG3tqA1VEzVVWU0EfuQodiH8KRNA==","signatures":[{"sig":"MEUCIDmWe3PQsZ9Fquofon42Q5QplqZsvvWTR3HHDdx7BJmAAiEA2ZmZKlkWJcElenNbV8B024w6mid0i2tM8ofs/6OCDoU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+nsSCRA9TVsSAnZWagAA/HcP/ibhkJWHLfXxZS28DPIv\nMHlxJdGRX5RdD93hXK+KP6S5yf7NJEI7hmFMFxExsiG15lhKY2U2yF06grJX\nYztERbvjvbm1NiQk5A6Pi65m8B74WacdT/545hE6EGaejxeFyoWlo283HABz\nY2g5Ciz2rMB5rSeAjKdalhoJDeO5F3P4yyzg7ZvBE2efO95ZyuinHFRksjPR\nLLiApahi/UcaAPnzOTD4+R4ln3PGM5xPBWL98lXzYLYQeImSeGeYHoyNO+4/\nr4uW8FJa5+xMr/nXL98MT79dy6BZhLBstwgH/wWNGDZm5na7FnUi4iwQsPEd\nFXPVxdyG3/mPW3AfaGwNWlp5iPcXgQjcUarTUN0y8TTUjCMK2i6xBBKBvqhF\nlX/NlmvtyARtP6EhToqdzul74Eiq0BDlFP2qLfb4ZHDB4LSVSdBbbh3fetLU\nk869WrxTjHev6LoJIMsYI39yzXaFKgtd12Y+J/NCUZllD0xLie5Rmq+qG2BJ\no6EAB1cgWUTogR3MbDQgbZZ8/qv1XvC4uyZc6pGTYmawLx3pajBbm6CJJMwq\nqn5HXQDdvRl5ngYyHTTuuLdE127pnuUfRnRGkoSAWA7TmO6JVsJTaK+IMztV\nUZ80GAE9w0rmEuI37NZx+Jda5IJyNiDsG5rQSXvhGQohuwO6NfIE9YnHXn1T\ncuPZ\r\n=OcEy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.391674a26.0_1576696593502_0.6810713533237756","host":"s3://npm-registry-packages"}},"5.0.0-canary.c4837746c.0":{"name":"@material/rtl","version":"5.0.0-canary.c4837746c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"83b6f95e69aded6b4eb3bd7f737fdf2d765fbe64","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.c4837746c.0.tgz","fileCount":6,"integrity":"sha512-BVlIF5YE96lgOvTZ+TVMZ+9C956sHtPOkh3rTJEVPtk0MDEnljr85HY1jZq4jkUkpBw4ft1bhHtWqHNFsdza+A==","signatures":[{"sig":"MEUCICAWPgG0BQqo+YPeLBXzdd8G0wYpTWtCSsuJZ/omIY+rAiEAyLjTfVKdWpkdGtIjLLFk4Zss4LjwHAeUWfRJN9BZQQQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+n9FCRA9TVsSAnZWagAA1UkP/AgDIshLyFiduYPZf533\nssNAYou+NAfHy1IRfRHfvcb84sYJrwDiFyY2yIAC3TL0thmCmhgIrmJP6lfy\nFH/8cHxdj3ZAMIEr6Rx9xOXWHBRc3f6R8TpKN1yp48Ce4fQl2Frhw9lv5pCV\niSTP4llrBcqJeGJo2+FPRcuccxXt7WbzZwq3FRxFs1I2zk3Om3IMh05qYqY0\nu3ZvY/6Vfx8vSA0SXV8puwSfP/698VjGVIQY1+TAqqLgtHwjv6Yaf/L3j8q2\nIWqHdn8rkM3IDQeJyTNULZdZ2QlvSDMEu85jSO9PT12m+bhtjNs7JBi24SGo\niKajUWZsx2lPJfVKiecTet4F0299jiFXqzkWbsvOI3Nbj4plh9PKszFXwchD\nV60npkbKvMCfttUQmiae1Ic2gAF1CLP5UoHBNOZSBK6iHoc3qbOMVorbb5nQ\neyHu2Y+VYxEYEiaCknnLh57ZKnO9dXahoeEHZOP+gZyRn+JHHPiM9CeIMdtX\nHKMDat120ClPllXtF8aJ9KikXJ0UR4NGApRXAERJZZL6tpaDc5QLYKcTWKfR\nGpgsaVAItrz3ssdF4vM5XHoXH1+4Piqy7bLpj7V8VFqxql8r/WKyGDHGVy7p\nkfrVwhvulH/H7Gsd9EdWwdhICNvMK5PvsQ4N7+5nnGCnRT9BLTEgcJehfKsa\nzi1e\r\n=g+7V\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.c4837746c.0_1576697669263_0.31738908760563733","host":"s3://npm-registry-packages"}},"5.0.0-canary.e41a70425.0":{"name":"@material/rtl","version":"5.0.0-canary.e41a70425.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7d10af989ead7fb900576fc66543cd10faf8648e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.e41a70425.0.tgz","fileCount":6,"integrity":"sha512-WZgVsMuaou0n9OIGijoXKdAQ49Ck6SM0QeMk5tVImy6WDC+iFsgOFsjpPBJxo9r4Kp/o5nVmF0N5osn8RlLDRw==","signatures":[{"sig":"MEQCIAZDeqzqTXUk0MqA1OJ/HEHZdv1dajoETCohmRTYvYSlAiBOE4tZgrE0ea2EfmQc9uJT9s7dLQ/cVFudfsvdFgUxdw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+rQNCRA9TVsSAnZWagAAsfgQAIGaHPV+g3f98pvyKfjH\nfeBgSdwjcMYNLZikgaRaBRZAjWVqr+qDIvi/Q3RpHJoD9zuWYd65w41FYI7e\n3C+W/ZZjZK38cHpwjWkdfxYU2mj/TAWT0jV6VpaEEH2woNZxcwREhNuZPOMn\ng9/oZIB9PjYC04oN/raQFzQ57kp2/mWR14NHPqYwBogCXCh7sxSR5cweYa2s\nRcf9b6+HNWSV/vlG12caWJTh/DCApg2+niULeG3DhhBzyRLD/ePg98zV8Cf0\njCk+JnEaVwJf6vE102QlmHm6fKC27yRw1wYJfWd4GHWjbljpaDOP7+LNKsp9\nBeWtPXPB3a9mp7FmECrqrATn7tpRQwuUBW0FoKykvk6w3QIOJfvQuUn+L6oY\nzwTwMrvx8zM4JWpVhvq5fnateU6tzn4WZa7VE0ntl5LG3TnZwY3kXYDqJ7x1\nIeFDcR++jRtiZFXCV/bLtttTtNzl9yTI0MDMO0sQReukqO5/rW8OQ659kkK2\niFmB7eLP4uV5eR+cB8n/23Z9vQTAYVKeURxYZRZILUQCoOt/abAzSfSGdgV/\nhryPo2iIDMeqDEhlqvI62BqwAvNNHVspYXzCGSbpSc75JLXm9KUQab5onpvR\nXDsWO5kroYdYSO1QiTCwlIINxB9NcP+/S+Dg3o0bRtygv+U7/L7a6jk+HnOe\n6B/B\r\n=3k/k\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.e41a70425.0_1576711181325_0.4763607891573558","host":"s3://npm-registry-packages"}},"5.0.0-canary.bac43eb43.0":{"name":"@material/rtl","version":"5.0.0-canary.bac43eb43.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6889ca15ae60e597f60414931cf8ba2906d5478a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.bac43eb43.0.tgz","fileCount":6,"integrity":"sha512-1StFiMFZ2d1R/XdhtfQ1PrYktWcUe8q8j8Ny4rOb+Q6TN9Nxr2uky7JlXfrDFr0K2ymehbDKIJO3LCrEZol73A==","signatures":[{"sig":"MEUCIQCE41+M3bTUe5RYWU8lgiT7kOilprUF3eIilqbw9A4DMQIgJrdF67S0dOyrVjGDx0eDI9tUS9/Uzgjx5Ws1PnRT+Q0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+rTwCRA9TVsSAnZWagAA7nIP/jcjAAjA15UBV6Cz+PjE\ndd/TuawxqATZOJwp6PM2xzjvh2eyuYehmempoxXn3h196+XiFq2z1pnITKyl\neL894yzPDMYoM/F1UfAQQf9BO4qLDQTiEq5X25aLy+vsVmoMgGqCYN0xNCF5\nb4/hQHvpenk/JT2bBI6BiBmTXqhYvWdkK1syWAqrd69e2kuOHAh+kYiO4Dt5\nX/nlFDkPjMUMT2XIkpTlQ0wu5VS1Q7BAojCXgsia+hO4XJXwE3HeN8AyhwLD\nkcU5eenHk03IjfHOxLdODjcFhN2PexyDFFiTSuBqQcDJIYK7YwfXTmQgLOL6\nlXB/vuuZ/+sVmQg/VEhlh/+KxX4+cJuQEkns9zLTMM42W4Y0MLGBYdmA5mS7\nWnQ/df+p8yQoX604AnNbdccKRZZbowzoIbyuFII+QC4zYWL+m+uu73/c160N\nc5a/cPvcJRFQMj3UMn4DGyn335hKmMd0JjGuXNC5VvI+RRmNcU8X2v95VE4i\n5gDmpKKtp3Y2ss+b8s8Ydtfcjlwrhdqm+bzVrmintnnDKTOOhq1OoWro7vh8\nq7/+I1N359p+ojbi+w8JMhQBJqdK9IXNYKhtTRndWhd5k46FRrr3oAWF1lms\nRxRRlEZ9Ty4SPhaSQFJKa9nFGHvyVjN9+3NW5oY5ex0lkKCPq1x9do4oU44y\nZGf2\r\n=fZxV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.bac43eb43.0_1576711408121_0.02467007409236288","host":"s3://npm-registry-packages"}},"5.0.0-canary.2e491de55.0":{"name":"@material/rtl","version":"5.0.0-canary.2e491de55.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d9e4df974cf83d950d5163646e2d4ccf679e6770","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.2e491de55.0.tgz","fileCount":6,"integrity":"sha512-BWzcMj4lqcn2HsnYnlwfv+tNrhZF7WGVFfuqxlDvC2azKD+QgZQsdE81ZcaRIHFveU+YKSvFVybI4PWk9p1vrA==","signatures":[{"sig":"MEQCIFRsTY1F2BPgBNWXN8S60JcNEV/0ZT0Yaa8YNByS9zxrAiAFzmcbnSydNR9dNUVOHHEwSNP/eXX7V02V8JogUfs7gg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+1WyCRA9TVsSAnZWagAAXq4QAJTkyQhQ6PbTEnF5+BXW\nmOZ3EMKsQg/6h4Y/QPjjKCYFadqg5xesBS1J1vzjHiaGIgx8lwxanh3IHiAP\nrs60cCLDZV8/0vk+T5SUo7DIjaWFgljvIqP5dGwJf4JeGsEVW+s40Yf63q50\nNTNMQCzh25yt1QWkGRodT+I0CkrLxZg9f0oZPYk3yEIm+umT2V1YFxqL/mB8\nO3Cm1DQq5LAc8LhtuoZdg+c433vv8N24luGHfdInU6W4IZVC0zjxnNIns8MW\n1TgZV5y6Qheo6rO+qPP9/lWLAQ5yNI0l6EBg1/S4Yv08jnEuQ/Sm6Xr6MTJ6\n51KMKZ0t0mk8UvXKqVa1sEVnvUeuOn+U1d1xITynFoX4NvEgK25hwPmTVgu7\n+KkYsLqN/+k+cZGcXv9LewK+vCn1YHR1mj8Cz0KowNubCZg9ve+MOnK1UE87\n/WBKnLOdZ2J+sp8Mx/mG6/naF3GbO7kdLVHeSaPq6iaR+pQcoWbw2gGnY0wI\n0q+JVf6V85Yux7tS/NLZBHUyHakG89YKPPsDpuWdK/3yOIkmzD22p8jybEHV\nMeYvLovmFySDlJ76f97S/2dJIZRnA3wZJDyGjHFzlrllFUFzRD1wL4dh/Sew\nJr8dxZdHE3K9mq3JAorcbHafRg/CTnQnlaG8IIZcre+/2BgfXCrfcDDx4tqE\n0H26\r\n=ljn7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.2e491de55.0_1576752561927_0.3147372795318042","host":"s3://npm-registry-packages"}},"5.0.0-canary.ae101c144.0":{"name":"@material/rtl","version":"5.0.0-canary.ae101c144.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"897a5451bda0ef87f8afd10f0f256f6007f068ec","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.ae101c144.0.tgz","fileCount":6,"integrity":"sha512-rcj88DjokbrFzlaykeUrBunN4F5yIqujZou+1O3il3c2katpXqa4wXZGAKV0fn8l46ilHnqNizBBOEOt7nWm+w==","signatures":[{"sig":"MEUCIQD9nObHF03g1nedbfM2rp5JHx+rW3eRvO6BDjwgD/URvgIgZZ9irTJ70SzV2GLItA0AzVnxDdi8H0YhVj6gCL2dZx0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+6Q3CRA9TVsSAnZWagAA1yYP/A/MexMRMADWfxC4R7OT\nTxjpWAce3nu8PGyp+MFm9tWAJFpf2z4tDgiq9RJxN1A8QcufHRluEt4xZgF3\nhpDCY4d2+kLlpsj5egf++dLQHpvJmDmWcseAdPMLwlSniK5HUnndgoiUxG+u\nYMRfPeI+v/TA99KOliUBFm87Sl9ObZNO/UIw+0ys1R9553SAROX9HBU4vHet\nDQurO89nAiRVP48C58TfhZ4pdtsViXHiQzUpOm/ny5S6hC0Hvnk5PplBg1/F\nS6C852V0iOOCiFCUeJ6mLpNX7dZyI0TiIYRUpDEMDm5uDZ56B7DzXMhNahSs\nxNS8gjVVlRibB/5txOmgACOi5W3JlLWj/+XqOlFPQ2oj89Lvdi5YkLaEl1iC\njB53Rh+WIUgHptlzOooHJKBW6Ns6dOYmZ2e/vqnpInLTqD8Uw+SnVmS6SmB4\ncbTMssY7Skf3Cu8sj+VFnoVRIRVv11J2+5h7zYnnfNDbtL27rwAQoQaITghZ\n0eva4Yn/fJ2P/rc0TruqkHufZBMPy5lhhwFb7EzEWQ0Q5gJlyXP/Cwrx4xSW\nwZPIVS8np4hJ1FAQ1pC1fgM5tTpOXYRfhHN1oS3uMbzQkSYxs0dACFBkoQfo\n/Ihfqa7RJZkV9vY6qwonwNw8YLB4f8+JRvYtYpPkVUVShJn/Omgj2FyPcuTl\n6kJc\r\n=R8E/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.ae101c144.0_1576772662963_0.7583587607880011","host":"s3://npm-registry-packages"}},"5.0.0-canary.a51c31f26.0":{"name":"@material/rtl","version":"5.0.0-canary.a51c31f26.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3ef3534bdc1d764d17011ebc1ea474cab4bbbc8e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.a51c31f26.0.tgz","fileCount":6,"integrity":"sha512-p1T1/YHf6MuinEcHZi4/mLeIXuocv1DGxkqF2MQCRnUpJVBtsZltm5BFD5q7R0DoM9n8UwO8Pr6I8/HrM218Vg==","signatures":[{"sig":"MEUCIQDRHcE7l6zPvJBJJAWVEHD21DuwmTsD1EfZjRjc4T1TZwIgKuzv/rayT7kKDMrjt1kQyBmbhmGK1fqFZenPtQoqpxQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+6/UCRA9TVsSAnZWagAAw9YP/jxXCMTolgU37Ks5o6pP\n61TCj1FVpOZOoXksAw01BcXiQrhsXozSRlMjY6yvE2yqRCRRWTgDorYlkG3r\nkLYBCjbzvaW8i4U+5mALs2K/ZxUThdRbo38xQAQhxURaNPYbWrEIFGOdDRqu\n+NipgD+MAWt8jW0kmySn5LvaJmO2ihFGuP7PAnVIl3S/iFmBENcnsegm9nvk\nst5krnc4HT6G2deFZjA9AFkshESnHK4m3WxA+nWEi68QauZJxTSBvK48VtpS\niEGqbq64ulMgzhrE9YHz7eKerzCPSDcwkUqRS90Eipb/Y8rAH5am0O9geXct\nK2zsjaeNXZvgkdlqGqZfqOtd0QiKc/56suOBuVLbV8EshEZY2WBK4r3TKuaG\nIy3QqUA/YmPs6SJV3KQ1sKRjuTLz9p8MnEiP1E0pDVvPWhbM4fNm1D8ubxir\nJQn21Dzazia+U4tbbEN4ScHVYp5K2sFwlFFrn6WHJS/y0RpphvOF5VDNtCKr\nZbLYngmE5Ei2eePht5kfztrvxHpEjZ9iDsJkSdd1h8z9Nt2MLsl3u1y3xdD/\nuSiFgFXjc1p6BKPXKnnJxb2ViHKmysr3ep+n1rpzhnJhdgHloyZuSP0h5yh5\njRNySc6v47uQbhhTelD5V8kDIdykr8wy23r2eAEwIkBmM3Jg9nopiMbn3oiB\n6UEq\r\n=ov82\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.a51c31f26.0_1576775636624_0.7147850605595634","host":"s3://npm-registry-packages"}},"5.0.0-canary.21fc4e13b.0":{"name":"@material/rtl","version":"5.0.0-canary.21fc4e13b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5d870bd009895407d732de6e3258b547f6f88d8a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.21fc4e13b.0.tgz","fileCount":6,"integrity":"sha512-Xzfg3JeN8+ZfQT0aeMGtkknmAdkqc0X+liZZQWW8P6BQU8kPzvTUTQwiLgzmkNBqfp8O4kduhMxUzW+7tl2UXA==","signatures":[{"sig":"MEYCIQDYVLGoWOrCxblPPaI6WG0znV0iAUU6CDDgby6uhSdHSQIhAJyoMNCrVRJ1seBgmqnh9vqoX6g3TYAS8/pVdOJ8yk/u","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd++sVCRA9TVsSAnZWagAAMdMQAJ0Pfqe5/4jUUbu1vOlt\n0FXSeT6TqKx0GslpLppEmbdp7BC5HGcZhduItHmuuj1liqlSHTQG1Sdun7s0\nGeg8eNTYUpOfTtoh7mnU+ND5nOxOIz7T7rCQz9ajHWO2ODxJ/dBBSXQA6hcr\nk6eiI6OjP5t6CoZlaOt4r/mAUDimSMT9XHghVnznn/r5Gm1LLSlBeEX1R62w\nBc4+gKaiJQ/HNXYYJpWqniyfFr1mVWNlgUH1AqNg59iGumivLAijSud06wIt\nKQU2/+iAMpIzT+cQrtGhhPGdVCvfGpftF/YD1E7tl7o23H9RQooB1cVxenyK\nNhpPXzA67VYW9d63iiku+0z7mr+I0BimNanWM7Pegc2U5pHURQ4gBCEexYFA\nOJ2vvlYUcW7HLppTUCGpbmp5zqbR533uxi/u9mZqvQcf+CBFscX1m27gBGKr\nfAiviqNDk/ydSuV2IG4UFe+zo3ai+i/uunzUnwvdXN8p77gjl2yBVrqWut8m\nYhDT7lsuTINASuQ9rAo5ZxoNHo+hUD1vCJ0Y1WUAISK+9XtUZ3T+ZBUS/ceO\nQFzffgXzajyFKz4qI5Kj76nhMNXmtQWJMKi4XQg/i2meC4giax32VSAV7nTz\nt33//CVP3Prjx02SQIqEcGDFWTA96aR2pEFCTPO86l9Sp+Y3xIaX/A3LaPjq\nr+nJ\r\n=f5Yg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.21fc4e13b.0_1576790805375_0.4747776679417257","host":"s3://npm-registry-packages"}},"5.0.0-canary.d2ae6e17d.0":{"name":"@material/rtl","version":"5.0.0-canary.d2ae6e17d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"77f78b3a15b7ee7a8bc46068b47558bcc5db23df","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.d2ae6e17d.0.tgz","fileCount":6,"integrity":"sha512-652zOwL9EhTmyy6cOFC8ZU/zSaMJxA8chXyTKJ96yV9Xh2yrRN9S71xjxm1vkBGIHn1Hd470aBXgzP5g+wNHiA==","signatures":[{"sig":"MEYCIQCN8uVjefO9r9TABPbe7/2c8+QirMIX7PO5A0yf2e7+LQIhAKjfbopppn0xZfc3XxBL6tUWsYVXCJV16nLh1cp5KM3v","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+/hyCRA9TVsSAnZWagAA4pYP/iBHnm4GNtGQtSosE0Cc\nulCpWo72MS3e6BtONLS9nn+pGWoB+9FMcUt6nhC++fSrnoz9BVxEHriMW7v+\nDeMpykoRnLvwjrPbUIYa1BtZZ27jdRBogPk/GBo1VnNXp/vMunLNMrca+i8b\n0ZD/7giIArq91r9QVLopO3Wqy9+JodK1CaDKLm7rFm8mUGu6Ttn8M1TcK1P/\njUt7gUg73RXNu0jgGLuG3lHvbIw0MBejv+p0EYMyok5cDJhxIVNTsLXAwtYH\nHdA//UeKg42cOt54j6l7g29VsxmB5MbzKzkuonZf/tQPILUwfNPNvDhTcuSi\nFjcu4v4bIDA40EY2PjoWiGbyGT6e6Xtoxm0CWQEcsdXQrWe6MfN62i/UMwjJ\nxp5R3ig0yoEtFmz9ccNgIwM1xlrxiCXLu4Ya3aEgdLIDglZL9nDYbyp49FBT\nswVz2w+EKjlqb6oKzyVkwppUggJ9jhIFd6AspCVs3fVZcZekU4GN0R+Vf7w1\nJrnBGHNRHztZhtttmaPfvwEVjyww4C8Wuzr8r1Cxq7r3xycRBSOkKPW62/wb\n1G2JOf5029XE+YfjE7UpCrZS2HCYNNOGkWHTDIRWWl9vXvwYlwYrbRuv9WZC\ng6IM4g8JbI/ud8ZFyhHH+LvG8KdcpAoPhqtIfHSrjREFkqnqzD9Qw069KYh1\nmw9q\r\n=+zG0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.d2ae6e17d.0_1576794226202_0.07222955122685915","host":"s3://npm-registry-packages"}},"5.0.0-canary.ba30399ad.0":{"name":"@material/rtl","version":"5.0.0-canary.ba30399ad.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6135ccacc000d2a9140a5157f60013728bc6e425","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.ba30399ad.0.tgz","fileCount":6,"integrity":"sha512-8kxySuSC2LnukxMnkBgmF9NHx8or6FQIPlVPTtaX4vBR4tHBnVoi0zXzshm+eKqxPDMyLX8mUqWSxHULz57uzQ==","signatures":[{"sig":"MEYCIQDw0nGA5v0EOQOFLrzmhcwZCqbkqGmSMBM0I+u4PJnxDgIhALA9hbEOqSZwpVB5c+KAI23e/8nD7pcdvo+P5XBkg+24","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd/B9BCRA9TVsSAnZWagAAAw8P/2OtJDiZLgYVXAZFwit+\nKI+YLkwznakZZ3GUsY2LuGHhlQIloggejWBZrUG0Lq7nnRnonMMW2583ObZw\niEhFzxV+CFd3V0K/c45b9IcTa9p9r1u5b5Z4ursTkYg34QvW1ETg5BQxSnH8\nJ2Dk3ET93bVm/t/VSneCfzc+7bs1Q1Gc+zK7iUyMzgEAKtGTfpBF2cXyjxfg\nwfkn4LfxkxPGDJVyGjW0aVU29JzYU3HxxYyuxeCh2uzz+0gm6L/DivIso4hF\nFjxp+3B9tO4wvo+7lotMgUBu6AHLOG6zwtQxONeP9HaVpgLI1ohvLF5wmXLp\nPyzQF+FTCqJ+5maJ7PVZegT2h77bPKFT6yKPOuzPvyOps4v2SpqbbX/ECSIc\nq6j6Wn3//ohZqaMGFLjQwfojKynxC58k2X16BqoW+aYRBe3wLZ+TLrMo/4dg\njJLraSoAau/kHUv3CruEtCb0kzq46t0F2cBxgSTuxxBitH+l400fBSci0X/2\nCBQ4LAE8FOBoFE4yZV/GPfE9YCB3h54nJbZ0FM83C4s2oKu9bc+XkgvBS8eS\nedT0O/56TO8TZyDsmInum9GlprHffbihG74FSKzw5ZIoIxRuGLYu5UbJcguw\nky9II+uy+sUeMDhnJZvsOfTOOsgO3nglek8Jh1WV2J5ng2Q7kkdmS+ZWfplk\nchmX\r\n=VY0L\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.ba30399ad.0_1576804160887_0.9347556506575658","host":"s3://npm-registry-packages"}},"5.0.0-canary.a08ccec35.0":{"name":"@material/rtl","version":"5.0.0-canary.a08ccec35.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"40e500ed15bdf5476bc4e8e4c0e040f3d85c44b9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.a08ccec35.0.tgz","fileCount":6,"integrity":"sha512-RhGtczVvfk4HMPu5ysP0z/JnZuxZusPr7ZOzChMZzaEQEW5xws2C2mmHabaW0mY9VC04cO6RvEkZVh2o0MD4nA==","signatures":[{"sig":"MEUCIDOAGMrFczYOYjbOZYN/whvfEDTMWbFXTP7OFiQ1mZk+AiEA4E4ZcJl8OGNp1IRJI/1S3I9wR9KjM2DT08POAnbxU58=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd/VifCRA9TVsSAnZWagAAqZ0P/3gjl5qRekqMtd3GAzAO\nR1s4ekuvsKxA/h3lHS3XD0lGJXfpcEudLY0uTxRsHM9d9Cpb0H/3bn1F/7ZM\nfXw0jFEMXTw15b1KwgslNuwEpJ2kLQJ6BgNqE0nqVOk/EI5yUpF4STzEiIL/\nACchMwpis7NNbU6MIQNjrCskfbInWD56G/idsYxFMIO+8mr0ptNIcvBgkqch\nRoBSh3g6pxASWu+oiKoc9SojTGYNdNmLMc4In0MHUv6iK7gN4G0HRQ284XxG\nl+YJT/OLqA1UdjO6NKhT9dxFMLmXtcLwZ+xLK6fIZaa1ZuBFb2Sk3G6ElTgE\nwGUy82WCjK9Ysmmvs2E89KMXYGTnUWRXtjkREB4r/nOCz5NGtXtvrLJVudfe\neqEom8eCZBO8Y9aSESq/3n679Hz2uNoOb30q5GTJfCu8y0c2jBgEZGLysYU7\nwg3fhOIRwkeQpwsloc0z/ryZcI5QUBGJXU3JrW8S2iQs8kNi/kNKY/eWEdwp\n1y/lsUDfZNYYObiI9XanSkTAUFuwYeJO4QMWDYx1kH8QgZeou6QLZbHrwEjd\nCzxMEz5c6LhF0WUnBo5dCDg1ZZuWvLxtcBNkBhEt2k2vNPbY0r8FzF22K0wj\nElnMj0Y7/BvGmImtKvaM7Y9Yc1murBr5I8T6eHbcH/nna7ubyYwBO60rkfnk\ncTTL\r\n=4JB6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.a08ccec35.0_1576884383501_0.1422394492583836","host":"s3://npm-registry-packages"}},"5.0.0-canary.a2f75105e.0":{"name":"@material/rtl","version":"5.0.0-canary.a2f75105e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cee7fc33a4be53662c73889fccef70c5cf4eb0a7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.a2f75105e.0.tgz","fileCount":6,"integrity":"sha512-fzIIWyNko1s/faWA883/Esw7+eL9b/dJx9ZzAW5B0XJdLxcEFsvHujEDVHotaFzwotZlarGVgLKMH3QKX4+c7w==","signatures":[{"sig":"MEYCIQCOIOKwSCOmhnrhSxmsWYvG20taWIA2LYbqG2Kjag7cPAIhAMnJDsXNx8ug9ia4Gq0msGrJrxPOeDtSIwwO7RupRc8K","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeARm+CRA9TVsSAnZWagAAw8MQAJnw6irllSGBvykR6DcZ\nDG98AJsEVl8FdasXjIqYT+2lhsD3+JP9t9DzDFa9ZZ6Ghaluu1Hqf+u1vz4u\nUgXT+CXblM+WD2F41arnVPRnXuEl+q6FWk97YC4FtqeRm+LaXq3NF1PYONHo\nrbzkkcoBmQt1w9tDKsBvnKqfxE3XW1uo9i29BWCjVbk2I6kAKrByjnCEDtrU\nb7Z99IA4dd3Y5fJm+p5mfbmezKmw6m1oYsjskiFqqwni5AcqKBMQiffkqTqS\nLCJonzXD4eShmY4JrPNpcDzUtkW/3dEe9LX83JQ2Wdr74J33KWov93ATzRRz\nf/jxnm4mDVey0XtWHbsF4tILjcVdNWO76k6vQic9szHhftwCVRibcYNl6KbB\nfkDnWIKZ1wBinWcvLTPVZ2LroexeoInbGgMZqctUIuMqQ8h4Eixo6iADIrfq\nEWJ+jNs6YL51yEXcBSRtCa0b/9XXkRqxVYCuksW3995FK4L3Og+ibOROtHb3\nNr9S34H/vvB6VEp7dONYYVvYJlUFZX3uD5dIdWwujWEJiP2MuqUaXuBoiTv8\nGwek2KYXJ58C2A361sp9hg1tfdjWgzfodLGrNcFOlyV6F4ciNM4hUWKORfi6\nKRPCxoxAR83f1TDh0taTekc5lqM5+k4/NO/Y4wxCh3up1ZKzQhTwFh46/ZvI\nZl+d\r\n=RNtx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.a2f75105e.0_1577130429841_0.07992322835598387","host":"s3://npm-registry-packages"}},"5.0.0-canary.c054a24c7.0":{"name":"@material/rtl","version":"5.0.0-canary.c054a24c7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"dae51af7f0f99bc111d7e918fc90ad5432ebe69e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.c054a24c7.0.tgz","fileCount":6,"integrity":"sha512-tCgIccfFYuNtneQRe34rYpDJT4ZLT16MCzQBoaMgd7Nb130lgkTHh1CXPWJfuXJqXkkIne3CKd9x2KgylRykmA==","signatures":[{"sig":"MEQCIFQGIKqme9C7i+m4GOQaI35+Mqf/sS4u864THDtpEA5gAiBFeBvdjNn8cHawn2lIDKxy43BtcI7ldbjYPybuo2LgdA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeATZwCRA9TVsSAnZWagAAI2wP/2D/a+JyCvBG1DUgzqtm\nK/SXwzs5Xg5w2lp8TpmOzB5qdxJlVnm2j3EwSBNjVKq++dwaDsGkdFzsxzQ0\n8kBw7qcEkQdzCSsdi0m3ZeeXBn7OhkBK2xkxSwcsDJ+C3XHywf78sfjgpnrp\nq7dqiwP/o2Xl0Meg64s73HkuTChglF4p+FQHkx3pNCaXfIt6rRtPD3jeupRt\nSatJxAU4riurbjDf3BqLq31NLNv1RctBCCYN5QSXsN1kOQtm9jUvQg8h8iwX\nZ5+h6mlVSJOov8yC12a9pH1ZQc0H3uv8iAz6sOsisJPhF3ZCPSB1ylS9Vzjp\n7pDI2PnlYbDXmmoCIc9isZ54cdOr08zHtiGVweXZ0RdWZcOjZE9pvYPN1BF9\niSQhhI1o8lQMw4bzkPbeTfzYeRTgs5TyvOxJWnGloo9EKHu7q5Uvv1Rvwkkj\n0Mo8IWGvlpDRvXuy35bjlegvC2d7Qaa2+jO7umQ12wBREnIurdBwZdgQRXFU\nAcHDt67e1Aj4FMim8n8y+6WdVNSa1VdW+sXvcgLNoSMozzf11QxT76qPB+7s\nV3hpsJ1gHFCnSm1qgwvftQWQ9ilornxxZSV4ojWrufx+ZSlLBZuc98408h41\n70BIf/fWCNIPeKtwC2pOs+ayxXYl2lOrrUslRvfJ1KmSWrRXuKNiKmfpEIxn\nBglG\r\n=9Y3h\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.c054a24c7.0_1577137776370_0.6778194342106332","host":"s3://npm-registry-packages"}},"5.0.0-canary.c6808c51c.0":{"name":"@material/rtl","version":"5.0.0-canary.c6808c51c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9ce430d7bb9d2cd99448550311e8bfaf050005b3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.c6808c51c.0.tgz","fileCount":6,"integrity":"sha512-N5bhTiDqjYXmuRiiwVwM1a3flJgPbx9cc2lsAb+ouxsIv/YvRwujQUObfQkU4e/E8bwrODyk4Kca/xo/YNjuoQ==","signatures":[{"sig":"MEUCIQCNKYIOmxf4jNdIDBymZdVt4P2inxA7SqX+9pGt2SeCxwIgMvTkkt2LXkxtEzcTlFmh0nNvPav7vz3FX7J1CfoJZbU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeATeKCRA9TVsSAnZWagAAWUsP+QBVRlvltcOaaFZaAMSh\nbPgBBgVK68vou96Q+uovLQFXz/F5Hb0RijwDfD1OzLtiqEB7ZKvzQiYniH7y\nY4gHIxBjn3Fm5N1YK6bwBVZPV8kvlp0xumv8oLU0zdIu9ujt/fCUzCN3Cg34\nU/4bBky1PRQtUEU6FYimytHH3eO/+DJK1xRUwbipBlzBu85vGeTerYaDqA5a\nrrFnoNTIYegN5H+TF8+DQWqfe7vcni2HZLlCR/J5k0LkcPFjysoF7PcA99No\nWGHWS8pxpgrsm+pf7rbc5vGEtxEFdOjn628+2VbLoJ/eeKpeLi0Zjv6MoZkt\nF43BUNDYh0mgJ7Miv7meqNRt3IjkJlQW2/VQ1JaPZvVdk8JMg4WaKCDEeIfx\n99042KJaKAyWjCB0hq33z4U6/FJG8FlDme+rHkYxNvdM1zO88SKTaXNuzF9T\nsHRyZztwherbncf9su/Y56gli58u+Phu17j0Hl1X0mfX6YxAxTGy0LvZeNSu\ne/dnwsvokNeBG0Omcur//l/qavZu99fv5Tj/yS/+Vzdxn3q84/BL0RZlByTW\n9LqBmaWW52letSORYZObrWEMAkLHsDONMHrOCMtcf5C3oKPkBJHNP/tHXebS\no8cdz1S/d2k4WWmK5jCgETnZXMHIx3FJ1Q6ni+Omt+BNS7vloqdyOJDb8qU+\nX0+b\r\n=nF6A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.c6808c51c.0_1577138058484_0.699668500654403","host":"s3://npm-registry-packages"}},"5.0.0-canary.7bce9cf77.0":{"name":"@material/rtl","version":"5.0.0-canary.7bce9cf77.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"41da49961a68ecc8354474d98c9acb19490da813","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.7bce9cf77.0.tgz","fileCount":6,"integrity":"sha512-2xxeHAMSnfbPP2t5cflsHrt3JOdb9h/1ovvazakAdJXoTVs8R6JKMKS3D5bHSXbuLLHHQ6fzjlKrINjKgxa5GA==","signatures":[{"sig":"MEYCIQDbJmVxm+lSDc8WrDMTmpr96J8nbUhBR2MXbhT6GtnrBAIhAM1HOG6AIXIb31mAhadWBx34S825sHr1XIf8NFjjN/kw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeBP+2CRA9TVsSAnZWagAAejoP/RKXjWZqHeD+15Jz1RXR\nP/uHkNeuUZjxZFvD4I5307o/BWaDJdEA88zKU3NSf47YSVvKIbYLEHeWqh3o\noX7C/JUiQibFUHg/saHXQRKUUNccE9ouUXQLkx3dh1QJXAKXkIjoTg5rSeD0\n0oovlCTziGouy1HHexNXNGNE873kc3n1ROwN6iFqofbsQZhRUQyeHIS8QdUx\nq305Bsq+n4ougqwSucsKLmtt0VWfM/zzTkg76UtxlKq0rUEGjnMuF5fxvzhr\nVgu+RVP68KjQ7MwGSIWu/FlhNOk2Cl/dcTnQcYhCEaQ7Pizbnpp+WFpPg6dz\n4C9nUs5L43h4fAgs1A3rBMv8+Lou5mY196ljd+67v2/rNHOfM07nT0EGUcfA\nJdmZIUf9MoCElFLasoWCwaW2ZLS/azS7AcBvsTNampBvjixUDHjBCqPD1QC7\nuipt4RcvMkiSIKtCLwKHvC2qGDJ6GGEy4kq3Z5JDV3fwBHYKKecobjbBShVI\nuRCP2HBLzmLZBQtS96M+E0LTMELLGOIrBNX0oZB6iOW5xDK3WGxiM2qyavLl\nKXe+Tx7e9zWgPxyjQVUBrDuYXWtH07AD18kcgud/sw2LeYeontFt4jIA0FnG\nrFjblN0a3lX9Lic+66tooBa1sdhRAXyWwZZMd4UAu+kikJsX/tPl+95Y659Q\nUc4G\r\n=HCwT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.7bce9cf77.0_1577385910431_0.6794875006999683","host":"s3://npm-registry-packages"}},"5.0.0-canary.c92f038c3.0":{"name":"@material/rtl","version":"5.0.0-canary.c92f038c3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1da1d8d60848c1326f2870ee0a858491d9cf5173","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.c92f038c3.0.tgz","fileCount":6,"integrity":"sha512-+03Rvxw4qWLQ64pj+NAzkrUuSPa38mhgKieegkDgHwdBELjqwdTpGw5qcJ/yztY5oMMgwIpTd4JI1hGjKF8XEg==","signatures":[{"sig":"MEUCIGaf6OyVfwbeOudxZQ/XKMbX558joJPOlszqpCXCD2b8AiEA3jaeNPacBFuy7P+i9PahLQ08KNC4kmr2m6L/qhDJroI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeCnQBCRA9TVsSAnZWagAAGNoP/jCKGvyhq8JRFMkIx8xg\nlC/nI6oThGglp2VhfBhpqI+JYVMzpeWMqy7Wo42J3ThIQoxI+/RRAvkIU+MP\nHfgxY1RtGTKW3TuJAYuLQqtKc8GkH6s20CHHk8/KCFKZMe+IJwp74CaWb7T7\nC8v7EkKY2mixljx/vCWxsx/AbfdmKO1MaTzqEzgp4jgifPAe5Jt4qSB1FkAK\nTOKbNJq1LkrdkIzS54pZkueGEAAIfATyJPblPwBVNH+znkS7oBM8YNpeH9TR\n04XO0sDH/u9Jx/5y21Mml6aLZk0ugJouQSjQY/Zyy9Uuz9nouhg/VGEz2Dg2\nqwtqLUczvcTDg8gpk0wvpVylCdPUA8FuLqbPnBMqVsnGZN17oPu+a92zsk6w\nDzVE94MoX1nEMCs6AcqkI74Qx1C6v5ls8HzDfBN609C0mxmtbD+3LaMZZqgY\ne6P/4Aw7BS8C0R1AzsLbwLpUXSosl/EdbvpAyHHMcaNkfU1GKt1OuNWrSaBA\ng6gi3cyJjBumlPq0TQBEK9Dj88Fa0MK47X1IWkIOzbVBdSAHxmJ9NUDcoVlC\nBut11cU4wGlxdr3OzdGYk7TwwnY33QuPork94YpqXvw3e+cgNTXZ2E/MZ21q\nSgYDbYhUvcdBKIJEbMp4ommxKREun4iIND6PbulRYypxrZeKHbKNhuq2peyi\nul8J\r\n=SQYa\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.c92f038c3.0_1577743361171_0.20807746570260388","host":"s3://npm-registry-packages"}},"5.0.0-canary.1f1ac7558.0":{"name":"@material/rtl","version":"5.0.0-canary.1f1ac7558.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9349ac467f9ca243c340970cc9ef9631ee68efdd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.1f1ac7558.0.tgz","fileCount":6,"integrity":"sha512-3P5ew1LY4BXnV7GaWL9UmezzeY3/OCdOgDMWovDrIOoZzvHgRhIDg2275QSqP/S9G+7k9tRi7EeFOtadebDvuQ==","signatures":[{"sig":"MEUCIQDTjE+4vqPGSr3tpaROhLXqGqR3C6fKpkBx2WEHEXy8bgIgUY8SlrZo96ZjE698yPKcfHDWPywDfdWdTtoZTJIRjFI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeDlhWCRA9TVsSAnZWagAAyJYP/1EVxuDC1SZATd2zp89E\nT73sQBmiihpmQzsy9oMM2fSb9iF9/75FsH5y57nKYLD/0L3sw+kAhIHexMj1\n5pFqqMVBaKb9sx6E170pF1UCD0kHNdYk7eW9/w3XVggEBBPBWGZNaH1+vJJa\nq01teZCrw9zfnECBsA+FmjKScHm/8sEUM+rhwFjuSO2jnzQeLV+Yd7vZcRmQ\nfkLRf5S++Db3qJiqgATaYojOtkE/tvySeHxhGr+dE47CB8FM6eH/FTSEuBSV\nrEwPmEvBo6YRr00P/u1jfuzuuxHWRsmML+yL4J5Fhy/10svTNm0HV7oNwvfP\nfBhOtmXYVnY2FBkHnfiOAF4LvFU6wd3ZwCB4ZTssmzrBF2rZOIjia8aMKJrT\nRYjF2YG9E28r2LhnwmXzEgiKEGuScO3K+KyLASIl7bX/EAUARsRqEfOVUh9x\naEODXpo5yHtnjuT7Vz6O2EMsD73jfu6Si44Hg1G9b2J/8W0idK5m9NpuKNOr\n5aaMSAKBrlEwQUmR53IZHUTcKvw1QUGlI0sYavgc0BZR2MYkrcUGcY85jy1C\nAp0diKr3KcepLCK3Og73bonQx0bvOfXRQ9GotxFytio+DHuyEg969tE75hhb\nKYMv2fFLSfuTVjZYhuATPo47sArghQqsyo+C/HI/z8eoN2tvTRHX5X4z0z3K\nfXnv\r\n=6Ugn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.1f1ac7558.0_1577998422191_0.6299414046146337","host":"s3://npm-registry-packages"}},"5.0.0-canary.ec26e799c.0":{"name":"@material/rtl","version":"5.0.0-canary.ec26e799c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"dd9e1aaa83d24edcb46bbfcf65e632067013123d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.ec26e799c.0.tgz","fileCount":6,"integrity":"sha512-4X3/K80uybeTSYT9oi8hDVDq2+XUynBZ7vQvhdi2Xz3Gkr13vS8ATe2JtBlF7HOSwcLhLnnL5r/nbIOc/Jh9ug==","signatures":[{"sig":"MEQCIA3lKb7t+Dy+mLn8IhE0Gj+F4Vzzgr2NVM2qtMgDTKf9AiBQtALw0MAhv+HAm5HUo6sVK2valg5LESBqV9U3cxrC9g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeDmOqCRA9TVsSAnZWagAAwVwQAJQRlmydlSUi2kFUCVYQ\nn0L9Y9wBD42rfUo3ZXSztnt9DOaauoO6y/AtQ+cv2ssG2wrrDmwbS/AQGQpn\nEjq/VNWLPq9OBG/xapyVdoHnvOag0Z7yq25nDFsUQyza0i2k1NEA4HTqxFaJ\n8N16j+0KnSwV0vIaszSUVr2VCzw7RfmhfvvdvIOfpzbs3XfJQiYrXQr26NnU\naQYeoDMlez03zsBAEg1zDi6Cyjj9S2mwsXvVKdGmhhs1Lytgj3v5fh8q1v1x\n68GQbeM2+B+3fSVJ7ogSbpxbb6ixO+5L79bvZ/GMOWTTrGrX2G4nTR1VUhqG\nU9LuiTS3wy+gH0HDb2CIPte5ggRWFYuiJh7+Km+qDsZgrepGMN5Nx1eRPddm\nsDAmHFghKUEzwmSvFC7M2b/lJc3g4vd7Kp93wZwSn6MsGcOakgrwGm3S2o3b\n33832+qyVcmwaw+AQqg6/tGu5LRQ1pgl7Xkreh5me53NcG8iXND7hPbDjIuY\nX+79BiWGjvosKWeOPcv9jRRXwv5WxT8PApgQdjdx/zBBgzpuPAGRKN52UKE6\nwyE/ssYAw5jq/oLHVZRc2BpgLubGSJfa6gfT/fvcmDAkHwwmVhN1GNiqY2Jl\nP3UxrEjDiMqHjIRI5komGnqSQvGs4DnZo15/gSh9lt8nalh3QRScI6U1QvFs\noj3H\r\n=2h2q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.ec26e799c.0_1578001322135_0.49307394841989516","host":"s3://npm-registry-packages"}},"5.0.0-canary.0a40ced40.0":{"name":"@material/rtl","version":"5.0.0-canary.0a40ced40.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"53542a8bb4a5f48183e4bb22eec998d01e177b4a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.0a40ced40.0.tgz","fileCount":6,"integrity":"sha512-Xc5TjsxtQKnH8GmDpzHIROiltdifHw+rTl5+cg29IQg22uxcm9DENuq4bt+95OcjLb/4Dw4U0yQ35ys2NYvm6w==","signatures":[{"sig":"MEUCICf92nnz33m7qJLGiW1YNfkJV2oJyMROprnmYlYnNV/6AiEA82IZs6pH8tqSRuSq2gY0bq+WNKVrzBIIrU2bG6h9iBU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeD3UqCRA9TVsSAnZWagAAvY8P/16wNoz5hEbQqgPEUH0G\nuL9c6qUWCtiCLe1CCfrlGE2g1jgG6zZSd946KMripywfpLIaPVLXdqg2cU/o\nHXuUvhXY4W3H8NWbFR7Gg0nzEnWtp4qCu5fJrGA/TXLZlb3Di6IjReLQmXmh\nJQFB5ztP63GWswvFEmqGUv5jwkW/0iQxXF1PR+bBstfGvjyrZoyHpVTZwXIM\n+7s8lkMKG8dDPqnxqegTEQGFI2L3nnyfZjRrSVh3WiaWkJjAPuHKx6peePXX\n7B+XwSgJf7yiNMCxlnge29TyHbTvqxntMlwF4utIWimiwVBrO0FYVwEmXtqI\n1l0p0QZWBMz99JOUbUgaFP9iFyxzDOXlYqCbjRgFDwjorpP3ZROCPf8pUcat\n2TNcmekA24QpGevZqSYbKOEtCX9mMogc2D0nWwGRL+kt92p7mtDM9JyyRcqE\nZ7A5WDkPfsMMPOLCh8jZMa72wxMhUSal1gBIIr0yBVR6EwXp62qTu2RRAtak\njDjKp48fGnDAptEO2+fVYEcOrixAa/eof8YRDsaTwFgmUKiSKGuZ+ZErYbko\nrpr+1laWYdhBtlQwx2RhWiLknJ7lB/gaAVvT+5k0GGnMKa8wqesIO5sZaD56\nhsZ97v8Blw+e1JcxxmOeEyaF3hCC2niYrYkWFKfjkuIM4kznze4WVJm4jBFI\ntjdH\r\n=GlZA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.0a40ced40.0_1578071338551_0.2893158331018264","host":"s3://npm-registry-packages"}},"5.0.0-canary.3adf84899.0":{"name":"@material/rtl","version":"5.0.0-canary.3adf84899.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7adf380bb52e8fca148678fb16061f57e78f0462","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.3adf84899.0.tgz","fileCount":6,"integrity":"sha512-+lcYm4iPnIm8ECzxQlsXgKEuioWzQnC/fa22WML9ZmI0dUWTIJh3KdfqtQQYAdzxKMCTDosE8sx7VplOLSGZRg==","signatures":[{"sig":"MEUCIQCqnksi3rXOatj2Wk/1uBAG1rlyNHvE7PNHRbF5Ct3RSwIgOmw5vs9PuCLbnGbRLEgqSoquPh5u88kqiKSiSbmMPQ4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeD4ZICRA9TVsSAnZWagAATLwP/17sLYMgJvTuV48DmH/u\np95aEyVtULPJeVbAyBzCbr0O0ik2eCT5aUXNp+ZL5HcOxSc04Zmxat6SnHgE\n8saA+wDtGDNRMWFblldfF6sZvTBAC86NaUcnZiqgh5zzRknQHBLzeMSmyAQ2\nzTA8dgBOqdt/O+3lZJMFwbm23pKoHmKdS+sSSwDPq7tESwutBw+ZBUu31lcD\nyEIVvbJvqex3BRvSADSGI5RCiB8ccw5JTaGCJ+lX6J5CviIdK0Q2tAdx3ivP\na8jVHnJcuWfk8Kfq/bOWeSQstcxHRGDV4NxXC4iGxHgTBz9s8Mu8Qet57rIY\nOUrDDLY7/Z51XSSeNp6JCOoFTUxV2wZbyiBER7TJ1TZOUJvMduBT4t/D9niE\nZjFvfXl3Wf6t/YtRSKPney1qb3slNppAGSJRjH0jphr1uTIhkol+krz7Iff1\nrkXgV+Q8mog3dipg5Hq7v8z5fCns4n6D+xTW1lA9JXsu4Y5wThq89QZg/0Le\nD3AnrCAFJiHca+NbQM0472EhYLptqQP/0DupxIWoKO6mNtaRKbrhkt4PymDU\nxr8j7Yx80Y98UJvvfMKqKJUYfJPcz3DfBY6Rmq/3TmweGpfbXz+CIYk8tmGy\nYwCvfgzlpq8bhvyLHKI3fYrgPMI9QAYn7TBM3avoKr+1XuP0LrBpHDU9cAkm\nnAvy\r\n=+YFf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.3adf84899.0_1578075719662_0.6367080410587911","host":"s3://npm-registry-packages"}},"5.0.0-canary.0d42ee650.0":{"name":"@material/rtl","version":"5.0.0-canary.0d42ee650.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"88a5e362a07506bc137afabe023106c6b982992f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.0d42ee650.0.tgz","fileCount":6,"integrity":"sha512-Gkhw9Zk6snWPdCJ1Pm0DYBhXSAHOkNGQYO437kY6XbXKduLm5BFV9JT1QO00Y7NuQPE4+2LK2DxDi97w7gafPQ==","signatures":[{"sig":"MEQCIFTfMMO7h6261Qu0SGt30W8lkf8QELYHev5hH9IQQURfAiAgHN6eCEcZ+BVZfsX1hPlDAPGC6a2r5E0D9V4lPwos7w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeD7PiCRA9TVsSAnZWagAAMQUP/jhKGkOf2Sxo/+c5EIbi\nTjc5s2xPVMsx6t+kCfdDdrra1KUxv6eyseFFNCG8SsPL595vDw/wMSkvgJB5\nL4Z3Oit1N4bTTmRYvIQQuhLznu8l8BVLw/Juk0dJ6jhyB1qmmNzmK6kHBnMo\ntszTChX1gyv3AiWjt+PHGmHhsW7oRcYVIcbPEduth/mTYONw2Vqmyq7lZ1d5\nDovg4kZT7HKQwpYHPs0Mmn22Wzsz5ASIpLTxEvnzfQ2iYoiPpSf5xh5apDHp\nXpGWnPHzpi34dnUAbCbJa4F9CtnimfNhocrR4Jrn/U1mryWCsI/1QwPtcXH5\nsryVgr6KIglUOqQBppSF1ZC+UpNQGLkYM6VBhuB7EgnADy3/gQtvs11zfzUw\nYkN+5CvIiBzAC30t4+PtVb4DxN1x1LNcRs0RzFa+uz+5buSnRBD1NhCpb0ZO\nOlfVGgpcHzt9csS+jBizK5vHPxH/s90XSDj1SDbkxODpAZqT6Al7Fnp/UNzi\nG13wGVOnmrC+e6sWYd9hpF+5Tsocm64s01BxrprIfyO/2z4/EGZLxBwYoFY6\nx3wx/UALaMD2EZ5nLy5RzxCvU8lK8M2JA1GMPrZ/ehqOzLxzmsTo1Fl5/fYv\nIV7uLQWI0uSEtawVvhMZczQ+kllhRzTXKSXcVylTVzoMVMdHNbSp50hVC9cJ\nsczq\r\n=+zxu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.0d42ee650.0_1578087394267_0.7468605600674072","host":"s3://npm-registry-packages"}},"5.0.0-canary.7be9e4a04.0":{"name":"@material/rtl","version":"5.0.0-canary.7be9e4a04.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"026039ae01cc918554b3fdd7495c4826de9e92e2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.7be9e4a04.0.tgz","fileCount":6,"integrity":"sha512-haLC6CZOzn5bUljhzW6JE/LydHgMDkisf9i4Ikpj4vLAMs1k7arH+5GZzyvUtep27rCrgeDzHn58/rXNnzcVpg==","signatures":[{"sig":"MEUCIQDRDY+J377AFNofTREBzgagC2dCwGbHz5tOChm+zP6BhQIgAwP920d6HeQ5W0fFrJG+7xUtCX6MnszZfTp38q3Zmsk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeE2h9CRA9TVsSAnZWagAAqfEQAJ/UqLtI3A9RB9n+k6BT\n0oiyExdkBmvvihUi/EMqLl4bzSMBjrIXzqcWAGyQsoTcJSlm4ajzGwSMezi6\nF2U5s16i4yiZdGvl68b5TSDqHyhOkp6NRIaexusydlGR/aU1WI06iTBwpHmq\nlLqhhHXCHeUy/Hr0KnrGNhYjTo/HcdC6ogHL758v6WQ94FQr3I1rIu4GP37s\nI6bM2on+lAbfEbWarMYAPl/fkyTfyG4xhB280rYIjzgGzFfGlFn0Ay7mUS9M\nmCLgQJK33nwnxozdrdj8v2NRscTZwQDb4XE4/F+S2vg3FnrQS1zmlwtEIrvb\nzP/CZDBC+6iJgBNk3Eqh60dz/90GED30urxwHD3kPTaTZ+6kAOhuyPrcrjYF\nd6i5nkfjdrCK7yxghmhjzr7x7T+ah2hLPPmDWR3KHYC6DAr+uQtPyA0SiwXB\ncGM+5F/InHvEt3EeNpKEvuooEyk89AXHuLfgVJ4UW4nQ3Xsf90i3RbFdGQxV\nX8IBjvRoJP3mW7SdsnB5TIyZzNs3h6DVpzG+5014OZqYRgGpEiT0VonVFS3Y\nKqe6FfoAgYt57XyRRmyVeWnA5CNcVcF+ffr2RFuR4R5A1t43PwNa5hLgN8rf\npH1psKP+njJw6R2egXeKSBnipOt/VW6Fg+OdIhIqz/hb467m/YMyaz7NjoBw\nMQB5\r\n=soKg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.7be9e4a04.0_1578330236990_0.03479558516361858","host":"s3://npm-registry-packages"}},"5.0.0-canary.847dd1ada.0":{"name":"@material/rtl","version":"5.0.0-canary.847dd1ada.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b599d9ea5ccb5d5964604a60822cd679e80c8703","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.847dd1ada.0.tgz","fileCount":6,"integrity":"sha512-XObhNar3qA2p/p7Xs9Ucs8yfApyMqnr58WNAeNgwFzQH8hXkChklLVetxBGMsMcKqP4Hf5/kWKZz85NjazY5Vg==","signatures":[{"sig":"MEQCIDSRXUai97QOCN62goNrwUT5E0Jj0Z5tl2RUdJ8OqmqyAiBggslvVr8hlRDegsfDhzun0QnDhw9DrcsD4bDrGMbCTQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeE4m/CRA9TVsSAnZWagAAOO4P/0+zsasR0NFW3BqoLeth\nWLaDTnQ07doKh2PpYMjmqN16SRRJ+7Cj9GSjKFbNepfs6tfeXVtD9UONxutc\nNnE+FCfV1cc/e1V0ViLafQzKqZm25OdA8Z6UhuJClK36lJ+zBpI8hPSMfuho\n8MlExcmPV9IwdlN5obqz5oJD6tqDowQoHTDveaYL5hM+TWPE5nHdpIs5MIxZ\njRcLB8ohItBxExLg3/zDSsenzBYrS91h0IZFrZYoKXqyHRxEULbhRF1v9byP\n90kK6OAm59WmZZnA3tip5xlZWIiqRsMatFCUMvUVJkdtVuHjECbBN/pSWLOm\nYGek6zXPnaHPwtck/mPMuk0ceUCyo1zhc3PGbYpY7R6J6kNqlNvEb1tnJ5eC\nbTQeQz+bM6RViQ8Jl6WdSFh7MvCtGcMj52xTDZYxj5YGenPe7Khxjb69EBZ3\nJJrImwpPbizpdvKIrN5Xfg1Pekfn2GGohOBj8R7ArdE3IIV+aujY+MITMPVF\nXDuG07QONxNjZz6mHDAin2+MOL6tSTB/mBGBxfHYhs8Zl70h+oau55KzsUWj\nlWyzM/MlVIZm5+ae4rYFwPeSF8L5rTDApfXhB/4X8A3NCwarZo7d6qVjkU2n\nGR4UVPNvv9mPbop+DyQdfhXuURugLn+WoRob7NejSAjdTbUE8bbo/CROYVyi\nR3Ek\r\n=f7UY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.847dd1ada.0_1578338751085_0.4059363165562411","host":"s3://npm-registry-packages"}},"5.0.0-canary.39df7e5df.0":{"name":"@material/rtl","version":"5.0.0-canary.39df7e5df.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"165984013b1158ea73a9c6b2b629deb1526c614c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.39df7e5df.0.tgz","fileCount":6,"integrity":"sha512-t6zQKuYD8r/KOadp2dvdHNSraUQW3EWjQE+ety5r+dOKtJ3Ku+q/XiVFwO++qlZV2qFdI96I8kLNDjTzlHwaAQ==","signatures":[{"sig":"MEUCIQCSfobzWgHFC3yMfdlaJObV/eWahKnSII6ZsMrb1wNM1gIgc55pCgohAGSv1gooH8riDK2UgNuN/ja0B1Fv047MfVA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeE9bpCRA9TVsSAnZWagAAfYcP/jpUdDshkZHeyOqyN7g1\nzlvp7E5qWzwcJgeQN4Z9QmJEyxaDbFlBlhMRTi7DR4fuW1Qp7d/72dcBBS8R\nXWR3KHv4+fJ+iUazDna2DacmyvQNE35b8w7lt2aBy7Tumq8a2MhC+GnAxvQk\ndwVvsfticGCbXQbnqr+DXv9DFax2XxjIwDRAzXYs2lp9dXiY9UPg0A7R41NA\n/oNbMDgLXpOJNh7hM7c8jbNAgp4bQd/mEMRLo/OXYBNMAXwF+oF4g8jmluyG\n4nCjmjTcOmznN7Nn8tlLZhPs+/dsixeIcMNgzTdOb97+EZxYLWCzndGnFBKj\nCZO8AkUl7kA+vaj6+MYBcCN6Smyq8Cc4UY0mNhYIGMdZnsbVuVZex9qoIBpz\nLeFSfGTARq4k2Ykote0OHo+KVzdLVY86zmQYAIfjEhdMbzPMUgw3o/0lfw6i\nzEBv0N3q6L6pUHQnHD+pAc7BvW15xNG8RtwCVE+WJ623ipVFyz/tpkrVKa9d\n8RDWBJikBtlMkCJL8QnhH6ULGUbS2dCVAJIeUelSe0tUWovtxEKREfLBGmZ9\nYH3+QfYN9XX8pJOrPetR9eu9Mvo0QJu3wfDdJcljDLH6gyy2Jo4rcooIC4Ri\nfwsgAUvYVfe/emMYMo8TEXzVCxZQj/bKntzwk8OxjvhjnmX/urNnCGj1uf0B\nAgkJ\r\n=HhTe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.39df7e5df.0_1578358505341_0.5068145181123547","host":"s3://npm-registry-packages"}},"5.0.0-canary.f1a2581ab.0":{"name":"@material/rtl","version":"5.0.0-canary.f1a2581ab.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"719a5fbdf77bbbd531cf2e00888a5bf1d0e24163","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.f1a2581ab.0.tgz","fileCount":6,"integrity":"sha512-3UVD1f2Omg7VsWWkOkrpb1PMxIRW064Tx7LV+/ci3jM5ZDcNK3L3iIaRjw5iBQbTt8mJKKdx9nF7/LcBps1qvQ==","signatures":[{"sig":"MEYCIQCpl/PuXzVsdNzEM1g1oiZuwNAJeLzWP06HtVWO2/ZeIAIhAKAA4Bk+AhsjSbzuDpsfnwhQwARWuDg48pGLu3OXfEHG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFJy8CRA9TVsSAnZWagAA1iQP/iaG+ifbsR3kj5icxHtb\nB/7w1OuaXz0ulirz3qWMaj/MMZ1yngDDIq7sYBIlhFVlalrOCk3uYV+Li31x\nxsvIyCpEgRVOGLZ4KcoTZoKSclQVq125F6/jajPbUuNYYzbc44Y5L7YPSUvS\nyBSk3nfD6rQWEho+Q51H0PHlQUsE5hBK7RwUbtbkNQHNP0aGcCyeVPW1ugxs\nPAPjyvox2U5tZ2SPgC9RsuEkEoLGAUML7O9ZFF+AI6GiCKEeX2V6oO8KX/CJ\nC+WJBZh8+TFisirexN7lZKvj75rICYPSF/GZpQjceNjZIxCHfptQ2hbelPKo\nnDML7lLfyWrX6GnhBPhs1px/IR+06GrRsxtsUTDPKd1AAds6cvJHnyA/xcaT\nUjoqL/RoHcVR2ajM4GJB6YUjoV0EvlcTKLYKA+4PiZm9OcPQBM1iMuHuYQMg\nJkxmW8o4jGhlklIQavaj1BHzqI6PjqeAfV2cHzBnXTGhR8r4hdFBduEuPBQY\nOWYcx9MAeSO9sE4hvCER8PiLpzbxk9k6Z5/FqunsPmiZbHmrA45l4rj1uZWi\nP7UlJXqSNQQ5L7pSFcv0YbKIbpgdpcJ1NMNHO2wwj6FPdHPb+ubAgysjMlvo\nFFlFwHeZ1pMLxgwSbZ2rw+jXydDQLBFb/tN87YBeuhmhAUNyU526WHqB64Ma\nQAks\r\n=k1Ny\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.f1a2581ab.0_1578409148030_0.6937762652174468","host":"s3://npm-registry-packages"}},"5.0.0-canary.7c7ddf347.0":{"name":"@material/rtl","version":"5.0.0-canary.7c7ddf347.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d48377df4558982e5e009ebbc75d05cd4b94e575","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.7c7ddf347.0.tgz","fileCount":6,"integrity":"sha512-T3gj3z13L2avnYpRQtrxEYRScG4vyDek8sq2rVh+LkyX6+Wlep4DxFBYMrBlLE5qK8lzo+fCqJK7rqYYKdoGzQ==","signatures":[{"sig":"MEQCICgEBly42WbKyNxY3O94Wg17k1uOL0/Ht6C9sw+uNF6+AiAPxeGZfhXjIwkrf2otMgwdSXr8UlbmdenrBPCe05aVaQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFKB5CRA9TVsSAnZWagAA0q4P/iIG1PwzhSAiOwwgOiD1\naRjb7SDWztDomqJX/IqZShdYDeurNVsp/NkGnNpejkMCfRgchNcEadtl6oad\npIyFM5ifiqqyW5R+d0Hi9Uj5vslj/+vCMnGKREsBAE8rPKotQo7YSiySFKcs\n1UMtgRKdvfCVnm3TYTX5m7Gf2IEmMcUimBnPJHnVkVmBu/WSTE/reaDrb4C1\nueBfeadgtpK3wo1x6jjeh7q9v6vLbdkKcOzOt0VCCJy3WI3WGelYPe7ldxAO\nClx/KokvBKFFJ5ySB0zlT7Rx4AcGKtlJ4l+QUZPX3wPvXR1CW1IefI0YdaYl\nWBkRdCHyxh2r+7QLxAGayWTZm3DtCZAV4FTiXph+oru/SPtONyv6A40n6P/5\nRJJ8vWnINBIfZvqjhQFnVqum+avdKn1eiKcpu7L3FqcQvZl/8XqOSxtxoDVN\nrt2ybpniwY6T+C5Wy/FZTcLXt3dQK3svWmIhx11bbPQNiWuf7Qp++g2p/niP\n+ABmpTDRBoNXGuobNs+b8VG+2FH+Mdt2vcfe+Vh6rhXuVw9Aq9lICcQdFJ+5\nDRDWFZqbVr5DCooORQQuwxngxHpEcdvoMrW6tUOd44LHkKkBj9XFwvMonhzQ\nwG0IrD4QvKBDnW2/1okgDZksCY55E773RgiDHLHoaVa4AxYhL9BUbshAlixT\nhjC0\r\n=oAup\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.7c7ddf347.0_1578410104949_0.5696538801441058","host":"s3://npm-registry-packages"}},"5.0.0-canary.a1c84d4b5.0":{"name":"@material/rtl","version":"5.0.0-canary.a1c84d4b5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"db4730eff8b2e36d54fe503f664cd27257d29ef0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.a1c84d4b5.0.tgz","fileCount":6,"integrity":"sha512-i1qrftnuiTDgiKdcpplmtJeUS67JsfOjc/5hZZo5X3OPbYwwUBSBxz7w0fluZ0tJZ67wOajLf/1OiVpdNGgp+A==","signatures":[{"sig":"MEUCIFf9Cey9bOnZjw7fuCNYPnSGVMW7SGgG0+sJgVTosgZ8AiEA/3X276o9lxZ/DRFFsoq0w8Jc/j5cM2K4YC3AZVY3asI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFMlfCRA9TVsSAnZWagAAIZUP/2QyHwb0NJpfoAihQPrf\nLKNZEqdBYbnkRogo3CDflmABRe8Oi3CrdYNPucnjYpFVG8yhJTFdt/TbR1Ax\nVdnejiIuAd/ZdoGB1cVw6ZQDMkaaYrQU7JVX2/7QrgKo4bfflfzOa/bftK/n\niKJpE4EYcMvyMIyPoh5gJ6mF5RCJ+icKtc4YDGBaOrYh45awTROMkd+u6BX7\nZbUUbC1nV31vbkBmLwIg43aPYuf+c7/iO8HG0wBJCi4Y5xD1CyyjwS1QIFWT\nKRh1liBCgzOPZHrzy4eGwKyTq/kUZjHgvHjKsHqYpMrBbvb7RvqctAe6qYsd\nl3zwErUWMTC3XVUQQITh1Ipl1Qdig3xSPb1XJDwxhzd1/ODBy4XhEZTSZriG\nQvke6EvBpG82lLV9AYu7Y09qaL5xvnjgBaPLY1ycqN0KDcW/2/ntY799/RUG\nYp+oHBBpLM/3UBb/OU+Rt30TDkQiZONWGZ7ckmcvTo2Z0L5LEngY+EJf65pW\nxqmA31TWL5DSXgnO55sfcWG3HZ/3gqsEJqveiWPXk4VNbD++sLDuHNS4Iv9k\nCqWwV5mcAkfjc5ClsK8Xl9FC1YDjXahCrvDDKT60VyDTbz/+0aasMCXgQCpt\nLVH3ZusQtBEaT9brsSk//z9Gq2CpvPHtHRPKtQF/iOW+I9IoZBLBP1XtG+Sq\nKWhH\r\n=YAKY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.a1c84d4b5.0_1578420574516_0.6716151375883781","host":"s3://npm-registry-packages"}},"5.0.0-canary.ec9f16578.0":{"name":"@material/rtl","version":"5.0.0-canary.ec9f16578.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"240f6faabc25c08589db9ad4d89c283a9e0af808","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.ec9f16578.0.tgz","fileCount":6,"integrity":"sha512-umJmSovSY7f+x2kPd8llN0FJ9/SILy2lvCtJYB7Ryx2qPZ5e5X/kCC9AS2dspETkXJoqAcLP+HQxiCeNPARhKQ==","signatures":[{"sig":"MEQCIFGfEvP0V9cW5IDLOSgGfueAM5hbPnO0itYbFOLYlAaaAiBJp++5cPM+G938q10VvtQzNEqELnjuoLW9Ki4lRdCG4A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFN5bCRA9TVsSAnZWagAAMgIP/ixkwfeipHUeexRM3ZnH\n6IPKouit0D5ImD4eM+nqmuV7nQ4J2OHOoCBp3TvrW+V2qXrQ2FKE7QTxkA0H\nlc5xr0zh5FskJOKLC9DxPVUScLNN8nFiEJYWleXrk/pi3Iu+guIcaQq6WHpQ\nfNwb5WuiKv4MjGOJ40oYm3UKpeT1lQofj4oPl0ucgz+1YEfSp1Q3O268BeLc\neGLycdnq9F4VvO/qpxD0cnoBqNBXt0gpDXc2+8kspzSK0k2W7IwMtNdGbX6+\nz/maXmKMcIcSRrH+7zPPtfHj1rzcba45yOmAvBQxs2tG05T6dpw4/o1k7GPa\nReEYwaIsBCfZfZWKhR0HGdHVapIdZAmTXCKyFsjlvp2TmuKQi0IXIVtkZCzS\nJ2IgwFJZPI6lmLm4DGFd2yanIdpkNLeoMfKenUaRJAKKTIpcEZjbk3sPCcDI\nPL+zMUCgukIMY/kg6eLyQoGl8ciDuCBzAyvqMPsJBEI+/tA+rllM8wq1Viy0\nH3C9p3RF6Rj7HgfykxgmDOE6av/dY8vNdB1GfPsQlImn5ST+lko+5ajYIjz5\nlHJRjROOzQafIi+SJJ6/di5Fl9IjPuG+h+7ZzOMkMUpA8wkfIla7WczyYPiW\nJEjivWByeC0bFEsC7/qEZ2SY99b4+OQlrj+TlG1qreqFdGeAVtmDjmsJ1OrG\ntCrC\r\n=Gtf1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.ec9f16578.0_1578425947462_0.38293821261782335","host":"s3://npm-registry-packages"}},"5.0.0-canary.b602226ce.0":{"name":"@material/rtl","version":"5.0.0-canary.b602226ce.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"10abec019a090c12bfe299c93194586907a1c584","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.b602226ce.0.tgz","fileCount":6,"integrity":"sha512-M2q4Y2wwz72VMTr6YIz9NE2Hb96mukWR+kk1JxpiQg3WSb9W38mhqGj2cAUqMVeADskIq6CxF698uE4i/z2hEw==","signatures":[{"sig":"MEUCICMJ8guWgivrX+t9bQNMh1QH5mfwX68yTH3KKMJlDpJjAiEAhEPboJQbFcK3mT2jU0/wwxB+n2VvkTyVHlTS4skQHoM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFOa5CRA9TVsSAnZWagAAUksP/0uvSLF9ByK2oYQgD+ZE\nfG7jeRszD1//Khv8Af1liCQk5fsXbtvGYWbCmXnxEw+yAdnn/sJwFOMhFFuj\nhaInrjiRiTQxF6u3uLydG/sjwGlia6UKxLYf2nhXRt4enipXdX03XHZfncRy\ndpji8a7e16o/ULf/oKvEadmwdEiLGC0Jb8WQH+j4Zhbnzpt5xqN5QFsCQYQE\n3Rl4UTbTlBKlS85+bkb42e3ZJXc7YlSb7niXeqHTaRK43fP11lGAnpst1WMS\n6cJRs5iPHdWg7ImkB6IqNcV9dkj4t0iEjniJgE6oAA5wH8b0bAoaGfA75tIy\naLguCFEfosh0B/gWOx/w08Ev2lAqwoZ+i10YrMWRl4CZFmzp7+nH9s8YID8n\neOQrAYB3+1WIv6Xr+wEUj9B2kNkJsV3YKmDVGEKKZXkQsYMuwfSw3W4ADB7Q\npIvu/FqTk/0mtgtKq2M+klmWua8ZAqrhbHzZvPOD4i+i0Je3qytXOymiKq7b\nTVfECYPkxEJJnTwACkzwJDkd2YfiJ44rnwtkfDmE/l1lKIDXk4bMt/d2sYuN\ni8eUqf0Nrotpw0vnLX28pgTatW/ATxAx91M8a6uMicwb1QTz3KQa9CvqSNRM\nVbE/fLOHdjOhlM+HPLVLsEU2+sk2wmH2NGOMEMmvvireJiCx4KaGzyPQoP4U\nL5+a\r\n=9l5O\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.b602226ce.0_1578428089206_0.276949742904538","host":"s3://npm-registry-packages"}},"5.0.0-canary.b2d2dc08c.0":{"name":"@material/rtl","version":"5.0.0-canary.b2d2dc08c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9939d2aac3e4088a104eb8664eefb89896c9e91f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.b2d2dc08c.0.tgz","fileCount":6,"integrity":"sha512-g6aM6ww2Eoja7Zm/evLUIYYNpvMW3jUC9bBfG1Yj7UNdrFQq3TN2Z4J45NK29TBxSTYyiHk4Opd1Wp6NKv5rDQ==","signatures":[{"sig":"MEUCIQDpgaJsMai5ZfTd0x1RVNVTJxGtP4lIuseSqtj8ScW8BgIgOV+wMeJblxem4GH7wX03LFcZFp8AA3ztO9K5TjnWx1c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFPdPCRA9TVsSAnZWagAANzQP/1gPU01dVO8ewUfO41ON\n/dkt0vFfmJ270AbF1/KXyHNwjYcXTGXUjyyEweCoqJ4n5Y9TLbV2eTLOxNBl\nrLkUS01bReBbFWBFqowjwrVGfPXNw9Ajb1pJWduoceHnAAxspflLA5jEfnIh\nMz/Q6iF9EVKrCNUuXq87mzjn4uKpUAlKpNMr8PHS0AsVBX6vWYgzvh700MPO\nCHsLVwNB0q7f74etNHpjdnkyqZvLRknONeIWrvHrYOMS8pSxIwMdsoPosYRM\nq4ARbQWV5yyJn4oxiu5nU8jRnbFt/xhGUSDF4a0R9HTFUga2V1pAjmwpfq6/\nQBtB5ieYBBTzjVkgmJAgABugRv3Z5bn9VpSDncHms4weyoJCuK+krATug4Vc\nzUz3IQ1rmTSLFOFuqfCEAr42SMcM5LFfjW52Jg67t7zRyUrE30XnmQt8xbIT\n7g+Tlq+opAadOBIg/o+QXIE7WBJQKeLtXIWtPf3oRwAxCKOAcSGYmAEtEbV0\nQYozslp5LQAbTpA1W+7lifVm5aiMP9o2MKVBGFU4m+1x4xwhVYPw/pi7Wybw\n77z+gPTKcPFuh2tSbqqfOftDrqf9pibWJCfbJLSDvgGDwOaLjdOnoLxeyTPH\ntWKw+MwwlgnqCWxe7wO0kxtqXbQVjbgVsLyMNuFgeuIEGfq/IIvi8PW2EG9O\n/LkH\r\n=P+8C\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.b2d2dc08c.0_1578432334758_0.10926287518652544","host":"s3://npm-registry-packages"}},"5.0.0-canary.61f2d7580.0":{"name":"@material/rtl","version":"5.0.0-canary.61f2d7580.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a989a98263e334236544ca2149dc41f442db7259","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.61f2d7580.0.tgz","fileCount":6,"integrity":"sha512-p5SNSXe4acQU53HEa57U1pW8otuErQnRQoTmrOGsJn4JUcWXXtaqxEkmxU6dM2vL1b3/Z2wA6BwO3oIlmRxbxA==","signatures":[{"sig":"MEQCIHx3X7B80CaVQEDx1AnYbYMnpjyLtSllNgFOGqIJBWWQAiBjhF35tRk6e9l50kN3dGcHgnWBxz8s6uIhcaNfiyGKqg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFPqDCRA9TVsSAnZWagAA6+UP/R3WaFSlXcM2ZeRtLy0i\nhSfzY4FkkzEzUm8U6iFQLySvcjBOGLdShiy8dQLYbFWl/3zgOis759UyXwlT\nwtUt8jMioXlGG4lUhnv8LY1ZS/Ryz+d9d0vkWBvewA2ZfMJdVeGMSlQlPDlp\n/XoNgNwcHsJz3rN98OHDOG/kMFQM5Oral/KUIZsMcLGB2a6Qe8OmGRQZZ8e3\n8sARyCfZQb99GfNmQzJ+WzWLBi5roEyMARvYMofsZvKuKOknbABjLhdB397S\noSJAgbsLE1/sMKJtVsOoj7KZ+BCMObDnYNswMiSWttG59x5Y1v3x/6JpwpHa\nWJjNSv9QevZ3DdoA4N2g4D/yJ4jr57eprJWpNN120jKTA97CpIF04oMhwbmf\nc+2TyOJPVvApobthI+PwQ1zoKIHQwcs3yqXNdWIFd5ya6GkhgGyLXrbHgEVm\nZmtpa+3R2Dnq5GtqtwkXReXtn9F/TjI/ifbW+oWPUyFO2fZS84lshXld8q/q\nZbzHi05olQfhbdGK0hb6X7dap8Bs03vhqYe4LjejaZwspM0cz0l0Dbn4JZO4\nZ0ZNn/VHzRrtOGTJxYeBN8M5F7ox94x0OI8GAsRHOuxmB3aT8tv5llzhbIyd\n0/OYtgiWt/LBjZu6ON2DQUmAlkUl9flo6tPQBzxdGc5eRBeRJ7eAwdX5j82R\nSyoP\r\n=764B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.61f2d7580.0_1578433155393_0.06731925564800156","host":"s3://npm-registry-packages"}},"5.0.0-canary.d1be53a2e.0":{"name":"@material/rtl","version":"5.0.0-canary.d1be53a2e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d3c9f9b4af251536fce262db3c3747d9dd5262d6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.d1be53a2e.0.tgz","fileCount":6,"integrity":"sha512-IADfVhdZ6z+k1X7lUdbf7ngZvFEEnES0Na+/fJPLmP5nmmtXG0fMWHVvGL6YAp52A/PvmcbuBoz0D1nhsmlsuA==","signatures":[{"sig":"MEUCIQCvvxjVKr735VGeg+3o0lyLTHC64VlPZnLFixs3Ma7e+gIgYVAlNtStXGAZd7/3Clx27c4i3cRSWBW8WWy7rrHQhuE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFQM6CRA9TVsSAnZWagAA3YsP/3Q25NZKvTTzCnU8prPv\nvkOmwzywWzRKj3SGJOhvbX5PgIV4doQLb4zpjpA66kauFlzwnxbqhqBsno5q\n6kGwFjtAmifEPbfbBvNBocCRDV99UTWAfNtEg75DaM+uWpfMuSCsMSMpsJYN\nxg17p6Nr9dVhOLhJUUa08hjgUYkdst7lxygaJW8du/xUmplRyFT1Lj1XXYnP\neFYOLRfKzFUaDULd4LmvfMSEcgIdxW2jLD/hgErvPgvgNneECdtDxUWNLZAD\nXPBwAyYRjdCgRBB3WZQmKqzLuD2bj+zGtOL2m/gsV3mtUj5PdlU+/lvL2aAZ\nSLIAh5KvmS8IgDXN5oo4RvZhq6sle+WDbnptrFRDe39NL2e4NW0pYAIgHF04\nlXd0f9TdoRbJteWP63BDyNrxAQCCVGsm5SvI1IWpRpld7X4tnpfDZJjfVvsQ\n1eiUQPEmronS8nu6iM7sKJkWeQl5bO0qBDqK7HlkK04x69eunpLyhWVS7PvB\nViJ3nsyAbkz4Wg61J7lNgppQ8zXtSyoK5+ywI8CJvaXO8BFwtV4O1FOKRXbE\nXJgjlGvxZqDYytwXmr+M4/Vkg4ZLHiORiNSduNo5si3WSgN6co8XRNyr6xTZ\n4Ng/znAef7h5lriNZoiV3i8HUT545ZHovihwn6It4ULRumQaLkdGVavflArD\nD1F6\r\n=sAlw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.d1be53a2e.0_1578435386042_0.15404705321417378","host":"s3://npm-registry-packages"}},"5.0.0-canary.9b0d06e32.0":{"name":"@material/rtl","version":"5.0.0-canary.9b0d06e32.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ce6d15cc36af59ef42db54396d60c9017076752d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.9b0d06e32.0.tgz","fileCount":6,"integrity":"sha512-d5SaTiVqVk6BR+PZdbi4JlS2gpRPtLve3I+6yJfpf7x00up4q0O3zhcV+cehVPnXy6NZatEIWJzk1ows+2BWVA==","signatures":[{"sig":"MEUCICNHGhSmh9BowaDxOTpqcSxLFXYmbe8U2ryK2TGAn8XNAiEAoEZfQiFrczsic06MI967Dp9WLxy2hsDfoUJPk0gOd9Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFQPPCRA9TVsSAnZWagAA8KEP/3I04sOMJKdNt0fxBAjX\n2q3IsR0hoeIN5+IwitkGFfPkIUvh/ngCN8zhKGWNUIEL+3iBSud4nHPSnvwa\ngPuRkIlaYjEiZL3VnXnosiNLwQlDwu+kfhZgaDsZqgL29dhRotaUMaCoNLtJ\ncii4erpRU9PXpser36sCocFdFcWFu8WT2k/7SYAB8xMEubcN3bYmUfgIv2DG\nTdFdzS4hzwIOwzNOJ0VCpa0Mj/IBXqgiN44YTSu9k+blBOjZjfUYL+QC3X9j\nhG9LNtluEi5o3tHvIi9aebi4v+5cMNO/gDCxKGiby0MlJeOcWCylN9MI39Ob\n5a7pFdr/YISdx3dXcndqZIHIY0cp3VpHjonNh1/qbn0yk72q1TcCqp0h1KWy\nZUNAr4JQhke93aLGTFeiURDZmMt5YIXJ8XtGocYbmVUvWcxDt55kSuF4a2lT\nU3ufzk1utZcs5ahNOF2wpozdIGexm5tK36kFi4iZQ1BS796gYcQwF53RKDb0\nSNkgTxOh2qUEMBc/AzaTeywN+VC2GOmCZ6WKKeURAVpf5rEQihRwDG//aDSX\nZ3vGLtbRcFGXJa8inI0Z2FPP4tO8/0ybE9mz40DLsBaYrZ8Q7KF2E1TgFwLM\nsK4zJcOARI5n5yNp/HArW0zXtpDu1WE941bV5SYPCGYIf60kRPGvK2sDbf9K\nif8I\r\n=GvKZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.9b0d06e32.0_1578435535085_0.6794728038446214","host":"s3://npm-registry-packages"}},"5.0.0-canary.730c807a0.0":{"name":"@material/rtl","version":"5.0.0-canary.730c807a0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"29f5524cf6f7fc35af7e9aa6d97f28c243cd8ab7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.730c807a0.0.tgz","fileCount":6,"integrity":"sha512-nSgSjOW4+dPNKvIrlEyBdmMmRXGR19JyaWtqHb+efZswAaFWXf9LzBPEEZAirlqkThOwCufpZOtqMt751uL+Dg==","signatures":[{"sig":"MEQCIDVSHgmRYPrQdwV6iQYI2kzdK696cwm/KBizxZbaxFqoAiAfPp2uPCg8BDleF+Xl5RNDVyv9UMgSRcR+Sc/sxZQ00A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFQQxCRA9TVsSAnZWagAADWsP/3lg/sK4Bk66JR5kRSv0\n5VxJ0bg9gpHt25QlxJcxzcVoHZRELgz7QJJXOhvbLxa/Imo/t+T3OJVk1YbI\n+0HRfuraOmttX9eA5H2JL2zCoPKHX4VxBFeJVg6+/cakkuheZAnEKUok3xi0\nqBR6ZoZ4tBIOqxT+vKQzU/bkrQAFrBTFZ2/BsX5SCNJoYmy63hPaQ09I6gNH\nFiz1gKGW5SRJ7LxGSBwFd8/pFhG4Azqec3VEbEtYbizJSXppILwoQ0TkIuhP\nNjfRGQtcIZILIKVA7xVGKnyewdCj07YQ9J0ijaOaFALVODE8mRkxPNA5EhxD\n5TnyPO5H+Ftac72znRm5fRUnWhrS5DLOq0w3OnOxiS4DNTfT2qBcczhouWrI\nMSLIRJ2NMM4kl7eERs3U0U6gKtp/ZKwlHd1flqGMSi2zI3ioqaPj/LnfitzR\nlzXzJpzJgMcUYs7DpJKSlnVl98A4IGZuMrk+pWnWl3oOUF79ngg7N+vH21PC\ntW43oIEKcTkGWzbiokjuar3PVQRdrjC+t1N+55tGmD65u/RnjcTWI1iciV3c\ndfqUXvjzzcWgrr6AEIBTmfCK2JCWJCZCLJg9zRHv8DZbdr1v7jlJ7kUleojq\n9Zcmr+ZuHTAJLTvxhp+sv4V+N8WgUTcMTFgP5epufd3VM8T/7nphkAG0UEEm\nBtDA\r\n=5D6p\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.730c807a0.0_1578435632750_0.0991427190284706","host":"s3://npm-registry-packages"}},"5.0.0-canary.2213152cd.0":{"name":"@material/rtl","version":"5.0.0-canary.2213152cd.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"aae3ff79221c72d2984f40663e326cd9af8d8813","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.2213152cd.0.tgz","fileCount":6,"integrity":"sha512-/Sct1SZUIHG3HR8GrJVqMX2RTeW3Ai69e6U+5/AveEJTmqqOoDFYEe7IhP+jCo0Kmo7AMyNi56MeDq+kgIviiA==","signatures":[{"sig":"MEYCIQCnVy7tD5odpsab+amHSgeNjAql48F8m3gEYDXmHlrkKgIhAN1JTjm9DUaF4Vfgjrbiy9c3e7/d1SHd5Xm09Wg/MbDo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFg+qCRA9TVsSAnZWagAAZBIQAIIikUtR00DU7rjYObt1\nFA7fISrwMNkRv1a2ob+isONxzR5u83m0suP+bp8PRnj+tSc7O9EaDKCHOj8q\nrYoySHT7PtaOh1r9AkKps9XxI0jH6wICAkRfNHzh87sFYilFYaSP+ffkw4e+\nrSo22+ZwtU1HJe+xy9eEcZOZHeksLbixa+2dHcVuph2wSk8pW9hmVul9eniS\nCz0A7fEJ19HsSEsinPG+N/YgIqLySQNJ1olb/XnTmh1ErcilFPgYE9XDNMP+\nmaVC7xhXyCdVLiITAYS/A9dIJshkmfNpTCixHG7PkJiZ8TsS/M0rf/LItoL3\nffbK75hz7EbhgpOMtlcytp2nq5Uw1hPaEXge1SJVQNMILaXeUxsDk3O6aydB\nMi5D+6E1TPSNRcASvoEyFb/gIiEZAUNY0PSRbkzf0gDBi5+Dwi8t2gjc5LTH\noOKPvFDmP67ppGkl5XsEjVPE6nRWYCucSzAJQmPVXSdNHe3Wdis9OG0kYRmR\n1Prsj1nA6yQ4YbuY52Fu5h3wkCWoVzi7wSukjCFaGGt89B71pc7NhJB/m0C0\n7XyAUEWi5NsTTKTnXIRRUxU26/2cHPJ/CRYQtx8Un87vEjYkzdwbPEe8/+IY\nj2HZCPw+0k41AtNWGyo60wPwCAygR6zVYR7q1vNtUTGPqEiALbaQLBYhSDWe\nUFGD\r\n=58mE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.2213152cd.0_1578504106449_0.0481927961494395","host":"s3://npm-registry-packages"}},"5.0.0-canary.5750f7169.0":{"name":"@material/rtl","version":"5.0.0-canary.5750f7169.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6e50fe7386e272056a5540ba0410ae7fec364e97","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.5750f7169.0.tgz","fileCount":6,"integrity":"sha512-s38kqm218tDxvyxPjvE+oh1Mos4oJgoGYsGnXcwqzRUavRGl8wG7IY5oELGHJK+Qfb3crzpjutiTASsl92l6Nw==","signatures":[{"sig":"MEQCIBGqgyVfXG8I609mHDk16cZehAl1bjoVkvvaAKgGYC3LAiBbHV71dVAUQ1g9tsnu0kivk3qcJ8aPqlLbUrP0KfMjUw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFhfFCRA9TVsSAnZWagAAFHkP/j0gLH0emRv9FymWwNIB\nnqteNtm1BFZfYj79w3xPFuaV2eQ7Pl6Jr6/CWHyu98Y2uaz/OT3NxI+ZEkGx\nEFyeCRKFwdStu1hmyke+KKlc7E8UNPf4EEN646keeCuYvlom83d4Kgpks1lg\nsNu6yc6stWwnqV83Ropk1amL0SyC0Pu0Z5Rgw9WJniCFOePcYcx+IvCVjsBC\nSpDNGQJZUr4SKh6FNgkNY6k08326UeKPpo92CHvFvgsQL+uV/SQysrA+IOxF\nFTAYOS25iyxnn5qsC6+RVPPDozDDbGp/YeYflFJx9ThM1jSef+PK/QV72zHh\n9Em1gLMUDWCMBkjfM63QKc8vL25sx1xw5cjALdRFYgHUXOuh2kCZ8cvfiiuI\nRGl7YJysxO3bv1elj5mYsqQHO5tPwkRxOtsnepZVDrgSp2UlHA8uVWEgzEm2\nD7jd9/4yreiGehigEbaEBSxUonxkzW0cVXhlw2zQqLh/lUBQLLZryoF38gHd\nb83T4rGmGwme4Rmgr3zgpOxWkRVAKavL1g2LJTtbZCP/vwP3YbnM8ORgg1pS\n4ygKBw/BfOuc2IM5UOrBlfEb/SuUguJFAgfUS3pF+YNX9djiCbPI5ERKJ2sV\nDJpPf6/TMKeQhqi0Cm2ifXBCDM3IJtgVq1IRSbjSB22ugsuIYyPWZ7nI4IcA\nHXFo\r\n=aR1p\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.5750f7169.0_1578506181530_0.2000744147655047","host":"s3://npm-registry-packages"}},"5.0.0-canary.f7abc7a43.0":{"name":"@material/rtl","version":"5.0.0-canary.f7abc7a43.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4d69585d3a2ca75a9c4671dda31de94f4de80408","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.f7abc7a43.0.tgz","fileCount":6,"integrity":"sha512-WxXyUQqdk0+8P45H25vgLQIg7Vm0UZqSfg55LaHa+4i64JaOVCzvRNm6FKKUvrXXgI77adzUsQ9WoueNKM7LCA==","signatures":[{"sig":"MEYCIQCnB3L29E+VAsvZhIqQje6OKhTImZAANw0XGg0012VuAwIhAIN6GzhO6XV5zD1w5YYw2mcKcy4k/A2IOVXmVJNeXxou","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFh8GCRA9TVsSAnZWagAAXTMQAIRK58Qzwz7EgO6qbvrI\nowtlWbjrutl156c71Qss2EOrPgnszYFNQYB53vErRhIknHvnJrgNoiNm9t33\nm/pjYMjhV4m0+wXhnyoN2dadwux0z5bTO/jMdkETf7xpqz9kRSlbqgLLkBam\nIcTCG/cTDXxkfS5YikMeDvJY9UN9UKjoeHa0gibWK93w4ug393nrbvaIre2P\n+Tn3jQy6y4FR9qKBpZM/uXR7tda/t5VPPfiooe9Ec0lHv6y67K8NNjswa56G\n4UbjjmNS7wGGj56losW6qJoGcHyDwQ0lmCkF3tmwmLLq4U/TLZYqVW1gBGKI\nSgP2voyDyoO42M/iK3fWbmar9ugJpRBhlxKDvEg7vM6kRSDc4iGRgkWH1UlK\n4c6ddoiDgaY/GUZNVDc1PiaMeyHoZ3x6qMVa5IwwOsWZKvScBC2SlKsEhxUC\nLzhxn5uXVhWjIYV5MUrUjsJT0cV8ZF0AH0BikyB7964rghJ6IbTuAtGntpk6\nAS+cJX8A5bJz79ERhCnBVPZ1WySr5KCFI1MLs7vZqvnmwdlNb017I7w8OO4m\n8It75ou1FLRzShkEdIkYsog0X4whktchKmu17vTefodiP9Dloo6f3Sc0ED+3\nIOhuJa+X+jVZ1UzaVBMIqaixHFaiILNE8uUska6IQ/5jkrt3KW8X56jR7R6I\nZlI/\r\n=dd8A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.f7abc7a43.0_1578508038339_0.8712986295934424","host":"s3://npm-registry-packages"}},"5.0.0-canary.bf7b4a061.0":{"name":"@material/rtl","version":"5.0.0-canary.bf7b4a061.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"02a58d7d2748672cd9204cb04f90bc5910ddef15","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.bf7b4a061.0.tgz","fileCount":6,"integrity":"sha512-8DUpHjjVR6BMPl42PdByM+l5Tk93DwWaTtO0weyZHx6AjTAzFTvHSbR3IRMBQZsh9zA3YnzcsFnIEH4v8y4RPw==","signatures":[{"sig":"MEQCIBuSQj43Ix1hufohHlU4HozBjeKKubpGX796MRp6m7f8AiBu4viYKX6oc1RXBJaz7LkXK1EGXh+w5PBJHlI0y8Kybg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFiJCCRA9TVsSAnZWagAAzn4P/2FF3wQYNFI42d/mS5KU\nGztSe9NC5E+tTBOVFs8LS8fOTwX0MuaLPDXBcGlXzJRtUS94wfsqoWrvw9bf\nH68lzP0hcUtrbAN++AOHXwGV8ZhwSwknWtCCYXYJZqcNwGIS0OOuiFcBUDGQ\n1Sety8ab24W+A5ARMM/Dvi99xWTOmobTTuFQrX7kgV3RMWd5UHTtNErRzLqC\nxhv6ZoJ3eFlE48W3VxCjrSt8h7c6xt2mSA2BJACNXPYre9+ozBf4+6yi74+f\neNoOPmS7sigyQYSp+AhANxrYqNf72vyt89W3iCogb7RXlNNFbhmF64INzaZ9\nSw44iZ1W61fSswMgy1V7yegLKWEH31YZdmS48v8npuRLE4S/F0hmBuY6fH6a\nArSvvYMOnd2ZSNiquQUZ6BLXCedHArAN5srDvaSpglz8SLtpC/4fCq3+Cc42\nmdEaNFjx++nGwZ/JqHECZ1xHmiMZOCCouEDifvIihU3enPCJxaOYyAW9CGo9\nr/e8A3dVT7anxkeO2hJLE4VkQ8g/p4xKoRQgCcoVxAZshABYEx83caSw5Gc6\nKne6aiEEB8+4oV93bS1OmrjhAlllZ4GqZfQQDBwgoHpQn/ihs3wiUOOjM/VQ\n0sViAVJ0NUxeumZEtMgluQqz3hLh8Snl1jP2KhS62RQRZfxH9ds71RTdOmMm\nwjxi\r\n=XAl8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.bf7b4a061.0_1578508866328_0.5633737722408865","host":"s3://npm-registry-packages"}},"5.0.0-canary.784fa7903.0":{"name":"@material/rtl","version":"5.0.0-canary.784fa7903.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"488cf06c84fb9220d53b54290f3027daf9c097db","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.784fa7903.0.tgz","fileCount":6,"integrity":"sha512-Q6HTQiDSdVeHlaheoWRvps7aYl2+50272TolLudbDkwuyQzp3uodC8wud76pkcWd32E3jLE3EWCnx1Z/qyyGdQ==","signatures":[{"sig":"MEYCIQD9i8Wmc227GesS7MEx9OpUmj9THrAJREIEUz3dwefH8gIhANN+3eo7u5PKSr3d1P3A7uYAAXmIoGnmDsg58zTHaUy+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFikCCRA9TVsSAnZWagAAK8UP/0HKm3PNY6OIwPXBvftu\niXY3CjgzBZLlBG18vdLc3INEt0/axFDXIg6ENiw2WqUqJnt2RPAAGP8yzXGk\ne81CIPvFUEtF+7ndya/73sSj8huKl9yNtKXsyK5j+TdDPi/FbdE+4YVl3vq4\n2PvsDBhHWiM9UibEra8G67+7awgIqa2Mxt9l+dI5F2Rpcn6IlZIsZ9Nl1CPu\nYMwja/3sm2IxSkOo+0iQQvX4uDylOMBwNYVV/Dfl3pGBKPSRBUiWU5M6ImMb\nlyC6eZjkhJ+mTiinvUP3yGl6YyFG/wCP2R5lyO1Wjo8jPv3wqxfJT1+h+IsG\nkbAJaKN5llKJ00u719M4JEEjxnsCNLYs5MTT0Jion2s3dQFqMgJE24SRgAWM\nMxEInHQcbH51sjod+cPTaqlo4P37m8rFT2oba132X9HjioLD/L9cePpnQzmE\nl2CiEobW+ITaRiHY+bApcq6H7/bBXMR/zJqiXowt6K9UMF9nfh9LYgygo9To\nD+20OIgepltYTU5cqoHcVwT/FkSnpLhngDlf6/S4rgei/OB6XboYDiQjIgrc\nVhb4oB4zJI4wHFRCXIFHwNzs6ytG3vu89+ox4fyF+acLCwhTReGrwz/tyhOv\n4gvPdRmsSq6z90uYXksOY++Yyj+kyUcQiKHzwmBPyL1hRRn34cgtMmfdEZ7L\nDLk/\r\n=EGGh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.784fa7903.0_1578510594100_0.2453518241633359","host":"s3://npm-registry-packages"}},"5.0.0-canary.823c050ba.0":{"name":"@material/rtl","version":"5.0.0-canary.823c050ba.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9d7dbf5b9a7b4c7928a1ddd3817b8bb73e79b0a8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.823c050ba.0.tgz","fileCount":6,"integrity":"sha512-qjubVZx2dS3A2ZwFyzIxM9+Ha0niL4hIWFXSY7gojNVgpiimkZ4rtWfyex+T//DilDslIT1Tuj0+yqVqBBZAZg==","signatures":[{"sig":"MEYCIQCwxbohm46Jn8eGCUco5aB4lYoGEkZLLl7IdQRLxrIDXQIhAPUWz59eMORp2VqwaL7rypIvUBOqRPIE3lBdH5pGzX5L","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFjcsCRA9TVsSAnZWagAAgpsP+QBM7b5rTOr4IOCYJBBA\ntxvPBedQbL+9Ok0G+oLyp6iSSpMxykv0COLSl+IWlvCKElVaYGtTABsSdBmR\nwLW9CpLyewvG4y2yVlEgk1NPg1kTBXrALGOWZ2k4c+k84FbRJkW5Liuba41F\nkaRMV8AOdTBCKNpESQ2gRRBFrbV2rlETSLagAGVCvn48pTCds9IM68LoM1zr\nP8ENrCS2g1DCPqOgYxpUl5zZNA5elKKRL+tkqL8OdwZEG/hy11mME4/nZE9R\n2lAU+ikT8YZuNl0DPvct27XeGGhRDTh+0ANPgTrdAGSeUh7znwjGl6UZeuNm\nRQ7mVJjb73oCVODE0ECOi7rs0EWkiNMq4aKO9TNGGB03Xeb7GpimCP0BVOjV\nGflL6PpvptkrpTATjCF7zMLABDdz+ZtyrkULFu0+nMUu/wqujhO09MuD02AV\nJtRtWzlFuOhN29qqA9fqYc/E3Mdhgvkl85PcrUSEH2FEenkgl5RX1S90npRT\nYFUqNKup5GZTznoP3Xi7aYlElYgzrGgmBecPrAye4wmwy4ZSaxbW4HA5cVEn\npTS05suvGruNxjJx/H9FAhmBeHoxGrNbzVuhUhZa/Oa8/CJw19QhJOyjY6ub\nyny/7OmhRA5/DsMqHYqk3PzTaFuRE/88E5AXvIszPnsDBD84z2O6t3zSNIC3\n0NQJ\r\n=4M/4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.823c050ba.0_1578514220374_0.10801833001752681","host":"s3://npm-registry-packages"}},"5.0.0-canary.70c708dee.0":{"name":"@material/rtl","version":"5.0.0-canary.70c708dee.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c6cea5c14048afc924ddb777ad0f846ed5481da0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.70c708dee.0.tgz","fileCount":6,"integrity":"sha512-JFl1NPZKLi85bqks+XrKPagHUNrnOFjmIs1vS7BSn776VRGlX1P3GhKy33Wg3R8jKV/lrPn8LIEJvI6l/yBULQ==","signatures":[{"sig":"MEUCIQCpmA1Jw5wX5TODnEPPf5+Eg+jZNXJka/wOJLyZZ9RXjAIgK7Ha+3ttxavRn/R7g2bNU0E6fCf+O3qWaBqIgL94+iQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFjnNCRA9TVsSAnZWagAAFo0P/35sHilPjWc9ZK9k/deD\n91CruhumC5Ib7C32GQcFioPOwRW42IKqOLHtLDBXklHQr7FN35h9DHblEqx1\nw1KOUpY/RmfrtMSFP00rrnRaTz1nAm+qBiZ/eCz6ZxEJ0xyYXWInkx9wO2Pt\n+t3qnsj0q15wYj1tTMwahfohrS8HAAVN5VDdze8+rCzOGS9/wShe3nOqA63v\nfkcX49GWRkUP9GmOgRrCIJNo+Wm4midYSnDoRtxWXQJCekfNy8SmrmDxDUAP\nTMLY2NcEXAXkvBuHifh7PnB5OI6TbPN6503NtOnS436vF9/Rw8bR5BgX8Qxg\nDl7rSlauwEKWASVUMo+j2kDDvKYccfmxesZUZ5dEFAwna+oySsnnjpkxwfZ9\nmAFW9uFgpvQ45YXLM+OA9UHk3BJAggnFWRZehyGg/IkTWABx8EjSdPtpMcBZ\neAxAHgAXlUgtDJnb+wBTbvjudAQ3KLWMRswFMECIavKvxHUt/a4Cs1rVFH7I\ng9oLXlNLPBrX+PiSd08xDBJSggIjg7sqXfSZXQBU1qLOHNECccjWBp845oQr\nzmDZrLal/updPRRBg26OgzH4OKw8iMeRvZF+iKUQ3hxb1eYlE6ASlXSBWk3L\n0RLuEhK30ihvyKqQ5f3Tdzr6IbqDzDIQ6hvWPEA9OCbGa9g9C/g638+0UE7N\nxRTJ\r\n=re08\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.70c708dee.0_1578514893296_0.7616085870647882","host":"s3://npm-registry-packages"}},"5.0.0-canary.5ed9d13d0.0":{"name":"@material/rtl","version":"5.0.0-canary.5ed9d13d0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2585f63f2b59745aebca3b4b62548a872552d014","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.5ed9d13d0.0.tgz","fileCount":6,"integrity":"sha512-zFcgiTLs/birfsqu4VdIq7S0Ns4qRw3f0RauxwfC+ENZmCB5sXET7iODe9o/XM+KUJUmMvz2o7HektmH/yHBvw==","signatures":[{"sig":"MEUCIQD++iEQRfemmhEIag6Zg1KtPAZL1AYYAFTVupKe0VCcdgIgUiAqMtOCMyMZJAjGsDDUvjaZKvSvQBhjfQrEwtWw2MA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFky0CRA9TVsSAnZWagAA18kP/j4rpflKjY2MCuxf/Mno\n2oo+ug+Z58YoX82FY3evkNCbVM96ilf7GOMYNrDinoSfuYqZdXJRywKttRn9\nVsBjJL03c6Pi7S+y0opU505i64ocmaDjJZk/4t7ekE1y70KGiHMQOKKLZ1ip\nWoBhBYsinGSPBoVoHBjME0V4EzCZMHCTZ4IOt8BznbnLgFA7U5KFqQGxQDmX\nctbyU15sa9XJR1DKhk8XqcTUONa25rfJXlIhQud8ME2bMgaviBsaYgQ96tYd\nsH17NIgQ/PHnhGn51xxCTUnljDxwMPxgIexYaKo8cBvxZQsPzztPptqtKDPW\n405gvr7Ofie8mOyIxjWhvf4mvMGukFu0QiIICSgeIXv60My0zpcxaHmvMN9A\nOZXUCNQH/KAQZBaoO9ctRcdPn1touL0iDv0OV1Vk2fN1G6tyg4a2/jYYiZCJ\nGQUdhNogUX1QJtyw2jluSn55fFsPeN1HdK1EtvCOFIKSyvLEyZw0P2+l+8Vr\nAE/QOhMI5BzOlCxTSGL3KVhiEZYRUqLAasj1Gl24WFBTXzeBDIJauMmKVeyw\ns8qowhEOheQp/feqLV0IVH9DsZTNpZm8HYBZrfPLhMBfFHFfzs93RwEav2yC\n4aAZuvHMZi91kmnxwY9CqEbDZRF2DJmfF7yum2ECd6RdsJu+8BQyU4N2cJF3\nm2MS\r\n=Rx+j\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.5ed9d13d0.0_1578519731770_0.571302436621659","host":"s3://npm-registry-packages"}},"5.0.0-canary.4819cc7e5.0":{"name":"@material/rtl","version":"5.0.0-canary.4819cc7e5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e0f5e13116e280bf8d9d97d71726901a7b9b2ea0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.4819cc7e5.0.tgz","fileCount":6,"integrity":"sha512-NDItAnMyJ0UoAJrVXXniwXD/t3faPzzHsAMfhMCIJfDmm+HMAC1G43NkzAW6WyEGFTyj5U5sbf+4MyxepU1A4A==","signatures":[{"sig":"MEUCIQDFLxsv1h8vfVJNHSSC8gUGHzRsbaLnRsMkshcggFRnNQIgQjHzMnfwpwohDGQPdazgr5wimPGPrMt/a7NAXTunz2o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFlBQCRA9TVsSAnZWagAAk7YP/2LpFiriUrdnlrQCFCml\n1lGHADit0clpSUWSywNKaVgUy3umNJDRCvXPob8ffsSTbJ1d02ym1aPvjhL4\nPgzLc3zSNtXOgB3VLE4RRsnPlzyayGyxOo90kROsW1E8z+jmYdz/F3I+KJ+A\nL87D2YVg1sfEI3Eg11lTH7hhGDC6HNU8GxGQGdVSIU6mr4EQaFCvmvoKUkge\nvpqBuRlY6YT4Ucpb+Xyh6RKrlTeR5srAl1eiexGlJwkBICW/4KO84efvEaCT\n1oJSzTr5aDog8IHjtWKWpQ9wNfzVaoGk0akJnAM7wEx6t/qCjsR3mYy9rJ3F\nY1dmhnCdFCUZ1wdcoNzx29mxEvurXi6JW3nlsUvZ4SA8qDF2/Dbqoze10eiY\nIkZj4qooccvomNRwvfMftc+TSnxPaFRsc8dXzrJkA66xYuy4072cQPRXwUoV\na57lBWgqpNgMFlr4UxTF9UNyrD6d3/e8qtors+W+ExnlX9I0wT4Un1YuceZa\n8MfhyNJPfaq9zTrZKiNVo05FpbcqXVMnkF+BsuKGNbt4CvNVXP+2jwQrskoa\nQjRLpI4vMc8LHtssST1rK4htKMBcu9I63t9EDjrOShir+OuGljp+th1AhG60\nC89M4L7/krXw8ZMacPyxGxy+ljBsHVGgLFFGDNCTUxmZzuX7qK3sVtJ9gRbp\nBNxg\r\n=hTbQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.4819cc7e5.0_1578520655907_0.9433941889046433","host":"s3://npm-registry-packages"}},"5.0.0-canary.fe3ffd2c3.0":{"name":"@material/rtl","version":"5.0.0-canary.fe3ffd2c3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5f20e005de26fbd07fb512862d031d5583a2edb3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.fe3ffd2c3.0.tgz","fileCount":6,"integrity":"sha512-tAi/Pv290iMsflxwsJ7dWRgcUlAXgRg3ua68cqROgQFmmBIFMKCG+cJs12j8T+gXd6Odvu2elAT+27mq36JLkw==","signatures":[{"sig":"MEQCIFx6J1SdVp59jpc8YU/Cghm72/vKI75GE4MjOPC6Y2t+AiBwaV8SfIttpkq90migi8+hxZ1IliOhteHCgZc5gT5GDA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFlSSCRA9TVsSAnZWagAAv2sP/0a2MB1EgC3iSSpNvJY0\nUhIH1ca+4mDr65r+oCj3CRUWscDwucZ824L4NCpJPDvTIK/nQLdtalOLjTAN\n6arIbWr9xvoifQLnR1tbfcELH5w6Lpikzt/flnWb/zbuPFQSR0gU09+RbqaU\n8SH2v7+phX7LZCeqVeofjVIvWwoApfQ2bNd1Zx/vtdHS5513w/kb+IBe7LcQ\nVJsxSjA+ahcghaekB8eaWqDI9TBJVXOK+0M9fGGLgCSKXWujA0KlgqvqzWZw\nisKNQR5+BBNN9cwABgFEp6FhY6Fx94wznMF2Y3c+/ATOGl8ysQl3Wq1f96wZ\nCE0arhISMf7JVv/My5gLRIobfmP0gRaM8wnLDLlkLEHBs9+s2ma6E7SWESW2\nubKzhNMzyMrxK0QsCLXaTz8Ma72dKPNS49h/9EA0zGuoCc9P9YYKUSOYbYwM\nZGFEiGXU8hwIUAkQB3U8nDXNFNsLr0YK/Bs6gx+EZb1e9IwQcG6irXKtVGI3\nCpZiRkz+A6TKnBGiVhCzKnapETfkFu1nCuh3wbW1jU4zixT4ggWA1tu5d/gH\nPDXt1oMTuYuYyAC1ghtvAEdF1ZE4YUyeCGLyazauR7tWpraxBVvHkG9PtCFf\n5XDMZ83XSanebQcUxU6QQbrfKBQqHVjAv3GVJj08uwWdup5lKRNWk7G4ltTG\n6RXJ\r\n=6LyJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.fe3ffd2c3.0_1578521746543_0.7697320999559651","host":"s3://npm-registry-packages"}},"5.0.0-canary.c0e850090.0":{"name":"@material/rtl","version":"5.0.0-canary.c0e850090.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c6a6553c5fea7af5b322c7dec0f18ea9e79f1de0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.c0e850090.0.tgz","fileCount":6,"integrity":"sha512-S8rRSSaAKSkQ65lFZETdtduZXx6PkrHUeQHKfB/+cyEi+gT5JC89eXwlIUkyc6FOhhVz8x7fIb2x0NCbi6lPew==","signatures":[{"sig":"MEUCIQCtSr+TZZpfnFB7ORqTxxxjLQWPy3XyCta7c2r25IWOFwIgLWYn+2N3yJ/7Gg+9L9ogIRiGCl2X3on7RGZy0kTcfHc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFlY5CRA9TVsSAnZWagAAuv8P/A+hDHfvv+08b1jzY7ci\nK15ZlaRnXtYvV2IZtmMXGxiUtcDPyW+slu7D+Bz7639a+UwBEXOQ0X5b61LM\n/kyxBJcB0iDJIRdOgFL0wmKx/XFZKIgqem8GHFGVkxXA3GFp366zjsySubRo\n0j2zISUYlsor1nmMERaasC95bzk//QqVJWXqmxgq9Sln7wSvbX+AZi0nZwMq\nyKwVb+FWxu55y1wYOE8ovqu0EU1yIzGGR5Hj4+ynvCEBihlc0Y/b5VKbVguo\nngs+w2PMIcjyUhY7C5BHzcjYM+nCTvV0rTjtjmlMMRH5HYGKqYIrZCsChZFz\no+YzJw11L4l/56TJhOO1i7LsgPE7jmyAAwQx/jBKcBeDqM/CsdNow9VgLhDh\n8R1C6UR6NBGWg4g+C6+x7+LHHQ35Tx5fLaf0ZV7CIytgiubJG621bmqDRDB5\n0gcdslRxeXLoNBgK6t74zDkXEGwk9aACnfDiMG/VQCbAvCpriNAIkP2mebOI\nHVtYiGP/d3xAlFFennpuPqFCRqMlh+/uJeXck3p9zOSqI3XfRqLv0wwZXrnY\nruHTiNrjac6PvAwaOnxKQJu+0DivrVImUBzAN5km83sTWYOnCHWWqWMrIh9k\nizgeQVTR6v7ePwWXMEY5eaugz1iJV3eLXr0vuinW8Le5LG5uyibMUhZigzUi\nQSOP\r\n=21m9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.c0e850090.0_1578522169199_0.12470967112199638","host":"s3://npm-registry-packages"}},"5.0.0-canary.615f86f38.0":{"name":"@material/rtl","version":"5.0.0-canary.615f86f38.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6452851615fa8366331e62655e149deaf62aae31","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.615f86f38.0.tgz","fileCount":6,"integrity":"sha512-xMT/fwvu8mCTAouEMSpj2d4LHCxQjU6r8zsGUKr/zJz+dH+GUd1mOFxIcPzpBPm3+T+mNVzRICTQZxdoHZF5YA==","signatures":[{"sig":"MEYCIQDxpETjojEKMzQd7xeweHzKkJh2lLBIIbzU97W4gaZMKwIhALGo0vOnKTndRTOMPTMFph7nHBkn7xH9hKMF+LW36zWe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFlokCRA9TVsSAnZWagAA7/kQAJC+kCJPZXbGXAzNLQSI\nbLBkoAYHyUsjmXazcUjylOAEs9JHAZmK7HQAyofnjCTUy1/7ZjbNg0A39UfO\n7NMKKHMiGdJpgDZuyOSUrnPvuPI5pzSOwJzEMSnRD4AmyR2KAb2YzFRtdP4T\nFzspcdzz3v8mZUBosGtAMWwreNqmoKG/NN5357mip+g5pAobeAcMhguNyp67\nDLatJaOKf8zO3tRZ13Iej/1TY4FFskQIOOMRbDzjZT/j+rhfF6yf8jr5G4sP\nmXDuPro1khpzf4zV8KOp2f4ucbGxAPnxrXWeOaV0WyMnKPYf9ScvG8ygOinh\nj8kEVIqC8ViaSmSFKnPlMXPKsbCo48ppXxPEqLpKn3sClOgku3u+KWudAq8R\n9+8cnYZjqldt+0RNV+yy5IqZKcvT2xOy/51mql2lAqA9uXsnlpxBxPFTSTcx\nHSVrHeurORdut6UW0C7RLIEDTehlMtKxHa8t/O1l7kS149ksf/2JDCKrk3yR\nFqeQUAEhkzgH8xPtcWSMVxpnIyDHzfnQpGrEzfq1uwHiL2rrhu/uaFEGBe5V\n3jJBipQVjhlfWaKI0Af+YupKjvir5mS7wDlkv4w9DUKyNmpOsGkWW2kI0m4k\n6PsapBD+Csp9r4MK046/Aa6WBcF3QOK64Z5yyy4nVB8YQMkB9u7lEVV4pzOd\nbwA4\r\n=g4ht\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.615f86f38.0_1578523172288_0.3526795788819217","host":"s3://npm-registry-packages"}},"5.0.0-canary.1eb032637.0":{"name":"@material/rtl","version":"5.0.0-canary.1eb032637.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3557b4474749d01f1400da5b02dc2393cb6d289a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.1eb032637.0.tgz","fileCount":6,"integrity":"sha512-SdU9j42P0N2r+VWlkqO2B2OY7nED69hhhvsGNFTMhSDhR+1OLkgMZaMBw+fh3UaklYU4/8UhDX3VWrdjLH2uQQ==","signatures":[{"sig":"MEYCIQD8qrM53+NLxBwmdTIuf4soUPQYlTB8+dnd4gR4VenKhQIhAKgFUu7zpg0zHfoug0XPPH7I0G8jbR/j0mNMBgnM2uS5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFl7VCRA9TVsSAnZWagAATFAP/RnqQ50i8BbXajEHTAD+\nlHhOuJ6HaMkhTAHGvTD3YT/IXC8bSSIBNmxtP1wnMCOLsYXgQa6mZzxsoeqG\n/J9tQiGHyF6NpavDBGFY2NeAgtXIuNQViaYrvdMS1sSuTi6DKRANRH+20Gl7\nH3VlkGmCmpnq339vU4pexJKIfkDsQeHteD3lyMT9xmkvGrgHheBYhOhrGodW\npglWFrJFVCvs6ARKL1n96LkBv1iWN1IOoxRZSo2ziX3T82jYUiKQibTAesaj\n+hQQWSMIb5NnXc93mvw5UZEqnJh0WzYJmgl/Ww71EebcL8NzoVNVtc8rlOil\nalRzn32v3XJ+bqXek3DlZJDbHPKMRN7LP7bSCfypZCKMFhwnJ7N5MhL2wwy8\nM6tS+tERsI0ztbGFbbylH8KzWOj7TJ5ZFOK+oPpy4fhdQztp+AbiFfm0JY2V\nQPcs7r4n9yuaO2/TlB8SqoFjnWXhQkju8t5Imy8fFEUODXwxkqEmJjHeW2Te\nsoScqKsBGviW0QZosmNyQQ0MetnibeWOi83FuVo9g7ZHFGUCJ6LUL4yXsdDP\nS0Zl4h9l0l1iqhSFzOh6xWnl63JFnUKwEcb0vqP3/oemTK+maLdM0gyLalyg\nAdW7sJqDhhPHCAWvKmEBpSddJv6Cnqjm9kR2RlCobqoJSMUck6HxYJimbVzO\nXn5P\r\n=vEnK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.1eb032637.0_1578524373372_0.9163907721553346","host":"s3://npm-registry-packages"}},"5.0.0-canary.5bc5ebfea.0":{"name":"@material/rtl","version":"5.0.0-canary.5bc5ebfea.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"654323243692e7ce81e30d9b7f4ff15ce51f2709","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.5bc5ebfea.0.tgz","fileCount":6,"integrity":"sha512-CbaRlR2EtANlpJjJCNKKERtjHKQIoAkWBCIIO2tjFT+lFrFJaC3+CJXfWxOyGGrdp+7RKOsU4p5BzdF3QLcAbw==","signatures":[{"sig":"MEYCIQC6fw+QR6RparuYvyTvIU+JCHEG4cAQaUBVIjKPRKEIQAIhAJ2O9X2rL1TNR/Uqff3vmwAIrLEApxdm5nylT/+tRkop","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFl8GCRA9TVsSAnZWagAAg10P/jcrgC5DboQwTH6HM8lj\nsHEGz/uP7QbnOVvBG8mNCrSgfsoddw6eOcqvrFQ6ZSxjGIYCkPYkcasRt83n\nSE4G2wRhgHj/7cNpgu2dU+iLy7FjGScB+5Nx4Qh6iPKFHwGCIcXRpK6xNo2H\nPy8b5viTH8PfhowKQ670pO+7ZNq/Wpf3WLB6EFTeXQUgpCerjrxNCwaRLLpk\nMoO/uK3GdhFYbdhPESuBnHMb8XXUBc34RjLlcBHnO3vACJ8kzKRh/NZY/CGf\nSq0Z2mhg1cRJNAjN2eww6ZpPDGPKZv6979OFNLcRnMM2kvuP5mcmj2gKj2DO\nKoZ4pIXjEu8+ELHPnLP9blHbajSrCU3sofxhN4dHIl1l2gvlrelwqY+Yu1TB\nGqWXoa6Cykdcj/lQ9zNnpzgHZwk9TMYMkzassH0w8NapK5NswkwhPDxKAqbh\nOt96DG68KKjR8fuepW0wxYeB0Aq7uBAMRZjIpzAJPPCKKZrd28ihoT6dhsM9\nU5t7AwgL6XmwbDD+6r+FLOUl6zLNGzaLPerr4fyMDzc5HpnJZoMg2kr+qk2k\niGr8mctrFlMvkN056nWccT+fLkIbwFDQG+7U8mb6xNiWxTgi+f7XFFpSqMwJ\n/QWP7YHe1y3vYGFkHWn/X+pRQm0NyqdJdCujfh3h3aUq4O2jN85I9vX06HmL\npti9\r\n=+iCS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.5bc5ebfea.0_1578524421854_0.8346891929533162","host":"s3://npm-registry-packages"}},"5.0.0-canary.1112b8def.0":{"name":"@material/rtl","version":"5.0.0-canary.1112b8def.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5d7ee063d6509b95ee1c8ed59f64ac5c00d646c3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.1112b8def.0.tgz","fileCount":6,"integrity":"sha512-GlwvApwXp6J7ABBZ8NKK6RK/pfEriQiTYbJFSpnlApUDk24R2kXqDJ74Uz9sETi5eMZP6OBWfLoCDU54ixe1VA==","signatures":[{"sig":"MEYCIQCznxvRRRJ3OzTevqnkSJinUTLv91t/iLU2nEQTaqhImwIhAKoN4th+Qz3GjRaZ5/yZhp8aRIyEDdkP2A6NqbFVFyYG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeF6SlCRA9TVsSAnZWagAA0DIP/2GoyAU5GeRMFr+ioz/F\nCYF77bQw8yD63HzX5STXOzg+xFCCmyDAS4YlErK84iYQGeIyjXbNbAHrRYTt\ncT59G7WnLHISnMp/Vpqs1xQvG5Dhj+xD+BPPFTt+6KsetIPaMWGS6rNbKtc1\n6ZfkNWrWWQqaH6tdvjVp8kLkI0cp00a2Ojo4YfFs/UutETKAcZ8o9jNDncB5\niK9oRj9MSNaqcgsGLqyLHIcbz+Ry6kD/cP7XfHV6LDOBdibfGT2NOQZco/Fw\nChQFNvPX7Zs4m5VljKrtov59iAf2/wWOxXGCeBJO5MuUomkJgO9TdGSEe+G2\nlx0rFGeoS58VUdvSJszkAItMMN9MvVX5irKGUHLo9LqenNlOoPCQzPlu5Ffr\nRiT2xw8VGUql1EB8fBL7W4wA+XhPAftvz6NGYWMK+0/XHLrU+QDQ6Ephv7Pm\nU8RJgGjRXtClH7YyIX0LZZoC+je1wQF5DkyIgxhWTnQNTctsh6LAsji8ImS2\n2ZlnQMFhGC5u/E1VdhwlYZhI3P72t48YxW4bmrLIE0/nXmwowozQLNN7q6z1\nO8hjGOgiyafXNaf/D4tpXD1necRivsF85kO3e42h5SlDRAfjz5QX9IBK1KcN\nAAK97VU/WksuLBJ9PvDnRZduF6Z0VpeK6W/xpXuuSdjgzdDDGSH2DOj40CE4\nFT+6\r\n=0+gp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.1112b8def.0_1578607780693_0.4193549380020729","host":"s3://npm-registry-packages"}},"5.0.0-canary.aab102017.0":{"name":"@material/rtl","version":"5.0.0-canary.aab102017.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4372356e3e34e998114d4f1dff237ebf2c396aef","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.aab102017.0.tgz","fileCount":6,"integrity":"sha512-UY5vIeMNhbjklN+pEZJDgtxmLKIqa2isEjdqISfnHp91fxsO++9CjRHLq7ZV5zfS0FuoUYH8QU7bn1zZecysTQ==","signatures":[{"sig":"MEYCIQDJDZb8HYSgzPs4oYC9144s7Wile7YuqoKcCrqkLh5G4wIhAKuIx+TzbnFCqdUI/uoHC8+0ta9cSq0dhsQ3mE+aFEnR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeF8FJCRA9TVsSAnZWagAAcBEP/3iKACb72cUEfNezLEM5\ntVFPl0d/YBu97LcX0CeqeTYSzFIFS6wTRFR/1E8SJ0cftY8S6duXHOnJMGS+\nsjGRb1664AZFCBw6dlX7JHIhCs46TGyA32NuqJsCo/dfkp/ol02bBGMQTVtC\nOBAHh1HwhjKzjJ85sS7jzG7yLdIyaVQEnDVA4VsFsISWXsktdUaNDLPIh7F/\nfwxP9Tx63vGiNX5BxCwE19Mz7czegmRvOSLMjjx7112pQJFgMu5BEXgFShlt\nmW9VskXkuab0yjfSyX5rHXof6snbpI6YDr4qcdphAte12+Gqz+WJqVnOgfqa\nEBfVo8LmugF2vV4IpUbhzYWMHUnYckM1AjQBr7np9eH+ojldObzfLq7XXtqy\n4eZhFSf1VlSe5grf0zLYQnpRR4YedRYRGe/nUEv0eSQjWyDpltw/MMKj910S\nGrGYrMo3h9Af4tTUNKhBAZNgJR+ZKMU6l+J2Upy8WME4g7Di65z8+SD0hpbN\nkir/r2OiH9kyPcjvkEWZPVMr29gLmjCgNulYR1gFNZXWrjrmqCc4f9JlcLQp\nsT27uxDnvjo56g099P/6bmPBNGvbFh1EJYd1mHLSXbSynu1pw0w/tOce6XvC\ntqhXwNAoznjHcb+pI63AOEZteC+UmiG7RbEHu5Sl5GQ08fuFj2WdWcaHb1UO\nGDAA\r\n=9hEV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.aab102017.0_1578615112699_0.8471048614940113","host":"s3://npm-registry-packages"}},"5.0.0-canary.426913342.0":{"name":"@material/rtl","version":"5.0.0-canary.426913342.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b6f18562abbd409050525d877000fe7fed301fbd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.426913342.0.tgz","fileCount":6,"integrity":"sha512-JqVekm3rusbRmPgcXFOX2varCleeMJQlGOmGl4Xbxnz8YRsdzjfMQHTyynPTvrTohAw3KDhM7+rLhRck9HpiCw==","signatures":[{"sig":"MEQCIDXOv03mieBgMzZ8u2EKNq7TogFpFWhdH7y13oEnEd3vAiAr5JVzrMyKfW7zNGa14uSH6UAQr6FMR8XpfYwjNssklg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeF9bRCRA9TVsSAnZWagAA/CYP/2utGhq5ycZNKk7b1Plo\nFPajtSGObrar3XC+BcgeXcMwvGxExXoMUHpqltHu2bPf5NimphxXLmt59wdA\nw0k9tF/euRPjYFkGL1E1G2+3cTS9NvG0OPZKap84fPVWrJBCIAlSWNsO6DKn\nGpNuZiypBHVtINdzJy//qzTIlJ/yHtNXUIRdSVaol7VYBDwPO3iGKY7Da0sM\n8hNLt9VBuBa2WAMz28JmyousOtXun1pnIsjrqXoTofHk4WmuvnTFwGcYcOMp\nIRrlBbDQoNrZe1pOhFq/8OAb9Re0lUCDZ8vrKNill/NAnW0t+ZFK/baDVoV9\nSx+PQ1hgQp0hbztgQn3+dcmh8xZzKyVDr3HNXk8eycHaSbgruD7d594q/R4a\n3TkCOloQDhFRLNdspOQb9zr3285mnvmcTjlSKhAwE9EOQgKwwImHiQq2XrSC\n2/Zta0FNusr5adZbDereKjo0Q4BwgGNpgLin3NIesSv/Zb5l14E5OpeSKsZs\nKZ86BNwONkJOdSvWI1vDjeO/shjI9g8G8dnMtVirJMwJSB1mpKk13PA+zke7\nLdP1YhxtofPqBqj43mKdXWvePbamAEwvd0UVVy3h2h7Mc4K80IjoR5kX763b\nWIsbvlRrovC46yoHd4sL6k+CDm/P2X0LovZJLB1wt/7ibhmpq4ytcQFLqBCG\nzQSN\r\n=+5Da\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.426913342.0_1578620625457_0.31621875264935184","host":"s3://npm-registry-packages"}},"5.0.0-canary.d4ea9a706.0":{"name":"@material/rtl","version":"5.0.0-canary.d4ea9a706.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"13da490be97e291b4900b3ddc3e6a15e6ee992de","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.d4ea9a706.0.tgz","fileCount":6,"integrity":"sha512-aXQ9VR3jyf0c5vmBnTOGO5Y7BlgrkrbnHaWB8Mpn//u3KZseXETM5ojqW70nvmPd/eQCH+TWKHverhgUCss35g==","signatures":[{"sig":"MEUCIEOF19HZGovVOv4zI7cN6Aa5YdQJKudYJn66ODkeGwEXAiEA+X3SSaLyYAkfRAFr0YNve4oAbpQ08XPqeRNnWzffcs8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeGLNkCRA9TVsSAnZWagAA6j8P/1BQ7jZlZd3IEF0aUYaU\nFlLStgzlBYXbarEF+gZ/y4p5ESHh/x2Xq3n/b82kh/IwkVnNAODWhjp4gNIS\nwqYYctAIKqRjdSqZ5loyeDLEreG6HxaCGQVqVT8Yn3GBC5dmLR9TvLXaXxMN\nNegSJN8o3v/bPg1bbzI1xklCeh1zEzKCPcQji6QaAz4PSL2iQgJBp8OoZJ5g\naiq5X3rhzudiWeoBQJtdX32fNXJDESFG9zNqUFINusBLlXf/ERFkVoAcIEzT\n8TfuUUI2t9hJPpixFe64p5oI/e/SCJi09qc0oN3TRoMzhSpHdfsdVNQE+KTl\n5La9iBk47Wx5fq5f2f61c/LGOzn5kd7SMuLJe5uF9KygfBzEiaJS/u9wpCuS\n9XfJb3JfKUre8vkbZoZrmnZDm1FG07TCUoOAozAy/gJlJbC11GA38/Oh6yX5\nCViUzyDNbZqREMoQD14sXED39GWMjRIQUxH6GCHXOdR7D1O0FBHQZH0zmba7\nh9bu6rmFkj04OYpCg5B1wLFRVxuNmsKazEZyAwMrCvdQXJosraS3yccJeZxh\nCT44tCcTqF2EnajAs3iMAhKGU2TVQtKyO4EQrnlR+zC3Tz7wi79FSTr+4p2U\n+HKRi3tSUW8VGT+wWzLUCnWCCZvXgtx0r1T7ufu7q/RvfyECUeySXuE4xYA9\nMBzI\r\n=TG8Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.d4ea9a706.0_1578677091791_0.42179318774013175","host":"s3://npm-registry-packages"}},"5.0.0-canary.7d4ee2996.0":{"name":"@material/rtl","version":"5.0.0-canary.7d4ee2996.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"de0a87b3b44e7b4707478becacca5068b1d78e3c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.7d4ee2996.0.tgz","fileCount":6,"integrity":"sha512-ehxhqurPBCU69vKUvZ2s4wvmzmS/aHNLpooG9hsncYKrpgPYX0U6DBwiD8w5qKcqmgEMQh7LRj6u6aM4aMvj2Q==","signatures":[{"sig":"MEUCIQDni+ZjPukextewSAti3zZ+Yxdvxc5YPI3SYXLXcGIC7QIgT0GXS/Zn/4KDzuvXQCk7ONXsDdiOhhEk2B//z4hfcNI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeGLrDCRA9TVsSAnZWagAAq4cP/2kdbIfRZkfjEIeaQ7Is\nbRX/3OlhHH/6yK0HjR14k2Tqmk9lTRTDSlknkuwTxKa/ghYVnDqVdY7MDPsy\ndOLf4jEVjesOpQyzRyPzeYGcTBu3lUbkGPLc1eh78cJKBYaIVF/BdPXRdBcV\nsjr4YeB3vWaqZtfebczZepF7VMVJsAbyVTg8i+FWn/3WsLqi0DCHktVELaJd\n3Qxv+Um+12W2oaqEPSVvSQGtBV7cz4RDEp1IUzadNbvxztfmeHJgfprI81Ao\nwiacqm4GDZncGAfk/LtGlGNdtG5PsKeUflWBQpIzdQqIgXWu6Kj/pJw6W6Pg\nJhnm5MSF+jBMjZWCLemfAe2oirxa63QDZRWJmzwhzcUAA39jgLZ2XlLxUWFJ\nKPcUmHmTZcYz92GgSzuTf32r5p1xfBzt43akyTf741dzoTeutLZNMVtNj5lz\nOjWE04x1xpy/dBEVrXC3zLxRfWoaLGMEt0/Xl1Q1hX9zvlqMk2Bdl/u+/jh0\nmj54PlTnj353qp/+SHMA0XwtMgS5RP/xr419K2jmgVPl+eZ8nG5ErG+39MTY\n9JhcqrFHjrsUgQLZho7yrCo7FkcTGzhS3JZlmUfcSjM0VrnPfiQAhT3T+1jH\nFTxK49yHk5sYOE5ZKWxNWRZNvtmh8/hdC+jm0UE19STZPQT5zrMRDOREgY3J\nzWOU\r\n=TOJJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.7d4ee2996.0_1578678979013_0.875646563693415","host":"s3://npm-registry-packages"}},"5.0.0-canary.981ec9b6f.0":{"name":"@material/rtl","version":"5.0.0-canary.981ec9b6f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e1056c4136ac78895b2d0f073dc79d6c4bbb162b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.981ec9b6f.0.tgz","fileCount":6,"integrity":"sha512-ZCM2dvAINCpw1Z7N9gBieeovuq4bvhHzTE6xRMWu72fcz8x1EMBSxuL5ClGwlpFWvXM2XOsHiMKtXezyumK0Jg==","signatures":[{"sig":"MEYCIQDWU/RDLrpchfvlMrxlNnP+6e/I7+FStTl/yqRp1qVOzQIhANFemF516lAINNqEW1PPrT/fqC21jaUMvLJaCeUKfDM5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeGM/VCRA9TVsSAnZWagAA3IsQAKTeMZeVokqqcBprZj+x\njrm3WXfFUBgYrlpkY8zQbGPGAN0m7bBmaEixlwaHulqp0rnAoKDzOnDWw8z6\nUI53phTaTfmQKzErKCJsJzX7qfiFMKb/35K6iaBq7Gy8wfpYhJ109v9wS9Fm\n0w6mhtXDIHu2OKKA74IhuDzYOBI8mNEI5EvxWQguMgPiyAQWcMC9ebCzCzyU\nE64bhUcHvlJBSNsBf9vGJ7PXNy6p9clhemzwgz8DyompaSAWDriYsz8PEv1z\nWMYF15JbiIhCM6Li//YxRQQoFdhiYyN6WY7SQrNTfBPxWsztq4dCb24P8p1i\niMPWMW3XhivP2y73QpDDjanJi4zXMa9Oof8cxlqvdzm+0Gud6IFp2bGuh8xt\nhEoF1R10qcuEl+8OKZvWxut8jM9ncPxna1RutMPTCOTt35nxC09d30NQRZHd\nknXfZI737HX7PE8YOEyNELjTpFVlpUkg69S4F+8XOD3tKNj+yVrtHEd8XTMl\nPqEC2dDcdO8C3J82s4mq3SZR3k9K+iQ2F++KPdaji6xPxMIg/q0QhBvaoKsq\nP1NNBPQWBPJvZhy+cW1NWi3dZXugZ1X9Ek7PZsgyX9G+2/QpfZY4v+thmI4Z\nDd9BWmHqTfLhKU8XBp+9TF82ukqFxrGMN8GxJa4yRhyqTQ581uEmh1lis8je\n+nWR\r\n=rvXJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.981ec9b6f.0_1578684372783_0.8407772709494334","host":"s3://npm-registry-packages"}},"5.0.0-canary.737da83fc.0":{"name":"@material/rtl","version":"5.0.0-canary.737da83fc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6336b2938fdfdd9c583883440e28e6f8cf1e83ae","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.737da83fc.0.tgz","fileCount":6,"integrity":"sha512-+XM61gJ0J8kUTWNIP42Y+xmVTjkepsWyVCk+50/MgY5Ep6NHs8uZx13XdgNiaf3FetBjY+BZZTUqBmJ/p1BEsA==","signatures":[{"sig":"MEUCIDa2adhlL6EWQPQM6RhvBjmnlkEvaRYMdjgJdDUMayrBAiEAmL1LfvHVQct3K5g4IbLGbh9dMOsx8jbpb2sA/+zVkGw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeGOoeCRA9TVsSAnZWagAAecIP/2uD+TxGLhSSBmz5mL8V\nUliL2DFdzMSjfvPFlRkuDZczPlcO02i9zEHQwHsgURmwMnzWJnG5MLQqcuY4\nbXDqPpTSIctQz2r2ZQ4awf+F6LmA9vlF9GD/O+eac37vXElwuWCA5xlHnJ2l\nhysyGMNXNlaw13Ot9WR49vSLuP8eSndKtuuY3zC4IcmntU0zGfI9UVHMBJQx\ntUp1MqTptrNuxheP9IiDTLTa2PEV5L1ZcsiD2l+B7VgzRs5RiIbeRMd0+Ufc\nuJDMGzOfVkq1jjcSCe8Y4GjqO2sD30K9+qHYDBr8H5gfSRRzdr2HKDEz8bUk\nv8J/kFvFAGzabz5ax64iNkwGl4de9eklUvKcW0tf/kzheSke/tUYXamk1m83\nT7Vp5kX72hc4FdyGAVtu1ZJN1wrMyM0G6uCoKR+GZzOlpVczuit1XV2AGcqG\nVvQcrBKKePtCqA1ma7TW4FZmhbNE7jwdJmQtVJ+jBLy+/JAuba8MCllTGHX4\n1DKtSbUXwNfyBuHkGPT+xoRO8xFkifHffrPKsCoveI7bDtgsu8YzeL0jjzFb\nIql19PenF6o8SGOnA3VWKVBll109eTn+OxyMHYg82QPkNvLNRrThMiqyKwkl\nZ7NSMMoeitk8LMYUoXyoWeYroqLPdJysfT8B/R33e3KSP0rq7uDkRjYlVcxv\nMihl\r\n=j+g7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.737da83fc.0_1578691101803_0.04419671828802807","host":"s3://npm-registry-packages"}},"5.0.0-canary.aca8e6c18.0":{"name":"@material/rtl","version":"5.0.0-canary.aca8e6c18.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"555bef3818d0bd4eecfed49b63090197ddabe321","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.aca8e6c18.0.tgz","fileCount":6,"integrity":"sha512-cpp2cBl8jWIQYvn1unm1LcU5Et6Ayc6vQTTmhkMIw7dkirenCbgYHG3TpN2tLBoZjFbdr8vWhDc9xo14I8IPDA==","signatures":[{"sig":"MEYCIQDWMLkhtCHE4leJGTEBl+b1MMIuMJY2Snn2Zb8KMwrj9wIhAMIHgSXBV/QTDPzOsvk8LJhxaZB7hO1uLb2Qk1IbpYQK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHMV5CRA9TVsSAnZWagAAiXMP/R9925fRCKS0h5Y2NbQU\nr3mCKQ2xsS01pi3iDo2Qqyr/dn+PsEAyN+f+SSOYrVSocQY1bL3PEbDOD2Yz\nFRaPwWxLPDbubFkZhOtfm394voSzXYMCA+X7nWbbWu4ABKMvIUIuEyphXr8x\nwGhcrz8MD1zmDjMTysLzL6Uru7RrgOE7KaEMOiXpn5aUasDt7Sj6yloF631a\nz2+Md5wI+4dT3tchMleUwi2oeGxFgPp53qV4Wj+y8DRY73b/H6TRS1k5sX8f\nncjK8+ejIFqS3l6Ef6ihwK4OJ2E3FRWWVLKaNcOOw3rMVUHVwrs2Grd13g41\nM1M638msGyVtFQczhvROnJGOy1Ojf9TEub7kejGVmEVcwi5E5kayRQQT0C8R\no75Uqi+b4MtMd0yNQoiObY44fB1s+FTjvfUZ34GeDSecYZaBAn4raQs4DMT/\nFcz2r08TeXx/xgnrGeoRIdjrhKOYyvSDlAupgH3588aM3iJ/B7XXYUms+vUe\nU4wMnh02uuk2urMmFFgaWhwJ0RC1/fxiUYTb8zTwxUNSqz4Qu+W+p1vDyjud\nL2A7hUmmeza4HRtS8kWUUdj6hn+PnyhdeuDZeI5yRgmR0KhULHCqZJ0Ytnle\n3+RlYrMDfEs1y17XjyNA/4cBzmK+0LO1k5haAcZYvZOkN6en05RusTOyeoZw\nAk9t\r\n=xg1G\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.aca8e6c18.0_1578943864790_0.15843487564834513","host":"s3://npm-registry-packages"}},"5.0.0-canary.c38d84e21.0":{"name":"@material/rtl","version":"5.0.0-canary.c38d84e21.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"32aca0386f397d8d46ed498a9e9cd37ea6d18e01","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.c38d84e21.0.tgz","fileCount":6,"integrity":"sha512-rFVubl/MBuQqIJUUxrIzzXTgY4aW3Q7h/4NGKv048hX/uaFa9ph8fdR/TlMi7TIXJYF/1hLzd6nBoJEMhtyogA==","signatures":[{"sig":"MEYCIQCO9klNglzCtHN0aezi/qC5QYLX/xQ81u1V6+H8y9I/YgIhAN0mUuprcZplpYeVjkGHiUzS5anD5Lsly99NAoPNXCNH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHOtqCRA9TVsSAnZWagAAkbAP/if1a246yp22eFzu5icR\nMJKfV3LtODIqrxGMYxTZ7e5UCErq5/FFDwRICNymeHuSsazxCkGe6gBiaUzv\nvieNOxTfEpaxdajPKLbXg23ZijAKSXVgdlAJJYgKGZ3MMEGB9B53LeDBig3m\ns4DKOt3hFOFHtHsncWJJJXDqEkU+foRRXJJwCXApyLD44DJKJc0Y6jujMlBa\nymtB7DMwWPk0FKsFxb2Yd/bqn5zfXoDTf47OgkTVxRgCvjg+Shon8+q24OBn\n5AL/PWogdfHJuLpv+XtIbmV8WcxAWJV24+7xB4Xw5HUsCj6jfl1kg9LHMY3T\nSoKK9omAoY6cf+1GGNuncGW/mp17bBkUhnRuNBIIywkiiroq7DTwvsNTg0YO\ntrMkQ18s1SmrL9R4MqO5ngofxRkW0bztqP/fDnIj5S08LGE0wvCFsfySgxlN\nPjKMY3dB9OizqbG99kc5kNFrkq+g0fqRweJx0NyWWQ+GGBB7BRqhIqNHGMCJ\nVOO1giez7R2ge78Qd1LrG1Lu/uNlqD2ijG13KcIm1V8/PbIC3Wj7KAP1zsD/\nObMbg33PoriUrfZtvCJkK6NeY5bZHfU3PpFGybk+CTAy4SgbpyvEwipwVtCE\nF6DWUebLXOYTCRXjj7g4IRuTlYK+8sMsSknQd9r/yT5Dz+V6u79Ise9a2BlV\ntpyN\r\n=6K99\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.c38d84e21.0_1578953578393_0.4303448449302927","host":"s3://npm-registry-packages"}},"5.0.0-canary.a4db5fbad.0":{"name":"@material/rtl","version":"5.0.0-canary.a4db5fbad.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"fdd743a85d92590ef3f1a5342964215bfcdbf510","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.a4db5fbad.0.tgz","fileCount":6,"integrity":"sha512-gXKmEgsKJnfpaWcpldJzGcdIBMENTeWl3XCenCaIM9neQBKqaiX+LXWxbmQ0+V0iT6st1fRn8JM+P1MCaxZt1g==","signatures":[{"sig":"MEQCIFntM3t+jxQ23YsTntYorRStLJoeq0gQB+U0BvyATv7jAiB6ks5Y3f8jA58BycpHcetxwtsz7NVKnAK5Sv39vRVYZQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13591,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHSQiCRA9TVsSAnZWagAAx3MP/RWNGh45fJIQL++3lZM+\nOd90CaiMAnEvIofj+/U9zOQ5Zsyb+L/F5A0nDnIHxuXMVe3DLlWIt+zA6FKn\nRQQSHjq6rX8dpHHM5+TTdEB9uSdRfln15Jl2e4gZ+ZZOZVdgu1dgBBl5iFZo\n7OApxBfVGRxARhegzwdsPbgRlma1ZqyKGVwjVCd6/HIZG7fWpjnFpD1zk/Jd\nA8TAO7VMbHGyOIYhhuKcughcQWhcJ4/TDGN1lfRBRsM+iDL2D1ngVgO89Fhd\neEXJmm5075NxtqfDm4dXT0x0IrIkZmlwPcZXw3JPIqL5IAIBAx43T/iWUrkG\nc01NctptuDj6VOEs4GO7if8/j4Fq+vmgaFuVTQImFlQ/Z78dSvyWinncj3ga\nTEIFLwPQJtBmDn4ruSDtt76idX5/U0jejnTIFx4QswCXpvn/r/GoID/hrcDC\nrZmzL0ZSYsSj8lUqcyS3wBd4mE04sx0RxzFzD7Xkp6gPEpo5b7aGP3Qd7whz\nMXzh/DaLV581vDB3URslcQkacJmNvfP+PaI9ILtlwhJmxyiV4EfwB1yo4Rsj\nDAuQeIy6ipJAlw3F8mli6OJzFYYuAsfloIJ1JTnS4vrgNOypRzmV3xXxQ7X+\nrfi4X/ZoqJvhdeAjO9ZtaRo6tmUrUNVxP0gj2kQfGjpBaYR5lLenC4VQs22J\nH/WS\r\n=Vb8q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.a4db5fbad.0_1578968098482_0.7891022929501046","host":"s3://npm-registry-packages"}},"5.0.0-canary.faa9af310.0":{"name":"@material/rtl","version":"5.0.0-canary.faa9af310.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"43b566a2e87ef63a7584b5cc26456b56d063db60","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.faa9af310.0.tgz","fileCount":8,"integrity":"sha512-M9xdFbALikdHRTOSzOGtI2CbxZMeP6GBjeBBjg3lIVe0LODlhv+hVb6p44YX4NAQyzQI1eG9MGxy8T/X7dRONw==","signatures":[{"sig":"MEQCIAQNw7uArh6U3HcnazAlqJ6y+cP9Mr/opYwomzyRg7jaAiB3cuAfWYq4NOcAvHXQeg6McAHHxyn6HqKo2OON+jIr1g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHfG8CRA9TVsSAnZWagAAeZYQAJH38M8P1Fq/XfxRAvrB\nCg1N3ImKTDufH32uwp07dWd3pi7Pp1i9fhQgf7/ke+mFA9TOH7DXw+8Q0kRI\n865vl30DbNDOhwRCvW3eIhTrFkkR8Lzoxl//ZZaZTRhe18kVE70eQnNV9ELd\nFcnWIwzx9YLV1yGVOZqUo+sw3DEHHL+o1CgZtmtzLtyGqywKSWK3rr1thrCQ\n/ozJHjTbrUBSGfrpSdGXVSMdWasIO/+Yu8uCb+0c6AEp4VnViOUFIDhMqqOM\nE2fp+7qgmzmx+KB3uGlR24xainNHbYcJBDFg75gOn0A98rHyr7G30tuaxHi0\nrzdSUwshzv33tLFJfqzexCVVL8cr/y2GZ04HAVBFJjT/Ecey7lW9FJeIXsB+\nyIx5wXN20oHd07tnbs8ZJrvHY3/hP1caz5uEd4PtOx+GgY8Bivspa2IMMiUP\n8KNSIm52bgct5ElpLN96hDd5ihebu66BcznBZjbyiK5Z3qqPoCKnXuhBnulp\nK3E6hHGlwtKDxqJW0fHTsXb7b3WByi0ILRRfh0zOqSDtMxj2tVAjqeorgm54\ndbKq6lDe4MZ+3AgYk/x2oRjzl/nRjSYfL+4WdHfKDCvB4LVLHXTWeine/j1d\n44goJM4L2gDltoP+bMWOKTmFzQRmtq0udBwq/qPQ4+O64D1bTY51QWZB0mWE\nyxHF\r\n=hm+4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.faa9af310.0_1579020732207_0.528285784228306","host":"s3://npm-registry-packages"}},"5.0.0-canary.60354c577.0":{"name":"@material/rtl","version":"5.0.0-canary.60354c577.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7cef11815e7e54b0a019a2f3abb94eaff1f8b426","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.60354c577.0.tgz","fileCount":8,"integrity":"sha512-rYR4Sx/wEXrPtAZywO3ZhWdHmgm3jTOLElV7YuxTBxgDgUYgj494ybSMIkDddqh9gLpJWyp75Yj5TUOsP+HQ3Q==","signatures":[{"sig":"MEUCIQD/LnXhamVbjflBJGFRCgUNoNgLgWuBSJZPbe276KznqgIgO/Am1NC5Y55A2Bhog4SLuJh7NkrSWwwpXzU9xiueleU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHkSLCRA9TVsSAnZWagAA/88P/A3mHepIDCk8FJE9qfLu\niWqDkP0jLSzuFStwJQkwWoDwevRAHCIpcC4tRna0o+eoT46HWf4q3QwXmXH0\n+bwi1LiCNuthwI76RaLj6KufU1WiTg7Z3ggf2/lwdvoPpr/OhFU3kYCjEmXS\nCXOKCLqnUYT0mJfALOSHS0CK/VC6zWDPsqsukLfvYGfWP0SMQwpCcmqPtYyo\nnLDLM6WW5iK77vorGw+SHeyVLgLlCxrmVmopIPk13x+btXlf3DPMhLY/zHEK\nJ0DPm5EqFQedlBQQogzeTqzemuyjlXHx2TFGiyzrlm9IVlCW+x119pzbEGPu\nVi1AbB73m+AGL6INMJ4qti/Pd50FvLUO8aGlyWO2kgq94MSJep0CjvsTi9jm\nwcnwjGv+hgYD2HjrCQsT9+CkB3U6UZdZQOmuSLDNprZPIKSI/bhOx9iAEW0q\nIi6u5Pc2aX/JnWS5MJUdJgVOn2mPc1BcL8ChfKHaOR0SbFqkLeT98HNmAjjG\n2cUKDDMFPyC7eTFwaY762PdQbSYLpBmrN/YFhfx+mHVD6yVQXTJUGayRDUkV\nRRYwrMrHJ1RXl1HbQQwJ+f+dgkGbU4SUs5Yhu0QCiqI0RRIUsD9WwrrPCSiC\nNnZyG8ZMgOkhhCHZnB17c18ILeUfoux02x31jynWJvRvZbRrpNgAcoFwiSBY\ntbej\r\n=moax\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.60354c577.0_1579041931055_0.31481661581861364","host":"s3://npm-registry-packages"}},"5.0.0-canary.d07c78daa.0":{"name":"@material/rtl","version":"5.0.0-canary.d07c78daa.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f8dda013d6177130ab33029b69ae5e4244d9b4ca","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.d07c78daa.0.tgz","fileCount":8,"integrity":"sha512-Kk5WvHUFn4cRNhJijQGAV5DGgl6/whqj4eedxBt2eXUOHnJ7VaWW4ZGDNxERUwdL+mHqpp/IgXrBpafO+1VOaw==","signatures":[{"sig":"MEYCIQC3spEMTv7CFPlEuek2EGCFgMO10NrSOvfAd/F54W4NHgIhAJUwl1t4oNlv8b+7tsjoxMScQD3jCHi3Et6E5S3QbI0v","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHlDeCRA9TVsSAnZWagAACOUP/jsCxYvKli44PyRPNdza\nXoW1YbjVSteegqh2qqwsKe1Zeu8lhkq8EIp/tacOBPFKVGoET+fZ3fOexjq1\np1z6ilVA1fCLIIglHvPis0cG5RZzEwHW6/qpqQ+tKLkZY2bYlVlMbVAYilBN\nFDVfUzo2wGPc4T6+ghcy9E9+QLL3Tihz6zAFIzn/eXoNpr6Gp/mBM3gv/nVE\nE3i658uZ8JTMCn5+e3aT/8uUj2ox91EiIVH0RA30MjnnDwQ46hzguTq4BMoN\n4HRfxJRQ3YwXqhulwK3CSEaFon37c4GVtIggDPOJjawtOyeEdM6Pq/gamttQ\npgiwNg8zgNzTiG5be87/iaIBj7FU0vHyGsuZayXqDyxZGNUj1GZFlUBhOa8H\n0IJ6GaRBQdR2a8yK9LJdFGorIVLzTUD2pAXMqvuqv7XJNCmHjJDQcDJQyewb\n3eF1ycRIJSm9ztZwrWQrT29mzC1ryUpxursrPDHawbRRG+bpAhOrA8NslTBz\n7elkbmpGY/QbPWQEN8QVzBFHKxohKUaXF2KEqFOaO1xeiYbC+54JlcmAJOMy\niMhb669qP+mTeMiVaggtfmqorVE54+rS8Cu39lxfe+0Znf8UA2Qd0F/lRKIR\nAHio8v/i/NS0Kjv734AaVi7CygDQPt5Tz2IIUlpqLOymGu8bKkb5ujtJTT+F\nOWT2\r\n=HVFu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.d07c78daa.0_1579045086553_0.32547102319340704","host":"s3://npm-registry-packages"}},"5.0.0-canary.8ddd5c6dc.0":{"name":"@material/rtl","version":"5.0.0-canary.8ddd5c6dc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e73f60c4afbfb8a6dc1457e53871d892f60cf780","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.8ddd5c6dc.0.tgz","fileCount":8,"integrity":"sha512-jy2gS7fe+MoyVPHevyb633W381aSYUBBKh+SULcPor+akX6Yeo0x+yPidVC01mLLqNg+0MKEC5mANQA38xUrfg==","signatures":[{"sig":"MEUCIEBf0oDfufA2L0Y1D83KjcHPicn5Fe2F7DXueNv8XlXzAiEA/BphXls9aBzRd6FQp2fzKExulUCmX2jYEhFsERLtxpY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHm4MCRA9TVsSAnZWagAA+boP/juRr0uy98wZSVWLNANf\nCrckdVqMs0GgT/9/8Mtp3GEce82XARjVBFsCH9YgdPjwHmoQ9ZgGSw/xF+F9\ncK7RbB3jwV+/DIs1Jn7xIFw2sg/1AxVVJehGGnBt7/f2qlxNh04bINm0PPBi\nrXGH28eGSaIyvXh6sstBUzTeiOjD7/kFGhWqQbY5SVGdJ60pfGDwVx0LMa0L\nxaGshIQq/pGV2Fd4sqUIbd16ZosAQ7HHwnZB5rcq1gSKDnnfBjiDt0rvRqvB\nAgGR5mNeJff4tS6RSse9tqSIWv2KLyyp2i2/qywBE8UTPUuWXXT3AoaPepf0\n90u+vDUzCOWcNPnOgLVd/259D6ZknUWL+Lx8YoiVd2Loi1e5/wG/2zlBI1BM\n6w/BBoT0jnuN6g4H7OsuNcf+CVYJRP3Up4uhA3TQE3uXTqIBkQQCpc2UIV9h\nKlV5M9FDTw6s5cyauJmHbUYErTSUWPVGqabUsf6rFiy+SngBlHMRAPHK8rrH\n33K4BgfhbT8XBdtsZMIQCIQDA7Qu0VyKnNhWMw6nFrEHkFloI6DX+iOt2ifu\nuvES9du4e12f/ZRZxMpHszEKtWxhSdYHbdUP+UDZ81qjx6mHIqp3HC/UPqGn\n/nA4WATSqEzhme36wZ6EUA4LbwV4GE6Mon5rmC85FpIvZLifOh7H7n6oe1Fl\nfhTQ\r\n=5OOw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.8ddd5c6dc.0_1579052556325_0.7215422796209705","host":"s3://npm-registry-packages"}},"5.0.0-canary.a9511d870.0":{"name":"@material/rtl","version":"5.0.0-canary.a9511d870.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7452de1cfaa33270debcb76106a16d2d333975b5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.a9511d870.0.tgz","fileCount":8,"integrity":"sha512-V8sY1oapX/nI9jAH1dtrvtPyoqBCcuTljfKXdXOd1U/Z9AUu0wM+KV46tEZU7yPaXsuSvjpO82j7UMi446/3Gg==","signatures":[{"sig":"MEQCIGw7vxHtGwnqCXJAh6BYmx7bF1HK2bIo/8CZkwUjNZKCAiAr8dFEFR+IC9r7SieR6eDDRyGxqI/d2ikM+og/up9hwA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeH2N9CRA9TVsSAnZWagAA7F8P/2Ta1NNnjBKYbCbIZb/7\nFcIrRjecfUFVuYlmFWE2/9B+pzw6H+D6uh8GCNN+Amxrad6aemkMtXs2yZCB\nxXhAe2FiGE06XQcwBOxrl4DNr6NlaDF3EOOfY9n7RhKjNMdw7JKlAF4UbRvZ\nDuQTZjexxyCWLJi8XU3meor8SD8/u35MAqlNepSuVCaHjipb1TKxF81xj/Ht\n72IflT6HQ44ab9LQKqMTMswR4vIDV1Csd3Em8V4bqbp9V5fVBZOGBDeIL56B\ng+LqubmVjQalJnUUkOTaAcDf2MQ1KtbHRO/H7cX6Utae5ugk944CS2cRoE2D\nNA2a2ViwTCtKqPFYvwZ2a4I9dbpgQ+6kaAP0Er3xWIMmKKgA8kLxBu2LbbA2\najQEBMiDTw89OX5zi1rtvjqTMRA/ROLEHjRMbGM3ZsxLVxsS/R7bc10UifKc\nu+j1gS728Tt+FQPBHcnY0d9GjDvT0jkaTeIm4pVRFeSR1qa9w6ksNIFVe/nw\nnwo5Jn45a8FowG9Lhde043wUIpnByweyj3T5oZOAssC1SZ1js5St+PxymTz+\ncgutc1qHmj/hj/GZW2KlD7BUEY7wcUlUrTT10n7iFelfY82IMsT1Tm9bpwkt\nvbV/6q/Z7esc0HQ3wGxOHjefLuQ/hNg5n/7kolIEq8PbgJFB/R6pYeTjgugb\n7AsM\r\n=KRF/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.a9511d870.0_1579115389125_0.774399378092504","host":"s3://npm-registry-packages"}},"5.0.0-canary.7c8583c4c.0":{"name":"@material/rtl","version":"5.0.0-canary.7c8583c4c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ef48299d83e0520ba1560b4b93ddbd1a401718ed","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.7c8583c4c.0.tgz","fileCount":8,"integrity":"sha512-GT3SC9Ivswoulqc4YFBM0ipwZk1CD4fp61WXCup0vD+KQalCLQxPdRtTRF6jXawAT2WKrQUvdSD1qs7kUh9Krw==","signatures":[{"sig":"MEYCIQDv5gjGW0ba7tYk52vyZiyRG0xi0rXxTLUacYsR8Gkz3QIhAPgmLgu/6GZafutC6lCX5YF1eX9DWBygTDHRcZGgk/s3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeH5ZoCRA9TVsSAnZWagAAD88P/0mVQgUozPzPkxcF1aXK\nm0Ak+8UrbljDcK/Q3+tmFYRmSWkdsbwF9Yc1EY+bG4usdkTHbydbwK7cplSi\n/C9cs4bQqGEQJSahvQ14W1eqSgHqK+ksCw17Lss50+9r7xcOoQZc2rMYgDPf\nHBdetBtyY1juK5pprONFqi42zOkDlp/TxothvLkZu/qiJmzjY4LVSNDMhybC\nTPh8AbWtNnNGAvaS2ZwYA6cvgYIuea/YZITicmszVtq+/jZZ5z5E289Ns4N8\n+LyfssPvjBJtbTFgwP2R2luMNuu2hiUWT6Hu3RY8DVMIIoynWdm0HOFpIQFf\nDB6Xz9kgKVCtyyDQrZXme7hVwZga3xk8H95oMTS0FQaMX8LiEwbilOUr8JU0\nZRHcSdZjcU3naqGv6aq4Sd1HT5pDdSIqFRcMGhk+ONZWB8mOSaj6FtOQjh43\nAmyTWao1mFF2UDeXP+/cYjvQnuaRVfmbj2EnmBcotItBrZMIeHGIuqBy1aQr\nXpIhbU19gqNYHsMRwOLNealTrkFo2rkeqCr8ck/pi8twiWDY4gbuqFPJ1CGt\nmUtJn0IDTa/S5k1acXZLiWttQsI/f5w34ZKwwTlxVYCEcjBIKWznKuT0FkeK\ntmPiwnaUAomOwU1VEdMwqojxU18AFQroFDQc2dvoex4BF54RraO8WIEmTGav\nodub\r\n=Fn+b\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.7c8583c4c.0_1579128424413_0.10188285738115033","host":"s3://npm-registry-packages"}},"5.0.0-canary.5d4b82bac.0":{"name":"@material/rtl","version":"5.0.0-canary.5d4b82bac.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"44d9f49cdf31fc9d4df82f5e7433ca05de6eb4f4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.5d4b82bac.0.tgz","fileCount":8,"integrity":"sha512-3AOSabJtklbjX96GaoagHM5sxgH/n4gmUlBWk5ksqLs0utw0lk+KQZ+DWGu0D1/kUYOJ71/AnPImL3RRWPoNHg==","signatures":[{"sig":"MEUCIBMVaVoJ2CbQ+3403Jsgo1fYXGp3pCzmsy6K0wLEGNADAiEA79p5nFtj0rGwgNmFM0r+ZhaRneU+tRABSC/H/wgHcv8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeH5ZyCRA9TVsSAnZWagAAiGcP/RLmi7Q/aX7fIxGbhvHx\nkkZwl37VzuY6dOLIZjzk9C959/9MmyBzR5tKRnwAaVBzPbzp7Gj2ErgRS32s\nxmXDspWrqlgHVRuzFIhctt9L1VXWSMbx4esPIadawzazz9LCI1FUTeZlwvvK\nd5Ai8mrczP4aHgyR10qDlnV/Nd6SxQ6PtZ7CFSvVcL0Rg1Z8MqRNs4tmhSa6\ng90JYhANczkRVHmooYuUq/xnVpkVRjiyVg0hnwxFZiXTcsVTC3pDr6nKe76w\npuBlGwFRJdk4WLIBn6cnNvofKHSWMJccBAcbQ6V5e6OjkLdRi2TVjlNFw8eJ\nmUtmYeqiCTt6I6dTUMBHCF0lAnNLZeGPAgmBq25TckFBz4GlM0QfZW/s3Zvu\nxhnWPZI4cXQ1XsR1ypuMbf9fzQI/0sR1P8pFezU0vh2/CVhcZxIryqqDoJwU\npfZN7ARPPhG/2QlYOWI6g+D5YVt93OR056E/ZtC1JPYysA7LNUZetcK4x7xS\nxsnEhSFAEs3QI1R32UTMAuxBD37wrjo2JBsOInEpcd/QTNz9SqqzFRwlhB/K\nuJ9rFGnDRepX6QekL8lDWSTYi61XHcBYXq1lCosIeaLeINbixmHomZt4wmmo\n3cO2Ce94ypPeIzFOEZg45OML0v3dCC0fYTHv9JKQbp3ekHb9Vmd5jzuxg2bf\nZOjL\r\n=VDu6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.5d4b82bac.0_1579128433797_0.07364350014853871","host":"s3://npm-registry-packages"}},"5.0.0-canary.57d0186e4.0":{"name":"@material/rtl","version":"5.0.0-canary.57d0186e4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cec00ebdaff95dbd6730f6ca2a9dab29747ed86e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.57d0186e4.0.tgz","fileCount":8,"integrity":"sha512-7nAmnSBlpRbRTenna6MeOFSMm1dJ+rp9TsYIGqt2r9d/fKTBOTZSxwZg+mLxkbtbRcl569fgE/4SJVvv2BUPoQ==","signatures":[{"sig":"MEYCIQDR5n31ZG+VDSgehl2ge9iIbRIHg48lsE1US/GcOEWxSQIhAIdckV/NOhRPAAw7I0mj8M5foofj6k/gzhI9QM8wrl7n","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIKiaCRA9TVsSAnZWagAA2l4QAI3hhmBIgVoOMSlq4DaT\nAi9slLADFTnU92/1ErpaLIYGNA6B27mJihTIo29iNQ+luhl81YQuGYhOKqgz\n1KPxXeP1/hXkdft8Us8pIBAw15AUeB5FQ0fY4R1jszrD5riGj25QCL7Gxio7\nwQtYs69n4UxiJYbsheLf5fLkbF0NCXHsVCG2G1GRd3/Qkj0vkSicGiLtCIEc\nYvVjlwWsGOPan+8z8uT4+GUwQdsgJH7xYDoebTF1ItbY0xGyXsm6Miv1lc1s\nAY+/SrjEblrX25wd5DzZMt/hOwCkc59rQSSgl6o2c7OfzrSrqWUq1aziBzHG\nu6Ws0qy/1AseXWz8FeYs/Lw97mM3SZLkJVyg8vOKdGp0HMBDwG/Mm4BeO8lq\nr0XjaHmnIv6Lxp+WsdetuqRf0Klsx4eN7qsX8tl1P0Soc6livp7PTSFvQJ3k\n8bYMm/n6Pe3dFGAL1+DTFD3FexftRNfY8I4PN6zG2AKv/ptcgOoofGJ1SNEK\nkoa72LeyzU8KYrZcf7SlON7Rs+q5pfjW6jiOQvmkR8wkJoMAvFBk6hh4leGi\n+GCpJy4Qu1sPhCP114tmID9Ps0U+Y+fa04kb+jeYWfHdTS2YOu5TgfvMZrZP\nBHl9xhmvNhbLy5CtH8vgnk1okrWmhbZYBw4B8oHXjI8rEL1KTCQf+52wy9E5\nkrEW\r\n=0UJT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.57d0186e4.0_1579198617690_0.7513012092750644","host":"s3://npm-registry-packages"}},"5.0.0-canary.071a6ab70.0":{"name":"@material/rtl","version":"5.0.0-canary.071a6ab70.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8ffd68bc5b720d7dabe5e483b39f118cb0f72e7c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.071a6ab70.0.tgz","fileCount":8,"integrity":"sha512-0NwTeiHsyLJLAaP6/GYGHKGHQEZuoC+83/lOQ6paI+KRn25D5YFPoxiowCCaiVjrkRH62JHlxsvtDtzcUL5pOw==","signatures":[{"sig":"MEQCIF886MD38/j7Sid2C0rONXO/nZsoQmnaOz/xnGa47WEfAiBnBwIuI4a3gK6byA00lP+dvdJ9X0gkXK1hq4j7V0BXfg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIKoeCRA9TVsSAnZWagAAja0QAIy8jVQyL9Aopwnu5tcf\nuZ4WYY/EW7JAEGbI0wbbAm9b5pwa574nldNdoIFUoRGVwsM7b8a3CumaSPZe\nelzQl/j+oWgtYxKb2FaDjDt53VanobDrT2WX7QU4qNMdXg/mUcQudHSJ+vm1\n/pR6jI3VzSHEee2gsXs2ZkWKm6ptP0ls4ZQxLXKE1EPPVllkaTHsRqKz2kud\nY+O6KBD8YH6i2PX5eFa+SZkRPJIT2z9x6+hckonrGAwloTqsn6nu6sIZ8INS\nFvr9jzoiBr3Ls+MgnJ8N5Fu0ElyHJaBMdEyynsn8bIjVqoOsQ6SYkMdIsHD0\nRkohiK1/xfKsX3Jg14hcN5xhmEOfAHzzyfdHhXH5uOqWf1BDx3qXsDkTv6Or\nut7xKS9mie++NE3hHMiW78ZOnmrrAgug7VGYB4NSToi6TAGtNo8sGY7R0mBE\nuzQJe45ZUP6NBqS0Vbg8N5liU4IhymTfxQvfZUWxVK2DaiJkd/quOn2avNfV\ntNZNV9rEWI7Pc5YatxW5EIR9z9rg6z3nbDsT49vQjm77u12/eO6RDoGz0/3d\n3W3p5CGOFy5sNUG1WU8URRZxn5r8AViXGPEafT89Gs5VTpt1LKlBBeQXqxgP\nR4bqiX/EV0j5GcKd0RbcCSfhrHy3laFzBoEhdRrnlW9NWTH2kurVGM4LMczg\ndUTt\r\n=IDED\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.071a6ab70.0_1579199006235_0.24520337519599145","host":"s3://npm-registry-packages"}},"5.0.0-canary.22e0cb618.0":{"name":"@material/rtl","version":"5.0.0-canary.22e0cb618.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1bd04c9e17a5289771204d67fe953fc1f15e4187","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.22e0cb618.0.tgz","fileCount":8,"integrity":"sha512-hcxG4qVcGGeDZZ5cW0g4FVMowMaBT6PMpMpvGdS6G3+pQSkOpmRp0N6L2WSrOCDT9JwpcjYy/o71WhTQMODEPg==","signatures":[{"sig":"MEUCIQCBAvEkkPN227YRUE/qPsD6iwrqrSBxp95Ib4eM1JpEXQIgTz7EVlSUb5DFihGp48HL3/0SAGI/Zxdpq6lakcvqr+M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIK+LCRA9TVsSAnZWagAAQMYQAJHzowkfQHvrkKrZwn2E\nnZ968/BtSXs8foqNdjziKSS3zpTOYficBIAGvZKoAw9BlpJpi1AD/BWb5XDm\nubhSMM9oRYHaopNWd12sa3YEdK6LxcWxgKtOviy7/RKj7OkhA2mYq4fRjIxb\nLZiK8Clrn2irIiFNXFr+vrYiC98Gub47R9gD6vBaKmFEZTbnlcdytl0l6AF/\n1N7XWPRRnS1SvdNqXE3bseMcy3WI+SbDJcDGeiO8hk85az3DCxVzK9DzRq9X\nYGHO+jYjwwxGyDRQ+vUs2CdVa9RI7b2MuZEmwG2ghCYxoGQY9UBhvqFE+/3B\nSQ853EFo6zlOaeN1nTbbIba+NbPi00kGYK+6KoAtpEt7Etpgi2nxm7I+O8An\non1+e2Cb8UcedTq/gHLQ0xQbbSKYzqmyYmYu11evxyXrPXzNpAT9li8Bbck0\nevBeXP+FANVZ6DDdXmQCxRHno/NT4bSBkFMzgCL3CKW9SP3MefHGVIrbOg9g\njR2vU3IZt5YeF967Vm8bC0cqyhKRsIWk4iqJGo2UNWgiR9SBKcMtbJWUplfT\nxEvnmQ6m5X4VBEqdirlNVVfFDDAWW6WwYeQKColnYSAwbWKgKCOOckZkjvTH\nj+L1ZFtnsl1pOwwtY8ctMQ3DownBy0EFYeWQpvNxJvM6EFO6fnbZar9yyOpA\nA1wo\r\n=oS0s\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.22e0cb618.0_1579200394787_0.18177126193819926","host":"s3://npm-registry-packages"}},"5.0.0-canary.f16f15b8f.0":{"name":"@material/rtl","version":"5.0.0-canary.f16f15b8f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f49691323d88f1623d6d58dd29bbdd66731c8067","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.f16f15b8f.0.tgz","fileCount":8,"integrity":"sha512-Qx+GiQ5VR58hvGr4NpDVizoVdHm0iOjvS4Xm/CkLrrM26Rwpkqf9VUgPja0CR3RPqwogdRHbN5alxm//ZTjv/Q==","signatures":[{"sig":"MEYCIQC3haiB2GWgwe4wZ1eLV04tARFjSm/YareZOHUzOX1FAQIhAN4+BaxeBdP/c4IEv6Q1ZGVvwOibPwU1b4ug7xgLUHY7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIPqDCRA9TVsSAnZWagAAlDQP/2ilO6QKcKGx19rVQgBY\ntOd3KABdBsf44pak1/2tBVkayoQ4H1k9+0XHv9kFL56L7B/YFgu/fofaAxyI\neiELCk6L0p5M4PYcJhIfIl4w52K2I+ixyDa4Gp1UXc3SIUhRSI78nr6uVQoX\nCGdFQVxwWCBpuW/A4Kp+U0lr+F1zoI/6l4SaeCfrEcMzE0zR/svRdShvtoah\n+WS36UHl7+WWy0fYRXdoPPk8PW3FP47JpGf9d4Ycjk4Htr53c6VzaBD6vqL/\nw6fQISNSnwyL/fqf6LJI0M6no7TOfiXRLAXzBLsUw73L3Ui4rTOuLS2uMUVJ\nc/lXOg5i1th9mHmcydqfuUkAyGuyA4IEQGigieWvxyCuLOeIj7Jna5Y6dYap\nE48jKmlP/IM+pltYiWiNn/hXxV//T59n4pQBZVQ/u+b1EGg2xf7ZkLh0jegt\n425v1DBoUe2jlworfmXPKEirm2FY8xCPmgbZxKGjq5MIyJDbYlg5GaFSp0LQ\njvwUgviC245Ad7NFrC/YIb35blrVt/V8ajW7DssTGFgXw+31MybHD62KQepz\nKWo8Ilg47KWp3kbLng1t+qUMqqlL4Rkt9qYpJOX4fHVBgz6B0iz55L8BMQ2M\ns+jU8enkfP4ofeVqzW1wTfAmw1UxJsSMKjAf8PV4z496SLBKWQZBBnOiGp6O\ne+8o\r\n=m4m7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.f16f15b8f.0_1579219586881_0.0526949543772115","host":"s3://npm-registry-packages"}},"5.0.0-canary.aa8e43e9a.0":{"name":"@material/rtl","version":"5.0.0-canary.aa8e43e9a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"365592ea85abc396cd8e90b1db17e463e99458be","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.aa8e43e9a.0.tgz","fileCount":8,"integrity":"sha512-BYql6Kw7emFnTbcRSHRL1JbeRMpEvs1tfqtUyuJx9OqoVum4XJgTMhEyGwAhRPBRtuaUvT84xWLSY3CW5uX+Kg==","signatures":[{"sig":"MEUCIB/FYswXjisbUl26X8A/evBZK7Xo0BnT+FpearZ7ZwBeAiEA7CAJzHWOWL14nCTGm1DkzCrsFGoEjjf6F6SohMEvUwg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIQGBCRA9TVsSAnZWagAAAIoP/RtWQTb/0cIkpNcELwfC\nDGnBhTPZfpzvFPM30WxzwEAu+nnLyQBSDz4jcEVMR+X26j24iNA4rSbespWV\naaz+gdCSyvh3gI/jG5HzFDzFcz6lvXiWPk0KVd2XA1YMJLYmeav0sKN4Xj5e\nMBgFRGuICzCjA3WQLF+MWto+V0896Gw05HmpRc+SN11TGP227zDHduqHkNR5\nXgBuRkb5DDuq1bx1mUNAhxmO+9joHm9wyAoQn1/36nEAYZHTGsU64sD18N6k\n3POs/dPVKL0G3mKlxd4LcaIed+2sZO2lpYONe4mJtHJU4Nqsq8hum5iFDv2e\nHCmd7VVyPsZou6o87RRUThnewWpcA9kX0JVo8OkPMJ3uEXAh4foAxY5/1m+X\nitKRXVF30dZvKCzVpC0bdgAI+SDK9gEGtC1hcjqSFBG//kWQhaoktUJqe3lw\nNJH5fQIrrXn+OCk66cPq/MVOmp1/7unBoKP2C1fZrkOC3HisVeN4yaziOziL\nffp8OcvlvB3dVC/PrOmjy7/u13YPNWBHQ+060TZLTRXWIC3AXRxrjp/IEB+W\nQfiJqLAde+Ryi3FLC2eeRoqP2aYqa5euFlTOqRDgtUHnvyLLp/IX1ZesOn/v\nZm/npANoOs/q7g97/Nw2s+4iS0+EZoxgbDApTT2dBCPdHKWpR2ieu7FDfUA9\n1MMU\r\n=8pq2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.aa8e43e9a.0_1579221377194_0.07527267306393726","host":"s3://npm-registry-packages"}},"5.0.0-canary.fe1f3ca07.0":{"name":"@material/rtl","version":"5.0.0-canary.fe1f3ca07.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f12cf3cb874382b7d17639d8b41082e8f1aa3269","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.fe1f3ca07.0.tgz","fileCount":8,"integrity":"sha512-TcKUDEF4lZtjvu+IS9rkdsv/Aw+WfKW4aluBb5CvRs0NQbMcxI+OxwhtMX6HR1p8dZf779ht4J8nVw6sp9QxSA==","signatures":[{"sig":"MEUCIQCriGO/caT+HsoYFJ0s4C0eIGBy05NlK4Xj03Mk+mguHwIgff+37+oq50A6VmUvysk9bCpCbvfqapqI1GrZ5yOZdNA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIQb/CRA9TVsSAnZWagAA45AP/i+aCNd2dbDmqWv4dJ8E\nuGvGNVc5wcf/y1sDlGtjLEd/5/ZA7aCDHDvvDJXNe0wzqmOz8/wsZyPi38Iw\nOAs59stuxEdSw4Tf3eFh4RrWsR9kw2ZJ6wiDj6RsWOmHU88wYPzCiR2Syy8o\nbnIEh4g7yLLAVOCcrq1iQ8mImiFefLYl4v7ZbzHO2L2heL6zOmeMaEzGFWQ7\nm36pRI9idOM41f9MuNfuyHaPTuBvx1wwqZ804fDZYAU5uKk2YtUn/hcG9ukj\n9PrfLKzrSNN8+pqE88Nm507khN/FUXlZiLO2nj4zWCI6cDOwloZsg1huK/rJ\nSNtrpuK895QrBkuxFf8vOqBS3IrckPewOFTlyF2CAJk4dLZ6u6DlSrwzw6iX\nIavhTSY+DkU0Kmu9eE8XvLmrxndo3+4sH4zp+Vr23oAcOO2aN2gQXENgU+vf\n9uhgJp9GABXbQNmK17ckT7PJYuI0RcN71STkS+puNDUgCVWixUBbkypJt4fL\nqmwiN0aN8yrPfeWGXXgqm+7as+pLUKmZ5/HUbCh5zykvH36XYIMmzkn1EKZs\nViWaExcHj4B6ez0zNzkIU6Bx8kW+7JwK8488iSbn9bc3k0/OucSZ1JxirNJf\nAnbJm5aURsPfmXvTYeVT2zhYVfAAITrgRDr9wT0PaCsCIuWTxrdqxoKsu567\nC2SV\r\n=Tj/r\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.fe1f3ca07.0_1579222782997_0.48099466556367054","host":"s3://npm-registry-packages"}},"5.0.0-canary.d405af26b.0":{"name":"@material/rtl","version":"5.0.0-canary.d405af26b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ab5a1ec43a353f8a1dc1ab55961bda3eaf5820ce","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.d405af26b.0.tgz","fileCount":8,"integrity":"sha512-TGvI4HnqSxWtkK/8sJqo2P9O9MSEFb5J7X0qLKo7fnuvzDuzR8iKCj0/mTwAP+PAcAnyJRnIiLgpPypd+Qqe9A==","signatures":[{"sig":"MEYCIQCcOm1ovYj+wrnYrT4eTMYBQR3mtD0QmLG3G9ImZxv5XwIhALqgf1mnW9xrbUXpMtHL/T3+rEKTZL9//XAFI33vUKnC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIfoCCRA9TVsSAnZWagAATOQQAJVSXLz48aYP9E8uTPmc\nMj/5twoit27bAih+MdnhnuFYC9hfDDo8nsGvHyZQW/25tgvIkqkDX721KOFc\ngvj9tt9BUUlf6yXJ4DuVzH12fIum5q2UQrfQxQvywCz8hQR6oCSxOp9Pi7dr\n4aVqxPJR1aE0FgR+cqzyB5VsaXYj53O1iauleqH8x0+mr7cHbDqC9QxthlJL\npcTsf32FxMmQgddME001DG+9sbA+Qb+SLGRFdOeqlHrMYc57dvt8b+JJYSR9\nNYKpAs/PGILoM8vhry6IlQZR/Ry83fZWVES9Ev8J/2f/7pN4oYuqbAMch7ex\nheKGz1KJP4+hJdzcMvTggquEPOj3w/zm2np3yUJ6f/lc3PoQ/2hRlcbszoR+\nOpnfz4KCQH6nUBuSyFW3yWe3ESoEI77WqnYp6EzgvRyI4vjt+TkFq+pFShX8\n5jzW5pDYEdrTttmCFgLSP5yzuAB/9ROMw06IlT1QbWaxPKKGpu7k10D3a8kt\nhK+BjaC+UPlYpzrDacJYNF4qLJXOnZXBSVgswHfL8Nnj6e6PC7tfWxWkFUnC\n+EnIVQWzPGoe9GfPQUbCd9gQguitvNpywgm6w1ncGV/wMhtVdAbndSZoxS46\nG7Co9j5Tk9oPKClxZHqIQz+0Fh2dI99Y2nbZTvEbLU2TFbQG0dvhcK/jvqi4\nUGVF\r\n=/Fw2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.d405af26b.0_1579284994147_0.1099864052384334","host":"s3://npm-registry-packages"}},"5.0.0-canary.6e857aae2.0":{"name":"@material/rtl","version":"5.0.0-canary.6e857aae2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"77b3eae2ac5c73c9e00590bb0a16b96472478558","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.6e857aae2.0.tgz","fileCount":8,"integrity":"sha512-LT5qnWKJM7xw/QyMp3htVesQLtZQGAs6EB7mvlsh1qHOab3NoCe+Kj2ftmYy2rr+75jRmBQfzDeb1fVM/AWHHw==","signatures":[{"sig":"MEUCIQCyeBTLxFWqb1kTwFZjbN0CKSCxtz9OmS92zTqRZKaZ8wIgSLps7Mugx9101E9h88TAejyMqwFBpzLjhaCEbYAAqf0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIfrlCRA9TVsSAnZWagAADV0P/3dz0wV8OEObOyzeRS1M\npte50YN1kByfrqE+6ejeqnPSL3Tzi/KoGa2hoWar0rHdLpxxGF4fsfWNGWta\nwsyHmPWMLKwZwn5cib6Aeq0+APhppzhXfonF79bn22zdxxUT0KvfKRS5j+W5\nHz4V/Bc4YvfhJxq/na4uHj0Bz5I/ubiaV6OPIUPCiHip5QwVyaQPprppMp0r\nkb00oE6kO5Fda7Ee4QjconoP0SqIDYhxDsFz2r2cO33bBg83UGa8Ef16L5GT\njGoaeTUw7ASI+wXplVm+MXqLkTwBzBNBaZZuSZhKemB087uu/2Jq0JjhaS2j\n05zS3IpaOd1aXWB7ANDPyLWXMt3IdeP3ek8tZABzvIZYZtFYOru4rR83ItLf\nkpQElcW5c5qf1l/mElsbhNEUIP5MKQx5wy8xpfct842wNTkNwudxrY7/UtKG\nMEOlLjFG4VZEq8ziw009LGp3gcZA0x2xZE4GrzdeknUS1eHH6nK0qN9tBg6s\n/bc443ZbCRuptcAIBGdp2tCgAyGLSXbRAzTGHeibVJPPNJdImyK2OG2pYlT9\nHrJI2q6Jgwx0MF/u5ig/Fngj9gq1WQYBZNfKYWK9h5enS7iG4D3U+V0moRh5\n3oCEDU3eAiosYKRz+EYxBOas0vIMD7FampJcNsyLt5NoSYzDkFWsJ+YvMLY8\nauJb\r\n=rbcB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.6e857aae2.0_1579285221154_0.36729400129089584","host":"s3://npm-registry-packages"}},"5.0.0-canary.e2e764f7c.0":{"name":"@material/rtl","version":"5.0.0-canary.e2e764f7c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"36c8fb9f68134eafbdc9cc7ae3921bde4cb19b40","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.e2e764f7c.0.tgz","fileCount":8,"integrity":"sha512-mx+Xe9u3NKpUTRLeEsP2drK6yINH6dlTJ6BOXFLa1bfO8Qpdvr0seKGwUvCV0xfzrOplW/iysrOImEg9/jOtAQ==","signatures":[{"sig":"MEYCIQDytFxt+ap+IeuwE8ifPyyW5K7RcjmyMCQuChms8UfbQwIhALDCFr2ZBv3QeLx94u9KZLMbr3b+a7XOc4Bk2rfjJEx/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIf50CRA9TVsSAnZWagAAC9QP/jURxuDYh+fYHQNzNqr9\nr/pAoD1/PkIDrdLnVdn0vnWAyaKO4ACTgN4rhauXg7uknAN07aU7X0fqQQpH\nEQwcSYEjB6HiBQ8LXXp4RNP8cRbMuUM/0Z2JOgcEhRRmDwpsSJ79I0781jDO\nWeIoWjkS8YhLOHCTpcPIGP3pbxuXsgKWeZPcoHMdRSJEzHZl6GAr6p6HMzOo\nTsvxXWX16Wh14jdh9svwH9g5JjOCMVsm336rSD3cJz5XjmhdrQPjN4cqwMl6\nhZl/3KHLWcc9mkEbeN307qwf3gdbRLz8fCqabuHBNTR/Bm6VwK4fosDtDHR5\nATNlsaEW/Jaf431KiBh61ZhynQnYjawAsif8JcdO5zGxnClVUdXxBA3VrbPc\nxrB0Ux533Q0dcEa7lf4GbDFgBaIO7Li8O7IODRUmBY6fsdyDp/G2ypzsM92H\nMDeeOqwtpOI2wiisxh+8qaiQGM67sbKysEHWrYiJF+3QMB3S0QqdyaYSYHr3\nbVOVJv89FKTWdRmKzV3WylRa0D0vzvNhaN6L4Ox+3G/3/k7Dptsbolv0SX5p\nS1bbaKP618Soqr89LMoIi73/ZdAxFNlZgZKNYCmz99Zr7N/bfSuzYRFINd0T\nlZC+burQ8eR5qwYTx6WTZVtqv9eHjo52b6O9kqm90lhtKQAB0p5X5G4od6d4\nNTn9\r\n=XC4L\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.e2e764f7c.0_1579286131923_0.7443646829399013","host":"s3://npm-registry-packages"}},"5.0.0-canary.7ef986a87.0":{"name":"@material/rtl","version":"5.0.0-canary.7ef986a87.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0084df36d484f23a76d72c1a1ceb9522e5ffe7cc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.7ef986a87.0.tgz","fileCount":8,"integrity":"sha512-k6fQHat6aJHofUqy001cf5ACWDGTKDv5Z661WIH4sQOJcIm0jv7DhxG358GX4n3F6xud9fwpswY8xycxUXqTuA==","signatures":[{"sig":"MEUCIDm/6sjqf9tluaRlKpvgjy67rejWd8NrnuZbxF4MRnaaAiEAsdA/zTA41vS4APg44Fz/TXZTcrE/CDP+brrQnYv6xCo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIgtLCRA9TVsSAnZWagAAWh0P/1AOcQGrvwzZAw/1Kc0G\nWIUAecK4Se7s/VjM8BXZ8cp3aLnz82E96P4rt2j1qthaFeTAydAskQZC6phE\nf9GAX2MiJjizeF4JQesLjaOmD18niSL10lKuhJfoll+XdlxpJwY4GiNlEaNO\n5Idin8fkxqIQjoxe2HRHhYb/BSDibgCYkxnahpInWbfuA2Kr0qxZdn9A54Wq\nk5kyFbA9QdSKuHGhq8nUUuq3M43iVamN9mbVIoV2U7+P3hzPrqjm4kAcEJCk\n9OhLse1ac/Ab0rca/81NkNDwDEYmGxCZpHSddfIsCpQ3IkdwLUbHEt5g8PfS\nCWw13V3rauPMQoKpwvTUSuzIBHTVRkOnaMGiQp6dsDsp1dE5XvQ7vFNN8fQ6\nDziXpGf2MMgV7QPJh/CVsRIv3fpqMTWFWV05Da0lWD4xSA5Sg92Tjr+pWrL+\nPIyURXS1GnhevWD9+ptIVenhgCvYtoZWCl5D85lykQjPyETo3dTs95eG+t2m\npZqc/cq4gEObbkCU+Zh5UuEswsI/5uCxRxsa/mFvUtpuOf8fRqzvwLewk5RL\nlyDR7NT77S9pfiFv0R8CLmi0h1jfgHspj7sq71y0fVtmVarI8jxFsa9p073h\nr0OPp+QiCO8Lbctmxes4BCvA6MVB3TV7H2SUtxhPenBIh0lgSNpy0f6LJO8s\nk82B\r\n=ZqIC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.7ef986a87.0_1579289419430_0.7397181394831289","host":"s3://npm-registry-packages"}},"5.0.0-canary.29402e2d4.0":{"name":"@material/rtl","version":"5.0.0-canary.29402e2d4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"27426b4a21f064f8a6850222a4b76c2cd915e6b1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.29402e2d4.0.tgz","fileCount":8,"integrity":"sha512-VwaBz86shlbLacff7mEBxyWEFt/dcaBWb759amGooIjRnzene/3lIL2L3wqeq4E8jvITlZ9R1UEeXQwi+rgIjA==","signatures":[{"sig":"MEYCIQCO8KoISuBBrp10WUGJnSAhJR1xdV2Utk1AvK552YymOwIhAO2JXqRWKGBvlq5gm7ENqROsppO5r7i7j7oH9BIX21jL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIhttCRA9TVsSAnZWagAAffgP/0oolkSSE6thtwC0e/8u\nSSvanpH3DtgCjRPNyuZ4k4jheoTVf4ixbvyJnqx56Z3UZwbTwulvKdieL6UA\nswHwovkMKVvvlfNWY/Bcb9PLhr+noWWVteuD0TCrIpkpOL4I4uFSChtGDIL3\neYOxuCbg/J1C990x/SfU6sg0Bc7qPsWsGBAx+tK2NkzeLpLFIkZYzG9E9AlJ\nW4zD0fgOn1L/E9dpfcVseZsSBoIvWZXT7reSVDqiulliF2yd+od3V0mnatX5\nopsiOwC7bHtTDjXiFs3rS9ZYO617VU2FG8C9NLCKNBeEDkGogCtZx7jOjAVr\nqbQac0G5f6+SxK5sncDA9I3rXt+mzo8R5+/B+P3olBtWdgyKMoB3s7PowKmJ\nhCoKOOzhV5bvWe6aXanLE2fw7Dj2HxjIvvWg5qsGZL9+xxUV+lf3EJFkCYAI\nfAa7t0oi/LKyqS7thnaMCeGcjMcONs5ByrKwi5VpNyucaWo7hMnMU+XKyNcS\nsDEtoPYeuQFS4hHaOe1R/EidK7wF/LbPg++JaC5YUnh+sAFdyYpJwig8SiVL\nsDUtahEVgamjK2M3+IWx8yGkrAGlnNTApzEqOXlreWXMaMqQFnWVI+9STt/D\n/pEU7gHUSZRzy5likrAEtXH1FSAm6HpQxrxvEZEibNiERQS0JRWQaQDXIMlC\n3OkC\r\n=GWIj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.29402e2d4.0_1579293548815_0.8148919643999","host":"s3://npm-registry-packages"}},"5.0.0-canary.2b3ec563c.0":{"name":"@material/rtl","version":"5.0.0-canary.2b3ec563c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"993242b574ee3479a6680c11ff961e20a95c3a10","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.2b3ec563c.0.tgz","fileCount":8,"integrity":"sha512-j4k5TPfkRiEW1VAEu+vFxvK4uqCqtLVNdanAtGicIgcSRTvC8KcJTvKWBOgakpsom6y9aAX8RsvYlm++3MqODQ==","signatures":[{"sig":"MEQCIByK2sZthCFGUnm2p1yuTk6FEP+X0yxxxykM9R7bNzeiAiAXwRCpEaQX1dPIN48pm5Vs1kSarnIOz+AiIeasSL0eSw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeIj8GCRA9TVsSAnZWagAApw8QAJ+TeOg4h1LNGEjC1ASd\nolUoOJAfzXdiHS2MdUXkBfrixxrQOEe/8RTt58ZEqIJrPrDATWTqDNZRuN57\ndvn7gci92SQ+m2PohN6uA5Nbf67EXjVIfrP2HFifeQpPY8lkyQrbH5dwq+u6\ngb9mL4pleZ1zCku166uMB7FPxD1z1zhGJDcgvp8C41tpSPDBqKKnXL3XY9EQ\nw1IjqWxr5X52aeRdzmlXwPQJzYzNwaDY85m73ggtJCrWdi1s3in2sAkJcjLi\nhH064NV69/yRAmUb0oXgyxlJ9MRXc55+c5/PhXi+dWF0L8751LrOp+Qw5WJO\nJUJj2aBetr23zkl+t5EJqy4iVk5bLyWEn3qMlmIUAS1jddmH6hQR24AxAe0c\nTt/OUI8JDV1Bdf68BD/hVbkY1DfYALnlcv64BhkrteaH5DdEeQVRSObPTrDa\nH14iCr46M5f/eWifLCKbZedHhsxRKDEnZrTNxPluevVbgUBHRrQOGpQgTNEe\n/R8X7/xUEfQw16FvHHPpll5roWGn7de/R2NGFawulmQR7OCE9eujqM5QHfFV\nBrO8vDUPWg9kGH3XhRo00vfkLzR0gCCspzBKrE0f4/un+PFpDUO3XaJYIMPB\nMcZPLXPMFrTNRzyh5ft7HQCQ6b+3wI0h/TUOQDrPASEvxvWmfqo9qE3sKAy9\ny2+M\r\n=KID8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.2b3ec563c.0_1579302661947_0.7800662492058119","host":"s3://npm-registry-packages"}},"5.0.0-canary.e8a993677.0":{"name":"@material/rtl","version":"5.0.0-canary.e8a993677.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7157c2259ca0b458a55dbdf952ba522ce0c6f67a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.e8a993677.0.tgz","fileCount":8,"integrity":"sha512-PvqLuEGNEtDQ+aZIsZrmNX9VXGK5GXQ86cn6Jv7wpKUQWvsGyq5aMBvu2aeCo2/Jdwfq0yu2sgdltoM5ydBVgw==","signatures":[{"sig":"MEQCIDxKuXETPXv5ehFzbRHORh5UUJ2MWKyFGdHDam5O0+eQAiAuZN46hRIzps6gGB+WSiMOOQgr3j6hdWiVKXnGAlk8QA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJyuGCRA9TVsSAnZWagAAFc8P/j1YDrLijgZKNG0tRz1s\nBKAHPOy8NbSbniAB/rdhsSUhd6M7KCPvHWRx40jlWvjNxlR9FyXF3QgAZ6gM\n6cEd/OBkJhwuCAlYxrs22eXYPlUVmuRj3o2tVhTEVX2ehVPAyQyh3cC65xvR\nZchADJeNI07i3BdpEGOPCwXO+/WvaToJhY0kiAdsaE8PAOrziwRXH69f0jMM\nTvjrYbcOZi5DGVTjfLymzETCc1VFu96iLxGvnq4Cu4KPt/6COJv5740I9Xct\nJRX1paUFSDtygUTyvZ2MwyuTchJtguJMYobJtPZOpeYlnAS7pp5aDgCOjPUL\nJ8oiz/UJs8BgzZJbyg9xZ5hHbSay4vnH0Yw3Zq0enPnxKEjQJMTqjeVzRegc\nlVGqU1j+tkQCWeBo4iZce1qhHJ7RzVMCwIjE4lnNlRnQQ7TW5KOsz0dN9keR\nSgYs3sAkMsb1HbnId8N4PRNMI9y9snEmJ2pHtWId8WWuOISc213OO67uSDOE\nvdMUJL5ge7lDbPfNx9RZhDeN5RaufhuTn72un6xGEPxcJ7t1PuZCZWFH8t1r\nAuPcXagrwyT1G/SHEKLBKqr0Z6MfnTry0S+WhAUhYmrYBEQ6RrTq7VtFkyuF\nsjYR488GfkG939b9Pfc9D3AiGI2oFKwWvhyTfhoyO54P5Rjj7lRtDNSVfwOz\n9FTH\r\n=QTy9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.e8a993677.0_1579625349738_0.03825624171589115","host":"s3://npm-registry-packages"}},"5.0.0-canary.cd4903304.0":{"name":"@material/rtl","version":"5.0.0-canary.cd4903304.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9cd42281b68f2957fc68edeb612bcffd62af8d91","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.cd4903304.0.tgz","fileCount":8,"integrity":"sha512-AJpBdHUbKHYuxWBh5uvzukSSfZu6inRXz2NYhVzNjXbEfwKmPmqLUtAfBODyYkVovAXFATobg/ZXC9wrhXkN4w==","signatures":[{"sig":"MEQCIEWYST/0FiuWXr33Tz2lloffM9/PIK/CpW5pzaMxwC6aAiBrjJMVCW9tfjzd3GJWndMuGgKJ5Cqdyn0rPkZhOhfpVA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJ274CRA9TVsSAnZWagAArvQP/3H/DmoslDWWMtSvrzsD\ntjhWUj5DaPbhy0Z1ab3QkrDWX4lWWnF4GV8It48VruSacHgPQ+7rSMMyexY4\npxvOtleRyxlVnVfIANPYHUu9sQqTmEguzMRhqPJfdzHReNnTtoad3vRCQvQK\n4JCrEsngqp2d8NqwLlu501u75O0IsXv7zq6XPrC38o66XKIoSeG6IEXumxVm\npV41vr0N+BWTqJ7rVTL1CxYpo6e0d/3QgIeImUaUpBjzoVQU7F+qhqdvS6Db\ngv8vHuSgqI97QpziGFkPRfvDGUqUEEfLzrTkS6EAh3DXuMy9GpCZf+jS6xBx\n3Y2Q/Lh1fp7q9fEBcNOxejZJCPk1dhPwr8gPFvrwnJV11i2T8IDzsY0BbeiX\nqsKgKjGD2ysR+4FA2bDP0a5sugisgUPxEzFL4Xr0wijSgpaNWHkCykZI/aPy\n1nfqzIt5/BNE6OzAEXBGBXP0Ui2BlQv2t4lCmTIjEgPGQS5hhAzjY62/eICx\nUeOi29SotCoDSVHBKFwGwUDAlmjLn8dVOaqvBB79F4eE9MDIWv5d3bn49Ip7\nLrr01FFVj96k+q9axrc+30kCbBUKogjBLaR0t27/BK5bwb/Axb3+77s60O0A\nfmkKQXDr1FaJaRmK9kjSugVhJOKoQX3O7ukAkpQb/LyP+3KyHRpb1+lQ0w4k\nE0oV\r\n=ynT+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.cd4903304.0_1579642615949_0.34698791448961086","host":"s3://npm-registry-packages"}},"5.0.0-canary.7e4b04b25.0":{"name":"@material/rtl","version":"5.0.0-canary.7e4b04b25.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"347ed0ba998fe13d0cc94c9acdf3eed774e06e65","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.7e4b04b25.0.tgz","fileCount":8,"integrity":"sha512-AhHuzfDIJ7ZB6yL8obl10ao+5OSQkAUVsuhAl1QoQ4bxsTPyUHMJ1Bbu5vS0bR7iEPNRYG/1aqn3fQTkIVz6cg==","signatures":[{"sig":"MEUCIFhNoKxi3pINHxb5cI/23wkrNknifqUEML9kL02+6o9sAiEAhTBj5AGHpxLXTNP5A5p36DYJizH0Jvxvt5mnNbQKBVE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJ37/CRA9TVsSAnZWagAAuSYP/itSMl7dfAgRVCXUUJmn\nzBwgyD8CrD6SfYdirikGDwvt/YJmHZ7omQVER6UgrrQI/yiZbHZkPEd3wAHS\nlQcHZXxDDYRvDm9h+y4gkFEq7WfZGQaUCJsfk62vp1kVCZ+zp8BBLGyAKh7f\n55HByry7i9NZ2kut0YJA4rH4ciunKWw+a3ounNawkphuQVeIKw3AGTtzHuur\nCZ1G68lR0KEnxvNLwx1ZhO96vzz+DqCFQHFPR/POxSTzHqkjh2ypJSZy6AFU\ntDgigqDiNpZG3M7xFR+426YqcbR1cp+mMRV/HKEq4cWvXIHPkLN78VR+2Fxa\nPqdX+vB/tyCHh93YWJHWf4ZZLZrAgs4I2RebXR6CoNbG/l03iRpzGaPm+4po\nVZEJThYK0A7GWiL2dogboWFviRYUQwdujmsXTO1WlRj8pgcvUzp64cLZ8rtz\nfqDd8xUDOBMxgIQv91apqGusB4/cLniwp+C4LMtr//Bj3U+tBi3H96o5kShS\n2EM72F/qPLzm5665VDNZP9lmPPqER94Vy+mdE7OYy9/h8j5IXKrUHonnVVuM\nzsopS+tzcka6GvyYGt36gQCtD8PYf4IMPfxKfIT0jzQjpallyJBZ7/V+9OWs\nUYCakDZI1DzYdUrEZYFnpl8rrjMNaMpefE8iM2bXLGfKlOwLU95zgYfKk3/O\nWekd\r\n=otRr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.7e4b04b25.0_1579646719285_0.696357205914671","host":"s3://npm-registry-packages"}},"5.0.0-canary.ebc296937.0":{"name":"@material/rtl","version":"5.0.0-canary.ebc296937.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1822ca3b27318af6704d999604468bb43f954b2f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.ebc296937.0.tgz","fileCount":8,"integrity":"sha512-jcpFcG0YiCU36qeyS5TyWATPXoU+VKIE62tWVNw7AJJaRv04vBJtnGDmIr4QWIHN/NdaU6CKNPCuT1E9e2E5zQ==","signatures":[{"sig":"MEYCIQD7AC9ZWB2xgbGYEmCtV5OAuQn7jG48yFA/I+xTtE1IEwIhAJyNeDoGdNZSSpMLh+LaQOW4/RPxJFBert1DT82uCWQQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJ4zXCRA9TVsSAnZWagAAvkIP/RRoxROUd2tYaa7ZDBLS\ntjP/OCvK5Cu0qMkpixeGsvfuIuXexgD8SkhBwkA6OzYWuz5sqbHgEEK2VJE5\nn2lRcW4IEsHCst5R3ZxQiV3iKvrdOo2+71iiE0bOJE+FhHio9hZ6ABzk2KVt\nEOkG6VQBD6ivDJ46KgLKRISUltsx8rraj5f8XhPOdYVvZ+eOeY/kS3tEDOlR\nwMklrbDftVrnDw8+O209NAexS9HYvVLiH0ZJjjbIhiP/AwrR1uJr9681NwCV\nsY0NWW/Az7kkBBRwpeIecIgjhqLAaf+e317LWzGy8hGvGf4f+iIp/9l5qniN\nDJvtb9fLbqS5GAHwR0mDzry15LMdhywoRlLGSJDcdvQZcAd3XipLwRrHYZZt\nUo+/KtDzZc4fQ+NgiPJpQIJ/ANxeUzBUOnGlKI5L14pip0DOiRMtz7WVCbgk\n6AbGSuOrK7xP+4+S6c6QWr/n48lL17jD1DrkvtyV1I2h6cHH2J5vtwVePNyX\nE+sO+KCFNUvEfAsrFUiI8kKiUG/CvSAr3vqO8SM/4Sn4VgvZSa4sYEAYaXLW\nozOJzKmaX3wyWM05jhXq/YBugsP4vYsg9sJsN4cYQmFguZWH5yq3QY9/cL+x\nVJoCtGkvoduwnjkZQhblBiGnS2W3nj0db//0sdK64ZmOHJXQ/TGXinUfg3P3\nRL7/\r\n=0ZgG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.ebc296937.0_1579650262989_0.5246277146079465","host":"s3://npm-registry-packages"}},"5.0.0-canary.cf33f113d.0":{"name":"@material/rtl","version":"5.0.0-canary.cf33f113d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"fceca6031ad121e5264fe2ce275d99e94f474e3e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.cf33f113d.0.tgz","fileCount":8,"integrity":"sha512-vgMde1X/+ixJ6hVB6MZvp9cdg1wxJzyixS5gcbnGf+5tyKiX3bVQQt43ZlxPMBakMyBPlKHJUzXwGIwnfE5XjA==","signatures":[{"sig":"MEQCICa4/A8Fx6wfTBoXXwpe8URSs7MGllksmvhlBUIBPgGSAiBJts3FygNWNPZHq2VjSwxv8U141/0L3HpHhCy06XUpNw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJ6OqCRA9TVsSAnZWagAAmeIP/0mQIJBWHHnlIn+DqL7k\nI316LQ0ZXdt9bd7+9lsZECJsZrb/zsW9my632i3qHE95BEycZmEqV7uV76Ku\nBM7cWHucflsZvNLT2UHZLdwHBkdarO2Up9V7DEhpDLOBXACnH4o2QJ4AeVja\nZ1DPBchGVhVtD8uqBHV+sdyvfJVNK9WqsI8g98hxyYLXSbaozPN+EtwVyRnF\nCvveheTXPy/TbQXMg9xlpQAxbxDh8pw92c9j4YuQQ9DNJudsqIHooilt4tQ8\nJu5Q7Ru0DKBfh1dde2pFD2cpZwJLsm/e77rnn7HTNm7FxABZ2aILrGJ9aV3U\nNW/2CEc05nej0oMTKTkc97RJjLQbZ0kT1MPPkQ0IUehvIf9J9hZTs60qbvcb\nV0KTOyrhB6uwQttnz/ocnsnseGvjb/iIflBvbha/+EhgcNE7y3QPUDaRqiRA\nJdMu72K5fbXsIRMs3vbihYm0jGpkYo7Wfo8RpRce6K3eSd4BX8RBsJj3SxL3\neZkL5rWnfQDyDKmvZpkFYWuIDFxgbN5iaHS8S9UnqzA09RwQ9lMlrDA2ATOZ\ngvxEn8WbA93cyGx5jg71/KP+5PsAJK6BBJiRkFTwFZpaOE2NFXmcSuJRsDpf\nvwIVuJT/mnhyJkXc3pjGwZv2VcvrNWwBhVBu9NvDXG7S89QlkmMQTXQbHXl0\nYwMq\r\n=QgnG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.cf33f113d.0_1579656106335_0.28456172074371944","host":"s3://npm-registry-packages"}},"5.0.0-canary.e1d5f1be5.0":{"name":"@material/rtl","version":"5.0.0-canary.e1d5f1be5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9cc3de2f9a5bf43f8a28fa52105c9c9e013d7f64","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.e1d5f1be5.0.tgz","fileCount":8,"integrity":"sha512-tmmHRgvmaIJwN/OD8bdVSGI5XgZBUOOx1k/AiPM4MquBQw/jhQRfzoavmkXPgqt7kL5ymuZyGozxo7bQVnmRBQ==","signatures":[{"sig":"MEUCIGst5XkZP31RwFY/9IklqKl1ZX2fMc02NIX3pelBon2RAiEA6+bf5YWmSu6PBMbFxCfr10a5XbWI1/NnbqotVDVjf/c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKH5WCRA9TVsSAnZWagAAgCMP/jhxVZJ8YglG4/fuWVEa\nSWCj5C0xzDNwpFw7TBmeaxL9YleTARC+NZ2Qpg01xgdtJ30lknmlbwV6V8sy\necSzavHyQnspzd4Xfe32kV7kH/0qgL6ZDWi1x/3cn1VL8zytbY4AR2Z6T2IJ\nNYDVY128a05RU03kIVrs2ump/bnLvMSRGYIAcnuKGclVK1mDr3jwM/88OdSm\nHacGkZWbMKbFIwkcLTH5NqYGhRyhCLsf8hRG9rpJN4Pl+MwFAsdfwtInPDcz\nFao5zzuvydmnNY627WlvjN/ayPCem/5f2OWo3GSLNvem20+r1XSqnjSvKui+\nGjv2M5yLfM5cgm86bfFm/CkcV8zyQ9o6KeYjXQeOmjFIMk6z1XSTBgCO8fmi\nVmdWo9bZNJoiyXNXCPYyFzMIe9eWiqR1mcBZEV2dMPtjizW1RAkWpcsYq10g\nE8pm/9uWiHpwaWSECuCH9FPfG7+AQzfpLpZQnJkeqQp7qQDjutnB9Kp3kdTq\nXKUXmDmUEm7Ie8LvrSk6zzb41hJ2bNV6rjUt5Y6NzAEWogJU37DvycmXRfT8\nk++O8otKEAm6Y47UetYBb3HWmSSWdzmVT3ghT5Iq1YJmfUR4PhVgjnMP9Tz2\nJ0OaGGv1p+vEAcDNlZUCxrfeio6swQjIT5hFboZPV33pT+krl4ZcUkznrtXj\nY6vK\r\n=fYIq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.e1d5f1be5.0_1579712086189_0.3094051947830203","host":"s3://npm-registry-packages"}},"5.0.0-canary.6b6a4ff92.0":{"name":"@material/rtl","version":"5.0.0-canary.6b6a4ff92.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2eac746b95439cd32f17006082d89859f68b2a38","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.6b6a4ff92.0.tgz","fileCount":8,"integrity":"sha512-uFCdxKr/K/BKc8RJZ3E33b1PeiWamoh+GoLVRGVElRmFLvrqZh4/oHVNBDfu/uuT0+idi8SUuLRYtT1XaEG5xQ==","signatures":[{"sig":"MEUCIQCJSdlrjh4XRvOHzvwC96A35y2yeetn3Tn6PJtMYxvITAIgLr8qazfgh8dFYa4OsNdfX17KzNZ2e3t64yvUsy405pc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKIzyCRA9TVsSAnZWagAA52sP/2s7zBtQOkJua7xDQS2v\nPtiehf60zp8zd2kUkUhLc0XwpZko8l2nkolYk8OqiHyzRKyLYy5G3Lg+fmHA\nXS0ZkSwSg8lQaZsGBRDQXxTUItEMBPurAlAWrSBXRt+vYbUo28aAXAXP7bYB\nkoE7BDKbluyI6hiqIMwxsCoUdIqKbbMop9cTkd6V3JwtbES2RtJUK52NrIL7\nnskJFixHUmAlnJ4oVsOffhdF/eJcWmcW87+ytwU5lO2+7RxX/BJJbz9NYYmd\nf11tJdWkXTxpK6/1nXZinIAHt8cW/woF9hAH47M4K28+1vMlpFBSVHSN45cL\nRMtWIK/KCpwR+iQYC+FwRJwDCOwqc5qGD912mFRtEJqlyiDvIlUwzxW1GoC2\nvAq62+Z2APhpaPGUrwfdlyrr96SzRxVjXuofGI4vV83CnERUzt0ODVzqQTpw\nn84hVrEO9UKaG7jhFQIFJWT62Z/egbNTJsCKQibA876p3arcvvgjybBp/lHG\n2QADrgBfxbkQ7KVWbS7+L7J5r30BX78vlRqssr3hqCHmUGYLVkGoBQCa+j9s\njy0gHyS8SWeYXbFVQV8sZcfOw80XgTwT9eA9h3dsY0beepGHlY5wGWn7756i\n8QhLFELhjQ7SzqF9d3xgA9MvesCPbK+0yi77RrE+xHFYb94UzH/y2IQU1qHx\nmL1t\r\n=T1Es\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.6b6a4ff92.0_1579715826259_0.3291469931968445","host":"s3://npm-registry-packages"}},"5.0.0-canary.6092f71ee.0":{"name":"@material/rtl","version":"5.0.0-canary.6092f71ee.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"76acc65d5e526da63f16863190178119cb11a0ad","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.6092f71ee.0.tgz","fileCount":8,"integrity":"sha512-HjnAy0U24O2N3XlZvkBa64lKgwWQSdqmoefGc8eqzaqN6AlyIfKXXn3K4Zz854bsXTw2k4WM39HLwIFpL9x+0Q==","signatures":[{"sig":"MEQCIFcZlDci0MZhL2q5ucqTaXNFImPLXe+RFTaYIPvK70eVAiASXtgBI2kLwqrMhDEhDJvBmFH2k1wuvjYJKH778o6Ckg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKLuqCRA9TVsSAnZWagAA4OIP+wSQiKAHzA/godWAsScW\n+TcD+57XitlR22yyamTATKZwgz5s6H1EXMzGACRp2SRANB5v0AbNaUeuDDQv\neMWA/S9CY1Ju7Q0vHtTYsbUKDsE460OEcuzALmTnI+hl1wYBI9GELJ11Cxz+\nLWo9XWxuIClAnBz7n0WIwlTZsAzXcS+whsYDMDL+MOVffWlfq7dadbFQD94D\nLg/p8j2q0WyWfZb/PDU3TadE7zEb/VHT4WCA5knHciNKOrjPJlIPMp+gyTRj\nY4R/YxmDT3JGjQGc8wiPFY5EO2HU9hoiLwDGX/B7aSxQriGFzTBnV/XUEVHM\n3oUX8lg066kFhWDDwKkqxLXk3nWoDiJTBruD6U2RmMczzhZeMaAJy2RcBpXz\n3hGfmHWc9XlsgEh30yA8pPOPIt7k+qKR0EwEAKzwftthUSc+9hPiCruIzP83\nMUzdR//eWEbCA7H6QoHVwqNMVozOTKqocTa/6AzxxtMh4xdoSqZFmMvD8DJd\n38ew6LphtwdeuL31MWqxcu7WC9VlT1QqKuAEqKCHQS37MkyWhxaMEFxed5GB\ndD8z7Mz7/aJcMse4NJOkzq3HX+EBZKuR0HRGH3BfQXYzlgciex0oeURJHMh3\nfgavN4QIxslQo5xhRDHGRizPp+zR9Oh16mH/nh4ErUAmhl0nc5RSrIebtp5l\nIKvR\r\n=2D7S\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.6092f71ee.0_1579727785510_0.1366295601619647","host":"s3://npm-registry-packages"}},"5.0.0-canary.d8d95020f.0":{"name":"@material/rtl","version":"5.0.0-canary.d8d95020f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"121e9148e58b60c0f6f1181ffb027eea62bfdac3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.d8d95020f.0.tgz","fileCount":8,"integrity":"sha512-jEiKZNacRqXXsaxRcwcqsP01cShkQrY9vBJDUUMaKoxp/tAiQ9jurrjplhqAeNtoeoMLf0AVUzeD5Cgbqo5whA==","signatures":[{"sig":"MEUCIGRPeeKOiGm9CyHihl/6PrLiJ9UBqy18Cyqjl6cOTBJLAiEAjBNRr71O1GxYcWkgEBJ5cwbSONg/uIadE7tk1f3Eh1M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKNYPCRA9TVsSAnZWagAAFXEP/0OvQdZNq6YlXeTCaqhM\nBNpfN4Z53kFWKKFdAlTiHIrvnWjwuQ1p6jNuy3PmgNI/WR+ie58W2ZgvfzLq\n2T1m5kW0CAwbHyZca8wxa8Oy54IblIzdYBZ5M0FwoGTUYqhnyyRv+rsCWRyh\nZEG2+3lQeyrjpyL6csFuXQSygMgcrFC48Hcvew5bvLLOE0JV9D5yiL1Wy+sL\nZSngL95N+e35sqBU8b8xI+IuTDUv37TLbvB5BToslMYkzvmDTAG8MJ8HGh18\nwMRhx8sbiaK1Qui4KS3pqhdhgSwlyUb0CykN4BYbhWhOU8laiYJciXIkB0Cu\n/mwwBCugTvF6D4tTYekoF1PQztzm7TEIReFw8hRcIoFhX14sqMbTtHIBzizT\nc3RP0UkLDN2P8aPIab0rxtb8iPi70Kl204IQTh2S1zRR0SmYPh16YO1Oz6ey\nRrvr+JFVjrbu7FbKph8AFFZ2J5REYCO499k2QHMAH/vufpgiHSCObsmvnukr\nXM1JevX5pCdUzvt3illzj4S/PFTrhrld+j6kBF5mhS1OuJKqSc9Xj2Y16r+P\nnGKzFWgd05QTm71tB7fABe6rbXLp7YpaSVBMheJQCARpCZGncgRF4cWCym6n\nPx0fDIhyOoIOiVo9fqeWRnfk9oSXerOsmRKujDVy0gLOVKGtsvAa47woBZX8\n3BHJ\r\n=BAva\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.d8d95020f.0_1579734542809_0.6013482993597032","host":"s3://npm-registry-packages"}},"5.0.0-canary.b7facc628.0":{"name":"@material/rtl","version":"5.0.0-canary.b7facc628.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"18796c9a731d79f286d5996d36a5b50b3e5d563c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.b7facc628.0.tgz","fileCount":8,"integrity":"sha512-k2F8fjSBuN58E5aBOPtcoXCPQTe0CoMmYGc5dBb6+FjSoqI2kibPAFUsjTCjrUp6IAGsxKFtaka4IU5hQIjDfw==","signatures":[{"sig":"MEYCIQCsjRlUj3prpmkN9aQgJF4VAoMEnNQ7kjw8zXnGIUU9BAIhALfq5L69Djc1EHX72g58BmAcPs7t+eWNeCa8TviERe1J","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKeHuCRA9TVsSAnZWagAAwZwP/jjHYFMTmhjHjdV1bzs8\nVLCAH5WxlOQO1l9WJvR02aqE9Bk4xBgWGDZKxxu3LNC1VA3XB5f+qEEdJeec\n7PO/28mD1XiYTECmzeFMfaSpdmQ53P3YuLcjVuITg20GOR56otUfZHUEvEmh\nXaATynSJh2fCP7hkzu8Xf2PrCu2OlcKvYi4vJpCtros1EvAtfNYYf31DGETu\nnkDMPzB7C+M8PExdb5hvqEIu5Jd9VJ3QIA8Yuefez3I+FvB+SDv3Fs3ZHAjh\nQM/sgQAn1fFUbqIbrTmn2RbLSIe2IP4uV/aLYWUN4vm3MjwP04ExWjMV1x3A\nxwgQEoxI9HrFss4uZJucRhEngwiu/AqkUHpG/uwqyWm64uM8VOzXwKDj5r8Q\n0k/tgBG9xiefC2vAiMSbrgP+pQXZnDJCs9qyCVqPHdXEUUQwTO0IFumUb8+b\n3A+4x1h5A6R6qCJmKKiHBSMJgvwMbQ9NBaHiVZYrKCOgJiYRK0ZqBqR285DI\n/xietviHLctKN5BE4NgoMJ18NkMQcPajd6cjhRZPPt7d5HttyZX0K3RMibUM\nitfnLQjAGGloC6+w2RaU775UXOSvyXTIvoU1WQ1AHR6EAgvlXptnW30tBI35\n3AbQjR3oJaLagmW+KkurjYsdkgkzti5mpRPkbj5dptKrx8peikj1t5+XxJsB\n7cKC\r\n=DaTE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.b7facc628.0_1579803118428_0.03327407123783832","host":"s3://npm-registry-packages"}},"5.0.0-canary.63f357dbf.0":{"name":"@material/rtl","version":"5.0.0-canary.63f357dbf.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"303790a70a11339bccca36cce0f768f7c2ded974","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.63f357dbf.0.tgz","fileCount":8,"integrity":"sha512-1+ahnpamEb7/2GOLX5bYbgtQ8WxCNKJJpoUaO79nYq/x6sFDCQVCyvF1YDB+bhDkKL3VKE8KhyCmhELRsLoP4g==","signatures":[{"sig":"MEUCIQCDkBRuCGA2kf81q9EgcFSC4RT9tjaZujXMIR7WNrbdTAIgNO/Qz7z994nZJK25cpH0QCW4j4L57uTUqZ9b4niowrw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKhYqCRA9TVsSAnZWagAAQssP/AzOVW8O5YNoMqRS3Jbr\nnpASJdOoaUhwlLOKkcSn23VAnGcRqYUEIxBeC18oDdsM8S9HyuQWwO8G2Ni6\nXYwxiDvBT/YieX7KWHWSuOWqUSHnCBxr9Ahswg3feBeACgd++gVSl9Se7Jh/\nXf4pyH+PF6Vlcr8mXq2jbkqPH0l1b8Bgj8Hq9IT+VefPvq6zfALK8LVJJ43V\nqwalSS3ZRsgaaM89iCadlsgCfIay+KUykD1klQ7YXdHJ7AwGEmXitNZvrmBe\n5WXso5ez9T4iocA+Nwna/QfXYLLt0mv/qTT+hnBgnEIdlGWqmToV/0ZJfutU\n10SkjcdSwEDFBnXucmv7aam3NIFKcsLHtHmj3Sv5kv8wMFgUhi73U2Jo5sgz\ntiQfNC+KP1x4km626cm7lDX3FgwRXO/9a8CYeGBBMJvKT49CTuu/ODozqd9W\nvXflA/H06tEfwhNfXFj0eg/TrBVIb+Dw4cWnjZj3vCOm5gY7DA11pA8y7ldT\naOy6FcBz3Ep8g6lFsi9TWz4VOdCXtnHm0b8wE+2Q7QhSd3AmpxCAIilZBbq+\na5cAtn5SLXHKXbKV0AiL7G2MMPs0oR85pa6iXecSZLGb8pGiMaWRbBz8pKB+\nT8Jkis0qrMIg157Bl+NfJ/WKfnh7O6n8+LQEx/5aWffFvd24XJy5f05wo59N\nTlRc\r\n=BfDZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.63f357dbf.0_1579816489801_0.4126182153911797","host":"s3://npm-registry-packages"}},"5.0.0-canary.f2426d26e.0":{"name":"@material/rtl","version":"5.0.0-canary.f2426d26e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2d1f0c391f01935761e7c95828611731fda2fd8a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.f2426d26e.0.tgz","fileCount":8,"integrity":"sha512-BdxA3+Kuek5BLvYoNyB8QsuIb6dtEzswZYkDNKdLaUVbaPKlOeZ55P3Od/IiApyfrjAx55FFu9PD0nScLz0/4Q==","signatures":[{"sig":"MEQCIEhn3/ef8EICb1QOU/tn5c3ml83SwiOyGBykrOm32z2CAiBGCqVLLiOjY9TPWlj2b2yBpvYKKwc7atAGqRQSauo65g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKjJICRA9TVsSAnZWagAAO6EQAJz8cvBAZ0S3D3xQee40\n2cRf3ruAJOJBvK4FSAGZHV8pvXLXMxEVSbL5LorNIRa5hddiXcfs06SySiTT\niuCCIgYb82qGXWy19vyitPGQFPamcSzWiN79X3CgMKJb37kuK/sPQpJXF5bC\nWoYaBM4VCaBzYNuPfKQOCUErxiI0+9crsTVAjZLFnhIySnCsZG4P/rQ8V83D\nlxDikGXh6gDr+5SIQv/YQSODiYPXnOkEjVdHsqW1NhkmNF8SA0aXRUmtDZeX\n8Q/qAGM8yUUL8sUZvsdT+WkzToCN65henxNkTRYL9H29m+IX/F3g5cvkJHGr\nWPsKaXBEpt6hwkMrPo30JXM71ZU1lLzub7pW+o+c9h2DmAIFIOOFU7I8XLZr\ntGneVwyVodaLYCNv6klCec06WaL60Wgwj/MagQvaZJtBu/+qj53uyhPHkSaw\ntt7l5VQ/G5L8c7UePqKRzwRTRVw4BwhrOsC+cBKd089V8kVOWU9dLqnC3eCe\nt4xApsVaGczDq1BYc1W3/M1dSIFx/D2p6XLbTyPFU2vxIDasaLREbdGyjs9h\nk2ZKSmBWsCOT36iuHCo5RadA8dCHh6vAOWbB9eWSdF/nk4TBEYDZzNB5vfh0\nDjX93ePTInDY1J0qf/gdWL9Ep5fhFzej0hnqeCmgm54EHibL2dsdcsoenu0a\nbqBm\r\n=1wtX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.f2426d26e.0_1579823688520_0.23700682649378857","host":"s3://npm-registry-packages"}},"5.0.0-canary.7f5e0c23f.0":{"name":"@material/rtl","version":"5.0.0-canary.7f5e0c23f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f3ed7d1638cc1ffb11dc027d0c7c857525452b54","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.7f5e0c23f.0.tgz","fileCount":8,"integrity":"sha512-PaQFByWCXimVi1sHwlXlRlAZbq/+dgHHycMBsVs8BuVL+Scb9T12U1F0LMeA9mx3t2p0KZJquI/JfE9WLLrJDA==","signatures":[{"sig":"MEUCIQDBg5Z5q8JFUlGISjYWVJd/hjdgdIwQr2W4nlNA+ru2CwIgUH1XgT5+QmIXK+fsOHBU8q0k53jpClEYDXRr0HDF6Sw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKx+MCRA9TVsSAnZWagAAbQEP/j++gu6UDzZjRIk6xM0L\nUwwKfPI6W1v3tUc2anXWEvLnLOWQLP2LAU0CI3/8cd1jm/Dg6VpNIUQhDped\nKKpuA7CrNTpv/f3CPT6tasjaPjz23YQYEk7ox14uvT/DFj0Wf03tPmyvhEZb\nqsON+jE5dHzBaKAxac6gDcLDAnUKo0UasDbocfwbMMplxNbSqYMIOTU+NzMZ\n+6QrQUhQhRdrMbMpusPQTbtAQZkinox8lHtt+usVE+/6yk6Mc9rRXqmMy6mH\nZALBQRzfLtCoS6QlHwwmQMv3RC0GuVXTMRFXV2qC4YSauMVjpkpJNsO5fgc2\n4sck7a3M8zTUQws4RMBY+Bv35SPD+0K7iV/Oy8qxkCuIaienxu7C2oNRdtR+\n87BfGKJSq5W3//ok1uK9hVVIHZZelLS4GdVIt7IciiyFpQtb+WOpIbyuGnDj\n0ZgoNUNUXO89ppcQt35eWiFip7cKZB7JR1VGuj/FKRaUTmBeHqb6e/Qr7qHz\nQ8I4TZ5UVgw5nlKBfSS9p2UoSmHa+6MAztBsoLQmI/aNOnslDLhB81n9w5eX\n8XJy4BfyCxJjflNC57Lf1efqnXzgXaI0Yl4l/zz3O/uu1IG4dOJC0EPJJFzV\n6mYzpsNU49oAJ5Y8gMqKL1eU3mlIHg8ZqQx1g7awbmkb3RZrRRpIzf4DqBPb\nXe4G\r\n=cBp1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.7f5e0c23f.0_1579884428572_0.053463086551501116","host":"s3://npm-registry-packages"}},"5.0.0-canary.3fc3ab520.0":{"name":"@material/rtl","version":"5.0.0-canary.3fc3ab520.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9667b755de2260c9da41ca82ab75261cbcb812ed","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.3fc3ab520.0.tgz","fileCount":8,"integrity":"sha512-NrAExVwA7EfjbAOxUQU/ESoh4wc+WEpYmM9Hl3d3adzTtqKUR01Q8QqjklgyHSMJh3u6Nxd4NU7o0eLsyBvdmw==","signatures":[{"sig":"MEQCIEZSHdnTGgcuJQwhf/Sg3XqVraLwT4RIudr7FrLeAjXKAiADLvX/bmG64w2yXfpOGOwjeIe70JotiCDF1jvD0EyoZQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeKydTCRA9TVsSAnZWagAAS04P/0s1B/lx/h5QMtAOByO0\nLFHOIdyZTu7VZDm7ARHNZ0ha2WISM8mWLYNFxo0IIKwgEHsw3jQjaj+AUJh+\na5SNxRpt6jx/A4AfpMptkFK/+njRao0vXSm7Z4ZKeZMRXuWzEWhMyja5mgnH\n04oQ2+4qFaWWx2jeHlYCSSu7GRRFnXCbUoaBD4UrWmy4kPt2dSMsm+Ormsvy\nvmRJuIFJmbIo3Vc8VVaMJ9mLQAUu0f4n/v1I9NizqIONJeZwPfj0+rd/QJ72\n11fIKeOdLlvRT1uOXYx/2eifsnSVkOr0hRWDazk/cOlmweqLuAIRWRexOZNz\nZGTgrYm/ESfTA1bEC3ONA1rGluwXd3YCXj3bws90Z8OStIwiCIhRrqgRbq7Y\niojbH9kLSCBzsnJshacN3wmwl+V+0DZsoShksavx3efhNGswimvgo14HxnOG\nvNE4zQvERTHWq4HFz9Uf0d6LmDGEH04d/RQ2HgX3DRn+os36W3F//qOXqcQS\nbrAGJhq2CDxwvPvmEzi8k3l3fCfhTZOwKRhtA/6AckzRSTLvfk+S9WA6TZ9G\nsUlXz8dk+hIgsHb9ufj4p85IjHiTSruqg6wwQyCX4giUWWZfuF09wSktPRtO\nIA5tYgikBoyi6Gfxpfxf/Iajw5jdd2oymssA7DQlj8pRF/wdvnpbCpiLi3fA\nzbTP\r\n=snZK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.3fc3ab520.0_1579886419040_0.6055359412498009","host":"s3://npm-registry-packages"}},"5.0.0-canary.80a4d326f.0":{"name":"@material/rtl","version":"5.0.0-canary.80a4d326f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"db8f378f163b1be90e5a154586405a169a346867","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.80a4d326f.0.tgz","fileCount":8,"integrity":"sha512-4Cf8A5hMVNFocxjXhrEaPcANbRL2ipHOJvQlWv1Aa6RBDY5UwO1v5LxJ+L822R3Kr4jx0YAu91fmtZYqz2/zZQ==","signatures":[{"sig":"MEQCIF1qYTeOR9J2u5nXoGTV58RP3h5FlgE4Ke5CdzyoRu3gAiBtPocFXt1mGNRXNGWaOTDBGTBr5eyYjHnREegKrfHQiw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeK1dfCRA9TVsSAnZWagAAg1sP/jc2hPR0Ju8YUn9G4gtK\nM8vmK8BSe4Bbc/CTBVP+ajJkIm1hxG/k7UmW/i6qoj6NsurKaqi6BqcZhJzN\nWzpOALbpQFJlfZ7jh4ks0QheEkeSGCRmZ55lmhLvhQfEEcDLVv+zggatck7Q\nRzM0O4xod6qQvulHmhwIr6jrd5zoNfEj5ojk5rTTpaLrvjjDxThMCVW4Sqsz\nCL/vGLm3xYKjVpNdWL+y8nY+JBawHB2MHe2EQN/v/KW3kGa2fRPEEXIqROIF\nx19E/QzwyUMzZq9TcSYyhdo8LTFF+lVw0n2exOoMm9KNn4KOthhy3p25SoAf\n0b8I5oaIc+y7JUo1KIXFDclP2Rmn1pCPT+sG69qwGtGMGNwZYjoMB4X7rUOj\nLxwU/+tAPP0w7b1PJQ7PGeG8hY9Zc0mGqVEgMdPnXcf9fmGI8XkXjDuA9dy7\nqmPRcmDd3o2Edy9jv0Xmgc4p0c9DLHJe4VDyZC1WYIhdFo0WFjnLqUTsPv3d\n2i37Bc/i3Tk5Fscy2OuktX7eySRveezlCHuV6O+dujjcHhRMi6GxemULBcWL\ndQEwtGk/58G8d20czLYg6mF0iAanDso6xbbxySFkljDFD2szP6ojOsbzaq/z\nMIB13lYUAXWccqu9wwRIlwIvUVdjg6JV3U8KE/xwQbocPUtK8BMBs4ewbmAk\n4EHo\r\n=PR0s\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.80a4d326f.0_1579898718678_0.9079037155660798","host":"s3://npm-registry-packages"}},"5.0.0-canary.ef7de4def.0":{"name":"@material/rtl","version":"5.0.0-canary.ef7de4def.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"fdcd7fe7e15f162d2951b9ecb04d87bb8cde6920","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.ef7de4def.0.tgz","fileCount":8,"integrity":"sha512-p9sd2khceXElHqfcBojs6l1B9cJQL6hUwJOep1J7w3R/ztuuLPCYxoK4BL5rrwJ7JPW78q84YWCbytLfuZWbRg==","signatures":[{"sig":"MEYCIQCyR2udUhgFKd//nbr1jl7bSQ49oGB/c6PViuflxt5LfwIhAPEsM7l/Z9CNQL0sT1X+qWCqicjTNTzAzyUTv9boJIII","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeK2IwCRA9TVsSAnZWagAAPTYP/2j3woLWd1V+MIZZXLm3\nRtOKuLHbg6fz/yiBf+ivWVpadyjlTPU7fsl9PfnBExHArqp4IYYSnlgLqa0H\nGkK1xbtnL2Vx9GX8ru4/2wC5/u5BNYZdT3+K70SZvHgyfpceafL3FGcmtfZn\n6z7HTfiAHLahqIllzQJwWWBgkrDZEW9cRygXR+o/fTtrWM6yo19IGi1CFG+c\nagy+nrfTI1ljxy37SwNF2ed2ieICktesIL0S1uH9we2daRy1tnMLoBTpO7Rv\nDxs1qHyNTFRm9HDQRG0I3C2uBQ+WSi7b3BJ/LaLXUBeHexDzJ4zKD0V7D1m+\n89/o1os6UAPu9NMdVzmJZwWeaQst1v/s20mbL7AkYQJnn5b7q5o3Q62+QUo0\nUxGX771PV0wqWHSurTalQJEH599S+VP5V1OyFYDWStgXXT80FXucVh48c30c\nex9rGzy6/WzoAs+Li63Ge2kWfmjHIMU7Vi7Bxo1UE4nX+jgJKhBu9tcCzuqX\nNf4gY4YPJjx2Bdka7ChTyN3lT3dTN6dMHm13AKMr+Un2t5JDPRmdMvhFX8Ms\np0oA4h0Nj1cDPeFLbQcc3rLDnMhFRoMglv80V/UNzAoludk5GG+hJLl0dGY4\nIKDhdn6sITwf+cndrAwlbMNfDqAGMVJcLvtESdOB1aNuloaNPabG+fzXFAKe\n/281\r\n=38Jv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.ef7de4def.0_1579901488297_0.9712064602183388","host":"s3://npm-registry-packages"}},"5.0.0-canary.93e2288b6.0":{"name":"@material/rtl","version":"5.0.0-canary.93e2288b6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1f633b698ade35744b8593c20aa6b6d12a3798da","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.93e2288b6.0.tgz","fileCount":8,"integrity":"sha512-gdBQiEtMCw9/ox/YYmQAcU/q0ClBB4hGdp/YUAvq4QRb2NNmL8oa4j+HTOdmm43kkZ5GEeQv35yevYWBk4sMIw==","signatures":[{"sig":"MEYCIQD9chvpc3ksHS9LnkpxjP7Vb8cjiVAFpRGmj50ei/Lx0AIhAOJLgZchhPHJPRSMlsMHIGsE+A8c1neYl4bblX7TIxW0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMGdSCRA9TVsSAnZWagAAUmEP/Aixun+UAEyCfN/55jf8\n2qIjq42wQWHxTp2DTcXmA0k3bHdjqsc561RPQnVbHs0Ror6NYQDamp2Ub95b\ntSwALjotYmAzNZ7AeCANGtAIpCEfi3zM/f+XkRodAzFs7jJd3gsiU+FOlqQP\naUI8szuNiIgYsx1OMDdUuq1ltN/FtfXaUtrTTCXL2Y1JHFu+/jjPOzVYzIOH\nRpQaT7uDygPK0x0auvh4H7hf7fwaVRyNZrL4HAyp+Kk0/1MlimNeZHSHujlg\nVxBa/hb1aBTJulcrAodL65paIwprbaTz844TP/mB/jh8DEInviHt2IUk+J6g\nMIKiwzQZd/ZSrpHUb/gZaLMsANFPOHQojy+hLqL/b01CfgwrJQkUD3rf3n7Q\n+QNNLQc2FXbEKo2OqOd9vDNd3/knzG75p49QdsWl/yTUXV484c6pMf/TH7mG\nx3VH220j9gAHfyvJkVUlPx+R7iRDfh3gxoKoIR+QDwMT6WRmPCPxdERV8OG2\n5MwgbNlXJiNA0ABGd4Aqwo2OYQlk/kOsJb0JkwrBrkFlIiiVsFUBYGVFdgo0\nWuhIg7Z7tGipSSqSa5uHb4M/KZ3HYbfcG2oXCvszvxDKBJgVJsTWzXHBhS9z\nvhNqdyJSHPoC6r66Sho7fQXYBLwLUjLsf1cXYxCVjQIh3CLcDtMOAE2v1ISq\npMle\r\n=kQjn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.93e2288b6.0_1580230481698_0.7851854659703499","host":"s3://npm-registry-packages"}},"5.0.0-canary.34ef15f67.0":{"name":"@material/rtl","version":"5.0.0-canary.34ef15f67.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c3571ea45b5deed7f98707fa2245d65a1673d6b4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.34ef15f67.0.tgz","fileCount":8,"integrity":"sha512-vbJcNes1hBm4stABwpWPZ83fJBxh/5Vot53WxNuTz/Si4ucw9vF10FpHQuwa3yhFrOXO25Gw51JwaxOod1E/XQ==","signatures":[{"sig":"MEUCIQCpSLQf6Witoxd2kBzc84aXhax/bLNigOl6h7JagN4c5gIgVsuHuRNAjSsFTGz/LuAc+qvw7AxpUXjCKp36W7s1AK4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMG4UCRA9TVsSAnZWagAAA5cP/Rp0SFaUTV4OXQMvHxcI\njHDdl5jBMapO7lArfbX9IzSEeTh3AJjIDulVbTW66agGexpuBnYTDCgkOg68\nqZen9mqRzkgsMuAjlzN1IkIJlMr6RStP5TAwQjrg+3SYc2j6LY/pISMHvEbM\n/QHyzZVCj79Xx9avNMiaoEj+achVJ0ckBDZkqu3PkyqO5UCQhCLoGdDo2xY1\nZLAq3zFW0BsOtYqGID5Bi2OFTHr/QJFnBhSQkQ88Ul0akkGEZF/NdkZQgrcS\nSUs2ByLAgLfayQ0bT7285awDcm84DNW9Z78IjpXk3SfrZlAwrrJ1YPKRcJBi\nyguTnhUIGpP40QuTf1N2gi9C7Y+yWApWXmu58y0ufY35D8gNlFlR3PpmwcQt\n/dKNLNm0lVeQk8eqygQVieHvYgQQIlS/kDvVqyoLLFxv72Bmb8HeMSIDGkG8\n2wSB/RTNbDEihMA4S3+JiAGgXPGWJwhevtNwsz1SkHYH6uLCSO+J1RRia7ru\n716ruSAcrhlnl1ZwgQYlDzU6cKQf6ZfwdF/aSktOuzX5u1KZrVJsS9mGdQyx\njrq5ciLZ6t/GidksLsfJJRkNRtGX6WV4tl53q9d++HkndD5ffQg2szeq/grl\n2+/SC5s4B0L/WC3xF1xEFPBoMD1ueTctWOVvUPhgOYKRgj3+1lBJGb/+8lwH\nWwUg\r\n=SGGP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.34ef15f67.0_1580232211757_0.4557595655254614","host":"s3://npm-registry-packages"}},"5.0.0-canary.d3d176ba5.0":{"name":"@material/rtl","version":"5.0.0-canary.d3d176ba5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"daeefe35d8983c58a877d8aea1d8b1eca71fbc53","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.d3d176ba5.0.tgz","fileCount":8,"integrity":"sha512-GCH/ghEHCXSsT97L2UF0tqc38m+5MNoMVcCOYwa2iuyshR4WTFDOvrUpyJGLS7sWfl+ehyVTQlq/+a30JvNSMA==","signatures":[{"sig":"MEQCIFNm/nVZBbGKrV8qyIACriwpOBwFC8CG4BTdEcP7y9U6AiA0yWvlsMMDOOxbuW9dHT87jqmLIJpTOe6SGrIeZaw1Og==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMG9WCRA9TVsSAnZWagAAGpwP+gPRmYqmOSOjcxbTIiRZ\n5aXteuH3+wmLUaoqKeGnPPOW3i/I8ZQj3RaohGsbkxmJBv90x1tg9rZizoBJ\nueLMCtZGI7XP+R8i7WuBwQix2hkC/73eC7D9EsaVgY7eUBNhI05d1cWevMak\nHrMhBBIjx67qbSoaCVRNQM6SQeSjYtdM4q8VSKZVif6uaP0E4SWiz35dTAyt\ns6YfIZcF/ApWh64n1keVxs4bmW3ljNZ7EvDYMNdAq249u1zAyfOMYjDeZuyx\nisEhXUFi/n61kMyyM/6OJCqXgA552zCEiulSU+MA3/BQeEGhwFtmZHROaKfv\nfBZ3+MlmFtTQv04reY7GLdeLYKDDFqZTcccCrpFO+r5RrrQ7tnscoeFd+wag\nnMpbMigPDI19HN3tqLqVCDAQDge6hkPhYhSZOn0ioKr+NBI/bCNDB8DhC98C\ngl4d6dwQTQtzzezrPcnVyDWSftjpuahMw+I51P3XpSgvNfY0SZ8dIOXRHtyA\nyCUDYh5LQ9Tob9fEX+7jE4IBTFOGP5Pcrryb6Qa1+vr4QB4PZdMgProIJ/92\nxZG0QgbaNgoCDPqefjlEGyWTncfCVHGPpXYU7OKCYHmIU5bJRRnbthCake5E\neaR/PxgTkCVbLdqi7zksjYhuZxJpdQRmkgdijj7SaQSkGbOPiPyskD0IkWqO\ngFZo\r\n=p0qN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.d3d176ba5.0_1580232534359_0.7690388213679658","host":"s3://npm-registry-packages"}},"5.0.0-canary.32c1df133.0":{"name":"@material/rtl","version":"5.0.0-canary.32c1df133.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8b9425dc4b956172011c75a8965377110342e2cd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.32c1df133.0.tgz","fileCount":8,"integrity":"sha512-BYx72p8PigIkWnAKn7S+aqjRnn9RnLSbNyoiPdwiT2ex9mYNGfCigXfBYHurL/Za4Yy10v6Ba+LTKQfKRwhsjQ==","signatures":[{"sig":"MEQCIF7iBcaYcAkXrKZdBIm8LSCNDcZkBVkNeyP7dPC7tPGxAiAha+63QOntBj9gUlLkVIjkOIFHtq+4i/UuSH884eTi8Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMI66CRA9TVsSAnZWagAAXjsP/3I5J9SchSnl/ZwVfIWr\nQeuZR0be/WDyB0j5092hPB+y5zM+YYJfbQiUq/Wu2vJ12GqqsiL6aUuqKOnP\nPoD+nZtQ395vUYeZSo1lRcGklcF+R/IVewJ802xgFetfxMZ/jXxs/dUOO80R\nRVYLShPsI8EGIKOrxyS3BVaw/rPacnBgOuBTyYvFqQpR5MduFZRxRq6ypSf1\nkylpQmK/hVTa485xKeGYq0vJ0zQ+rvkqA9SWW1lQbUQbnTvWS1PToD/MT+U+\nbp4m91M3LqrQfWttfx23vihjZhmdADvE+inc3CsJTuGeiZJ20CohO4YZDRRG\n/Jz2UZ12qUIexDCc+56ER0JjeBM2lLmkYgF2qAH5wROAu+NsIJR5OzGHKOwa\nJfqjMpEgxQ7RR5MPjznjgwS9aZZn0S6i8VUlpUhNWnYV8RKT9TsEPb6ggy1W\nJLhnDkFMNOxs4ISyy8bHE07MuuoVuxv/+vLFQlknfp3G0C0n+Rlg1NecR+DU\nARTQ5thzewz00FSmdtPVBDRmSY1yhBRP7rSUNwZwqnGJbiZprzxYr2bbtz5A\nMVbLffUV8xwl7Q500iP7XhmICCLJy5BqbIUW8/C0CfrzdhUKxy5oamF7F4ft\n6SW6N+Gz1Aiff4Es92JHdWRYWpkC9uAbC1FZvdeKEyAshf5SF8pdpIpE5rJs\njt/Q\r\n=piy+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.32c1df133.0_1580240570246_0.8046060878766281","host":"s3://npm-registry-packages"}},"5.0.0-canary.f3adce86f.0":{"name":"@material/rtl","version":"5.0.0-canary.f3adce86f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"41a2038841c542282a1f7ccd10afcac40fb8b0a8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.f3adce86f.0.tgz","fileCount":8,"integrity":"sha512-dnEavIwx3MOO6ekCtRzwWODuLjz6C21T4ha5gdli7NARvNqqf8Ib4Ey6iZmP7St0YKdG4F9bLGLSjPgH+9S83w==","signatures":[{"sig":"MEQCIAsfg2OGvUzKqFQH6wE538EGUDjVy9DmV2j3Vr9PlEiTAiB3b3PkDn2E+ESfmYkpAvGOKZ4FMIwB4VfqLfERyvrj5g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMKwmCRA9TVsSAnZWagAAJw4P/iKXcsFVr2Jj9sxmViK4\ntfoZxt4+5ZepJqIfA1sJEwM3sLLLyxBW/GTP5uxgyhOY72nJ1RaOAFmxxF0A\n0tcen9oQjoJ3WY3ys3IB4oCbPJPgsEblKZ/68JE0clBTYgnUuKw9gQT+1I8i\nIZteWGGqozoRKFuJ7SkGLX57E10pprUqZ0SU7WudtpkrlWOvYr/6SmADk/Fz\niuwVoKtdei5UWiAzYeXEmoevGiofDzS9TkpBCLmPiZidnYFn9KbprKiC0+KP\nwRlr5B7lStyR0JHVFQ7XMVF9BRVyXWp+DW35ooryr2TgWS3tzTMpkYS+Abax\n7WpmWMOtqLhvVZXdl0FQwEj4ahfT3z8y1ldH3/BtzBICY5VpT++cpg+zD+vA\n7NwSYf46rcLVrDiUlcMLEyh9+WOTEw7ohZ4DBknNUbaIYejYA70EsWjkSX5E\nzhrmMwUWQkFT6Nqoen4XK5/uwhe2N/p7LhyTfh8v4r0S9lKynq25y7O9m6++\nL0fRmBTeUlBRAr66LKOcEXY7ZYXoMlsVbPmIIHv7XahtPLFogpF4uQvZ+q8c\n0OxDHZlT9Izn9uMv/ywXKYa247MWiB6q1QeaAudT86VzS3aObpei3LK3OD7r\nw9ryy0k1DS50b8VYCTXgOM9UTg/YOYSIir3oegY0BIls7Niq7HmFKHOYvoWk\nZ82H\r\n=+kQT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.f3adce86f.0_1580248102199_0.9943229320184854","host":"s3://npm-registry-packages"}},"5.0.0-canary.a4423f890.0":{"name":"@material/rtl","version":"5.0.0-canary.a4423f890.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6d09ccde6f3247d98c96909b3ad3b1540ed47357","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.a4423f890.0.tgz","fileCount":8,"integrity":"sha512-Em2169Ri9YHc99Dawr7VSW/DF7fcz8fosduDIcomnJT7TqIRAUjSnZBmG3SkwjyvvjBpnyXj4Dt0HGb1Y/Biwg==","signatures":[{"sig":"MEUCIDi2Gg2ND4hXwpLpCPLaPoCHQhAEFiM4d6BtMhyE+y2fAiEA9eIhjGC08DpelNbQbdUQKb/8yfZcBWIHq0qGxZ9xKLY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMfRuCRA9TVsSAnZWagAACoYP/R2ez58n26tSO5zBsEsY\ngpp0wyrFtdfgHLpLjE2msWdT1ZFB7vX5qw4aSvJW4PvwUvfvjxnJ27xgz/a9\nPrBPzLICbUWWTy8pPAi8VVBj+GmTPW0JYWQrGzdRc6k57ft4RX4m62B8DsTZ\noteP3gwLV+WNdqhypnG6tSs96dbb1HIFTgeuyzNukCejAtFLfTKUXWCbWwkh\n8Dg3n5ByjWLXL+ullcv2Fgd8WoguRXo9k4PkgG1ckHtNuvKWC1ridUN9qUrS\n4ZOv47ZkUxOD6aDgecm//2f3lsWktOMWe2YwXsQqhTEgsFrakJJZ4wgrEPkF\nAH5tS7fywvevtRyqyzLjRzxajVjeMf0cx+A7t96MRnT11ciBjNlFgV6exD8X\n2EWaeKlD7Fs9KAStq6NN5XEjVvwk8wu98caxJXgJzPxNPXRzXEhiARDoHbeH\nvOxgJPI+tNngFHoPC6tDEWlwHPS++Rtp/OFug8fgBNgkG78PpasJ89mCJ/vD\n4Hg+RTZ8GnN3QNunKKLhe1QD2+ThMMWXnqMFw53PomuuNkGyF0Zn14JqOrQu\nPQEP5RBDNCIZP6Ur4ukSKhbL+cZhjCtb/w71+Q1xmbk0BDvvb448t9sm5R4K\nnhnsnygmygsOQFuv2upTkZDTIeK4jB4Zwcu/CS4bCSDR1q8rWEfVNsd4IoP6\nLxVc\r\n=95sy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.a4423f890.0_1580332142228_0.12591854619367515","host":"s3://npm-registry-packages"}},"5.0.0-canary.9351f167d.0":{"name":"@material/rtl","version":"5.0.0-canary.9351f167d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6bda1c9794cd2eecc6fa6335a2835a2020a3be32","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.9351f167d.0.tgz","fileCount":8,"integrity":"sha512-m3yXtw1Wrqj4gjI3D2FIwmMRF7Qmo7HiQth0Vnasyf2psSBPSVx6Q9oNU78jOVZh08KgdxcZw/LTrGUjH4flSQ==","signatures":[{"sig":"MEUCIHQwkrK+meXQTQ1ngPuJ7VKDK9k6xvwlJCzhqAwIcAJWAiEArWxpZxHs5IOPqnOPZV2c/oS/F7DF0WF5TiLk66Dwh1Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMf80CRA9TVsSAnZWagAAdNUP/R1XnzGpL9wxvOR/TNK0\nsGWfu0g0Zt1QlMPpS+uQYumArju6LmgzbWr77dTLeg4VjBsWKW+FwQy3FBmS\ngjj2PknrvFRyIfPkkfwqQhUu2GcaWmdtjZCENcJmn9rSYebAZxn4iiZ/E4aa\nb2279MIoRK6SRh3zo84YaZsHsy+25PV7JxVSp+I0rvAYpqRu7/fIlfXX7TTR\nXbjrEPAGNkdMKH2Eu0jTq/s+84XvUMcw8KIk/2YKRi3RdSskAY3fG8n5D+gg\nGV058H4TXU8+7M96urSOLl27W05AtEyvmygeEFZqIF+yXI+aLVWetfiCj08L\nYFIyzg/QSZ6132379vVSRXuAUNNnmQFlvS9bwjV1udvqfyS+Zid8LiG8iAlk\nfyHrWP1a4t6grSPw83NClIDcWzojjjn6hUx1tMt2s/8Kq4YLRsZJq1WGJ5De\nE9K45qselOt/COmTME/Q2Hh/yzVfvftIjfI/Nc3v/FJ9QQScOKcg+QAHPwDH\n4H9pGGAytMncOemRSaWEOGb2zoutYhrq9U0k1r//vJB+DbWNOzoeDbPvtO3k\n3/u6dxqP6bYDIm1BrC8a1kj/cQEEXh5UycGlT5LZnlWDMRIuFmr3snbaAgS5\nruOJqwcc/NTb0/txjW4rNsdowU15Tm+3uYvp06MAJfznx1DXevqNiu+CgHDh\nPJfx\r\n=lH2n\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.9351f167d.0_1580334900212_0.8313888803667167","host":"s3://npm-registry-packages"}},"5.0.0-canary.29b89dbc1.0":{"name":"@material/rtl","version":"5.0.0-canary.29b89dbc1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"01cae9c1b31bbd8319f85e6d9821f2696397e81a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.29b89dbc1.0.tgz","fileCount":8,"integrity":"sha512-r+aR5v4+NwfmJAqpSOWR2ylvnBuMwM1evjPQcKMtkIO47kKZLn+PCUOpU/guTY+AzmnKaTEwhzgCE8NRCcI2zA==","signatures":[{"sig":"MEUCIHwLRt6HV480xTOM884XtTH4jf5Lc1xoqxwavSQSYz8cAiEA3AudjBimXXZSNSLlAAkhm6NKcePvmRbhGcB4UJc7XJU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMgQnCRA9TVsSAnZWagAA5nYP/ibIebhD0Dqdpdc2nd3W\n4J6AhCQ+S6mUmKwa+GHTmvxWEBBVdoklDvtK8M8S4nqFsCtfHb7oJyaN9tLR\nBjWbiWOnn4gnja1TonQZBn2GxH06yaZK050WWkcGI/qqAmC828y3TViSJOMF\nMSYUCaAHnUHMiZyYIzyuAoOvU+dQOCpZrAX0TdPugzrO+EBLQ7B+izJ4fMSd\nkyTdZy9yy+gTAdWIzZqhkCl4rY2+yymJsEYof0mlrMayvbPcWg3p7HMhj5pS\nXh8XE87YPOfXEzQ8h+pWqHgU29nbs3ptZa1iPQrPESRSrhMmdnegIhAK7kgm\nrFTi8tMlUUOz8S1FU/NknX+8YslVL9927Mc0+H5kI76eaP/V/wQhzyKaxbk5\noZ/z0yeXZy5robLRHTPjFufAURJYBd5S58XrkkSOvYmXCY2RpJgi9yOMZrju\n5KxZUI0aiZLE51QCqCy0aTPxAlp0IDJddJ2Ktu+0M9BTAZtb4UvsFchlELFh\nuJwDsyeyB1v8IwQrE0tx38FAiLoVgvNh8ZjgrkNvIoysGXnRtXtFDZm7776H\nSTpZ3XkAy+GL6TeaPlCOBlfB7KRP2QTwbbNZv6pY+duwQTACY54SeWwFrnMk\nQfQ/bd+C/Rt/gueXz4y3RZ1jAUJXR0GmIKLIQa+BKUyah5taoSwP1hBiXSy+\n0N3W\r\n=imdr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.16.3+x64 (darwin)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.16.3","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.29b89dbc1.0_1580336166963_0.12491765314671444","host":"s3://npm-registry-packages"}},"5.0.0-canary.45985457b.0":{"name":"@material/rtl","version":"5.0.0-canary.45985457b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c6e779214115fb9ed73c8681473a2a691c50148b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.45985457b.0.tgz","fileCount":8,"integrity":"sha512-FWV66WGE9sR6IkyYCe9peAj120Yn2LjtYGhP4uOpszGA/pqlOsWVel26qWmVfryLnOWDvBcu8n0OFV9UDUZmhg==","signatures":[{"sig":"MEQCIHiyISWTNE4buLxJg5rZpnWlv0MpbThxEpFY1OrHcDiMAiAii7FT1xv0o4QnLO9g7H6zJYJUuUK/xqt44Rs1vcGefw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMhYACRA9TVsSAnZWagAAK6wP/28TJ4urnDnX8pW7+bY/\nOjOtucA01Q4AJ5vU2Bofrk8HncHZ75ZaH5SN5wnY8k5SKCDu6NJgInW9BRa1\n1MelVbJNXuyv7YUp61vWOXdvQuShd99CZZjOithFRcuANVX1CwB9tuZn5F+l\nMjIrJ1V7tk5uDPIANpysjwnhrfFn3CAD9yRLVzf28b+XHVn0uBlzDG3WRNyh\nBDEA06bGY7RjRCPUIy35+bJqx4UVy/ebyqdKd/sm5cApTAfK6UerBOaZvRbI\nsto0ASt/8Blh+kqKEaGN6GD77moVlUPiAyrGMhxasxFhd35/fyVnG4gqYJdQ\nPnd9vK/RpqQuZYqUi4SoJ5VsJo7+zCArNJHM6ZAZvca70StfBYz8+51gT+6m\ntWnRXo4dvDf0zrxwkf2aJd4ktZUTWx32R7NabRbwVNIz64L+bnEbulLbzaXe\nFeKuwBqPdo/1muLO3iZuYyOo4niAc1BG74F/CHww/AKGgHunqe8btuuy0BSn\nXPLYmRDEQ+KmYdAiaRYECFmH3iqpGH0iPLPY3X6c8uC0xE75TT3/AnpOuoXj\npJd+RLvz80wZJJVjNXxINSt/xK0Do5EH8QV5CfHdNt8gZToVyU+EhhkMiA33\nTHLTbekXznpzfeZaxEGMkwfSMjuRJTHosnG4AhSoxNoLa6efF4EslATjFfx+\nGdSt\r\n=CjKu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.45985457b.0_1580340736256_0.6953633685635119","host":"s3://npm-registry-packages"}},"5.0.0-canary.a1a0deb3e.0":{"name":"@material/rtl","version":"5.0.0-canary.a1a0deb3e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b10470f304dfa49cc07e64e4fcd3850ce7b1a013","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.a1a0deb3e.0.tgz","fileCount":8,"integrity":"sha512-twGx2x5Gl6hc8ap2kyPDrh7thWsANYEEsHB7LF5Y/U6/bJQDY+egnuqUtFD86+zNH+hIhM5JpBTMIqmoQev0pw==","signatures":[{"sig":"MEUCIQCHhFX+sWrYc3Afbz31w1Dvne92ZJhoe7wSfy8t4NxurAIgSJi8AFDN2E3xbQfXJLJEya4wT1CR2slW2aL85BbN/y8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMxQnCRA9TVsSAnZWagAAqjcP/1xVlv/H8EWnSagGjFUh\nC2edLzqGvmYMzR3mQQee+7Od7TJLZMqawd/swBQm1BtWSvqPmqNh3FUhdBBN\nh2FER3S/lEko9aiqifBwSYeoNFalGfN/lPg/vmFt8MS0275/kQXS+ISiQMcS\nnYigUGnCk59vOCI5hQQbWmnyf3IDwXNnfGnEI9A/gPu9Z8qCLyWTD+g4ukxk\nWvGqTzvOq7LxTYjoZE8xcUhU1GJm7FE8NhWQ0PzxghOi0aFyuyTL9zF0qQY5\nuLWwaIOTFtjID65DIZO5V4OGhh0HEP7hXchmQC8mzyrTWY7edRp9pWWVS9/q\nxz931tJ9D92/h1TId4ybZU+sg1F8fsYEovlAxBd7uwIPtIBZZzwgDGplAz1T\nvRSteduFqfejsCJ1PWx/hPtnla17CFT15nlyZK1w82ojEK4IGJsc2O3OwzR2\nmAWN+Ardgla/KM9+lABxfc3ZfhkcruFc2xh4TE01ZRt1Ybxxg2fetB8Boy5o\n7vpUulx7iCCavVmGdR3rMfsO0a9mvjHbUF3SenwugXUKbbUU5elMa8G0CVQa\nDBo6ECSMX/PnBpYsFfTei1Q6igYi/UD3MAew/5MprhltPBsWYoHfzdWbhTia\nnIcxSi7ch0+DbskJsv4RcEhrVsA6PIIVpAI+QZL1BWf3uLvPis9dp81BDZy8\nDNl3\r\n=pjv3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.a1a0deb3e.0_1580405799470_0.8546240573728996","host":"s3://npm-registry-packages"}},"5.0.0-canary.181486643.0":{"name":"@material/rtl","version":"5.0.0-canary.181486643.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a360b8650d0cb39ddf78495707485704431b1f2e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.181486643.0.tgz","fileCount":9,"integrity":"sha512-atDIJe6rX1uhoCgGDCSfGejiFdRdYqjHDzsbbQDuLO/NkFFs4hCkkZ+MGjMLyS4iagvUERQoGtQXqjHAg4yfxw==","signatures":[{"sig":"MEQCIE/AoDh6hOuWUpFF+e/XPdbZAedHGNpWyav/eYJyzhrzAiAXogEiolUH26KXfBgv2MNQZlaKyijA8TKvX0gTl0agjA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeM0K9CRA9TVsSAnZWagAA5SEP/2OQOdrFHm1o+BhkcASf\n+TMv94kYrqtGsSBgKuSo6OcDkpy9LANDwBeJtvbe8ySYJN7XVPOvlBuS9yqv\n091MgH8yNWYdLjY9j0fo1c2Bpjn8hZQUCjVptut5qJ1gX7mx3HKS5pMP0vPF\nSTP3DtaloCTtAzNs0DvVMPPqKg88nmyBxke3Tm+tTlLnPU7prtYn3EkXxI9l\nqsJnji/z5DYdOrdVuwrCsjNFp6q8irwPq3IS4btz9NSchLjU6PzqMmh+bMnJ\nOE0et+GVrGClRD42ptgUzD+ia/G4yhA8JUotf4JUuSpNnBMZIxpjnA96funC\nZBFiLIREOTS1EDfPvdyFOSKE4XOtL6gOrXp201TeERjKxzhER/2GB8tM5kYA\nXTz7HduGYFyWuJ3bKXJvyLbUaHJAIJqmts0k2rrssH3jlyN3t6OMCA65KG6D\n6aaCW6em3Dl3Kj0RZ/9W/+sJ6jl61j0k6UuA3UWlf4v3FBTCYWp9tUqHAcCH\nlll9C8s8BPUxSfi4jgEUXp0Rk8XKte9PgViyEpkDoolX0o5+5eslUVm78WuA\nviDOSUXwLB2mOeW9NpXme1pNJdp7ULFit6bNbbBIO/pMl+jTewbKg76OLv3W\ndxfQaz3JgXw7JsY0r0Eim6irZOIRFPKjW63stOOikdPewGoJ/xhU8ujA7ZE2\nrmax\r\n=VMes\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.181486643.0_1580417725381_0.4283870631769242","host":"s3://npm-registry-packages"}},"5.0.0-canary.3a85313ac.0":{"name":"@material/rtl","version":"5.0.0-canary.3a85313ac.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"35bb0fedb82076fbeaee23a81dfc00c74ecbc025","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.3a85313ac.0.tgz","fileCount":9,"integrity":"sha512-QlU4C8+r3BYeahxohPIEHzIQz/vq6q847b4fRPFqq3UC2EitW5zQmWumoeso+WW3IJcl7/vpCna3DZOfbS+iBQ==","signatures":[{"sig":"MEUCIQCZ/MHM7cmHUliLdebrBvX4CmOhFX6HucKKFB4w3udm0QIgeFs2XaRg2qhIRVoCasQtb/lMN/pLWTPneXDsAYMIlMM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeNFRNCRA9TVsSAnZWagAAd2gP/3jGC7BfRZMKekzEU4aU\nzLNkNzL5vUtqxW1VBXpjLnoxVF4DWIRUKqSK9YadiAuUNEZdcxzt4LEtcudA\nVtFDsTuEY6yuv6XJRhjzycdll4M2hvIiUsm0Gn81xEV9jxs3yVN+OHrEXNZe\n1wVUyl4E+p3GCHDrbU8sGuDq/Q8i3OQvmDPrJXIeXUw00wNGlJsx+0x7E2NJ\nr3lDAJkCaqbD4SwY9SR7CluViP3jtsCoa2rQZHLNUt7NftkQRkq7ZKX7bfMt\nNu8iCtcpwwCyCssYA4AcIHEuyBHiCCANjGd2bNSYr/0Q/2Nt6P1wfhSJ8dxs\nI2wgwOtafj2wf9VA+SkRqmJ9JWdkiwGOvHzoMs7pCKGiXDJ5YKSLzrsUEwrl\nwIR+hgSPgx6L2IQLAF6nG72z4crAIh4yf7PvN2mFfToubCSIsmgdQE8rOkRe\nYlG7G4TLeClayW2KAyj5Y96UFwouErz1k3K8MrVnjDJEKD/iBpQ0PhCtuA6Z\naGv0pK/pLqj/eE/RFdMiZ+/kmoRV4MYeV6/TeYgL3jYKz5+gLdMWtfcuUk7w\nibmeXBVl+q/uOZDAoSf271nvTvREp74+ouPEFrT2En/pTdXx5PjSlDHfjDYd\nu7SV1F749AN+yGU/CKI00GBS+Qayi/ogAwk/zGWRUK+1NyF1MC05O5h8CQyF\nSQ2f\r\n=jUYk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.3a85313ac.0_1580487756851_0.09901339177164137","host":"s3://npm-registry-packages"}},"5.0.0-canary.b6c7f624b.0":{"name":"@material/rtl","version":"5.0.0-canary.b6c7f624b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"feb2a1ded971ecaf84e97cb9ada29dd38ccc45e7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.b6c7f624b.0.tgz","fileCount":9,"integrity":"sha512-uoua//I4GEedTUlp3KiEU25RsL4k1RWXG2r73e01w0mICxUUQxBwvYHRI72t0XtVI3+TXCA3vN5HieoV4uq1xg==","signatures":[{"sig":"MEQCIAO8G8Duq6F6RnuUmjpd90J9S7zxUqz2+hf+Xqt7UPNpAiB4dEfan/M8bczEXjwVE8rBz38133V3w2JjTm/Jd9a8/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeNF2lCRA9TVsSAnZWagAAYR0QAKB+/fp4offQ43XYTqmc\nTslZpUPJ7WQwAJTeW0sjrsiK8ZVmWWCo8WaJt4BeOmTDqxFkRseUTdOOT39D\nS6f4KGN11KFLKQkmrwG0zolVxRtBiwK5G9yicEENhaU7+OBBd5M+jZWFMuwF\nMLs4iuL/pOWeqwbL7N6ixbvfWcxbC8wqrqMnKVZtijGK6ysKiIWq7cy03yOP\ncTsLJTP/bTUcxq1meNTEMoXUc51QjsHDPCwzBpSusu7V/mpiYdlldbLsEZ7j\nNnSS55m7d5uFZ9pXkmgY+lt3c0ezzw0sKmtbHJPlTrFGqquqrGLHroTBPlKf\nx6TQGhZ9Vhtn4HmGnBqRFb1JGniQx+G6dSKYoisOfEAp2evJUJdhYQeeAgha\nnzKkbZT5W0MbGTst4h4Jhr/QHleT83c1BikQTBe+9mk4qUyzUg0zjIJqS6kw\nB+N5ZQ7u9+byOOe2pay1CmG/AXrNAzEiQE6dVAC2z5FkKDn/bpX0yQkzK4Ed\n63VPyIDyIm7JTNU9qHCef7X1V84d7hBwHyS4hTupmdUJ+FoE/4on/xRZhrdM\nYW6DwKys3pJYb6m4U2fB92s7fKhxno/P0eQ72i1vwlTul7nrbWbfuWyuTglE\nC3l0PQNrQ8rJR4BZTSrASucLHqwQvsBRmmb1HswR8k9jJHZWsrAZnNTrBD3I\nrp2s\r\n=c8ye\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.b6c7f624b.0_1580490148947_0.6476111718271036","host":"s3://npm-registry-packages"}},"5.0.0-canary.b3f70ebde.0":{"name":"@material/rtl","version":"5.0.0-canary.b3f70ebde.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3e219c8d841fa9d74be2d7d82881bb779af0ba93","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.b3f70ebde.0.tgz","fileCount":9,"integrity":"sha512-0Jvfmo6YFcdHJxPRKel/ggsO4+VKjnHbYpGG/w4b5otX3aakw0XmJU/voUCdfUME+jJoFCzaGRHacbJsWkTWjw==","signatures":[{"sig":"MEUCIQDeVkY8zZDOuxoB8ia6GIc8A17lYR9zAOZAnJQNg2oVfQIgSJ5JxSQf1QhP6H5nKgSBLs/aTnMhD8+/VFmESRdFMRA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeNImACRA9TVsSAnZWagAAPNQP/0SrNVgsrkEd5ExzNysk\nWaNb9kBwapULG8KndCgro9T2X6P1vzR80Wb4e8v5ds37f5t/Xc+ejTBYzc3E\nLULxCW4fN+E4wjxUf1HDFUN+RFOolUQxrCSJrLooMagIjm/Z9zQ8sYu7Syv/\noFz8+mceicueSHGggDvKWeeQCDptTABTpnnubtM7IBjNpKQGrRQFcVyF1uI0\nWM7pq47n7yfwOo7reFYupSnvsM57LMLBioKD2zqYzNBRNEt6k7oaqyfTskOA\nv+xMGKuCpTsRQ2hcsCWqC+TZvadLje5fbNnh7+FQFYSQoVaQ4D5f7jlEqmn8\n6lxoF9Znnm6e1Vv2lwqTG3JvYSP6gMQ73Hl2bwzmShGgs+IzguPSOgZTloO3\nrikcsH+/7vxJUrX4lYtmsHxW812cVQ3PRtRPy8cw31H2pJguX9dW2UPmsPkL\nsaJjz1gKL4K2j780dg0xXJYzOhmjXhkNyFX12EVZEoDQRjgKHX2b3oa06Nho\nf5Qn4/m5l6D5ZjUjUwgXxWFwkwrsekedAAPSwaTPD/r/z4E12fMoB9cWmLnN\nK0diKfFuSSmCa6x0EGLvQxOCUdkytu0MEPOizW8kcw4xSeAIEC8ebcPsLz97\nDLt1LhSS4OqvGBy1a1VWDYp/BSuXfNVwxNYI7Mbgday6/Bkk7VINVPpYgY2D\nq7Is\r\n=Gj67\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.b3f70ebde.0_1580501374865_0.2871337663366065","host":"s3://npm-registry-packages"}},"5.0.0-canary.3e782d8f8.0":{"name":"@material/rtl","version":"5.0.0-canary.3e782d8f8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c5ee6eabd2e9b846ed75c06fa9a9c8df7136bb47","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.3e782d8f8.0.tgz","fileCount":9,"integrity":"sha512-EpGKFyi2cSGeRkdbq+CcvGPvM1zVQmY7lHtzPUhtPsQ+YYc38+R0jw/waLr5rF/1rpAdWKJZfsub6jy+/TzQAw==","signatures":[{"sig":"MEYCIQCdsydoOBvbntZ0rbMrnWbT8ja6j1ViXRiFiPttLQ8I9QIhAK6yKFdxbFHR6nQXOOHP1iDugkqP/vL/x/znrKvkfJBq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeNiHvCRA9TVsSAnZWagAA4mUP/j2XTC8XDnYhDcsokpr3\njZDKfrTbMwLG0pLnlFEqGp+Kl0V1inOUzstGWLOUC9IR/Y1RuWSTmsWOxWnv\nuV6ItR40WO2KTIxZSjoXrtWs3suha2sH4LY10oAwtfnXsSZBFsMn0yciJOY7\nDTcuWd2+HZEUk5vRnT79vQ4BnPVSjlxQgfzmnVZsSdIxr9+yFdIA8ipie7q8\nTg1oJQgGxFO8uJ5kWxsqia4uSGuXuLlyivI6ATmONYDJmvGN8CRzySKQpNa8\neG7KQykiwEp8baJsYG1lvtRWK4yKHO5u0ApWaE0WJkevZdLBYJaNWPdEJKOl\nKibOpNBV0THDiCusEf2my4MH7na9N4CFos5e3bsWhPThofd9muO/fQ4zC2AG\n4JItx7DSi8cr3BDVgSX/zt3jQNCrVIalCEZeUnS0CXTZei1AgzR4YNPP1EPR\nkgFerYwsye7PORRRQiABMSyx5wDqkN9Udg5nPgMREPAkJ6px+/m2cMoRZgg5\nK/dwLUsy43koZ9bQywrK3rBGyT5qw5ZJHVljN3g9muJJinjEG/O5xd6irNZA\nbTrNuQWyuGG4ZABr5APEhXb7q2XBkf5gQ9zFwl1PqeTm5ikGTsYlH8XlqAMD\ncPeABLpC4e7UQg++AzhKQG59CyhwSUWtdhwaU+G9VzvTFAID0u1wgUoECjtH\nlkV4\r\n=ThlW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.3e782d8f8.0_1580605934985_0.5645944400810086","host":"s3://npm-registry-packages"}},"5.0.0-canary.535398572.0":{"name":"@material/rtl","version":"5.0.0-canary.535398572.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"08d81652b847556285cba5b2835350fcd14b9017","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.535398572.0.tgz","fileCount":9,"integrity":"sha512-PeFF8FGm6wFN+sYeavzFeeKB4bPls8nuWldyK5IK5ayD8GoRQIxtZwBhtQfAZLJly2wsWcf2UnpNlfe/xYTuJQ==","signatures":[{"sig":"MEUCIQCZuNREv4nNL/TVBx40XpfurST+NTPLND9vk11vyOdEzQIgFpYYu+3ImJqMTUBOUmWnW9G1yRs8gaH63bMdipDxDKw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeOGIpCRA9TVsSAnZWagAAgSAP/18o/MP5YG2jRZBpLq/A\nolLxJoBgZy8XrDMpNNf6I0op240mSRo3HaTTOy0e/fsqUBpsB8bwEpJxNIGr\nF4ay4fppXzHgH51LPi802DaQoIVvwy9peKkLLqYR4Au8RONc4YXbB0Hr0XrZ\nPzU3i09swfO1F1FvhOiVuQG2B2+urEfCdGSdg2Kh321RJDIhaWSbT81/+ZpT\n16cDjtLpSxSSh9ZqShZ7TFNh3SvcfQj1dyiTD8x5y4R4m11J9p1heeLglV2p\nA++DGeqHD1CXScWd8i/ltrIwSxxD6OM+pdTEv4qzJo4dscJlrw6OzQGXhUno\nCF5t2Cg/R0pAJnSNdyyGtDHZ8q17xghUI/SzFN140R21bXQP7vE7fkv8PifB\nI+MomajmbW/lGTJ57jfPazxstRIw0AhHh7+9oRcbdh6yFeGXvMUE29e1ML+C\n8Bg4TMW2aYEH7BznlEDxtIYxZIMfX4PhLwy591wDGoP7xKsbV9mlYT1lzBD+\nqvFPcjp/KCkZcrnHeeYdgIbdN+lDd9Q12gZpbF3npC96xtTqti+LyoklCQxj\nZbrRJQGWz3Fv5AVyS9YBIiHXN2KZBtdrvjSlio5eH7euDWk4bRy11zWVecHA\nPQSl1VAPkHZPGl5gy858fu4suVM9trU8F82FgPu7uWzr9+2eDUR+1icJcZdS\n5b9B\r\n=ZAOT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.535398572.0_1580753448541_0.9961897443573291","host":"s3://npm-registry-packages"}},"5.0.0-canary.5ff33802c.0":{"name":"@material/rtl","version":"5.0.0-canary.5ff33802c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b7003fbc5c9d18616afb27cf6316197e687f116d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.5ff33802c.0.tgz","fileCount":9,"integrity":"sha512-xZtIBQNxo19r5g7Y7SpRlUjhvLaJwS9WYp06qY4egYsxWcxI4dHZR4lDJlzHKzEpCLrXh/f6XEv7OHIklDsXxg==","signatures":[{"sig":"MEUCIQCHF5CzPnXgP7+xk/bxvyON+Qo+zaMiufkPG9hfUyHnYQIgD/KnDtmWTTZsYVithydPPTwIas1R4ZWG9GkzbLR/Y6I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeObHiCRA9TVsSAnZWagAAP3kP/i578PJguOyhx1Y8XVcx\nDEC3fVvv455FcPW8UYywu+DsMAHbJf4kllsx9Y4omECLPuSA2zntO/8By/aM\n0lDoxwi6AkalKvWwTj3KZaxN3eBPz5jLyezCMl7JlLWCG6s3Z92QamZz65od\nZZB8ywnp5D9qwKTtXFifkz7lWRY/9o+FIwyhtTrSpzTGAuRo2DJMR9r23rR8\nOHTK+shnhIkRqCnMVVYds8yAq9+J3HiIhzI6NNeLKTn33lVn9aJva6jsJzc2\nnG4FOLyDRwFlYnkM2vf/4h6QJLSztNkPvOmk7ZgYU/R+M37TQ9IAaO2eOd3y\nRxvgL8Eqbg0vImFdDvBfukDORYJAhm4NhEqjR7q63wn29DM5Tn9C6jqrzQ8B\nP+frzIlpJoyLJ5ZPvinfx364G8SMOucwUsOVlhaDcFHwUtQ55CD6qvvDcP36\ntmll8zaVht50o383nR1YZwOVTY6aS/voATt7oOrk3BnuBWFudVN/3O2SZWAZ\nC6X48YZwhgtvYoGFbWRWNucDLePUJZt6q3gbZgKLz2qeA9l5LxeD65UBr/Qf\nnBd98IYkIDeU2NAsLyP6+5mmwFcgAmAZPUUN3J0N+3tSXWP1UBwFcdPhwnpD\nH2FoZbKwvgdjhHNr0DEALAAmKRngiBPWeL+JupJn+L0mmyai5IVnG38SzD1F\nO5/b\r\n=ZvTN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.5ff33802c.0_1580839394467_0.3669356066876155","host":"s3://npm-registry-packages"}},"5.0.0-canary.1eb29491c.0":{"name":"@material/rtl","version":"5.0.0-canary.1eb29491c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ea70878f602818f07840d3b1a3545b1cf1af2c7b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.1eb29491c.0.tgz","fileCount":9,"integrity":"sha512-TfvMIjjfcfPJ+zZetyeDljiiZZYEE7MFgMOxbyzVM6o3zJx74PM5el5hr14l4bXng1g8J2Oi/f/KceJ7cb8Edg==","signatures":[{"sig":"MEYCIQDiM5dS/9UQmPImSfVNrrOwunoLsMj1cvMVbWPWZnPLegIhAL+nEiV07R/LsgFy2yqC6ykEIzz9GMz4S2t4LOAgj67T","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeOdtICRA9TVsSAnZWagAAr+4P+QG1hCo5WMZ2WmOVEHke\nLHTo3HE2K+GUdsKWcChWQeKO/AQpUJfSzLGFlq+EQ607mxnp+BDUZxygGct1\nzix1t+N1WkKXPKxF0yOu7ApSS3w0RmAuSd35VtHeeEd7WC979q42JMN8HAOy\nQPeeZTIUZUDm1Riw2opK4fv1Wt+ABv7YRdjH8304Bjq8OqPHkLA3s9+YYecp\nwchVdb+co2+PB9i6pmpIWLiH+cx9q373xWRqKr4bkAUX9SQ7UJd2sjoLyw0p\nUL2XQyybe/iRm6G/Zztt/xvaTQMKRFoHQ6a0EA9slM2RV2l5gRdwdQ/7+5tl\nFQTHFKfeQozb845yffOicP3Dm0k91e3Hsliet10hB/58ry2EPaEX+Wtj2J7t\nMdaHeMU0leM+pR0huWp4DNmxDjr8U/ZeJYemWcLUyqiHOijhN10QajqELP/b\nl8ufTGhsFgE+4PrSBR7JMU6Lwm39L25JvCJO51AsOte+1+zMWAqUpsmE+pZT\nrrJTuXzmrEntvV9AlS/P0CVMThmus9mA/3QdBJneNabAFYQvni5IrGlQsV34\n5Gr+Z3mwjnvXMojuX0l4cuIY5fC1G/7+PRWTr10HSV7ZRWqxEUQEHrMSFlkv\n64snjwdD+mOQf8Lt/2yZhNdaKaPrO5heiwvyBA4D61OETy8qsqVYNSXyr0Bz\nhKMM\r\n=dZDC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.1eb29491c.0_1580849992560_0.5019947311753623","host":"s3://npm-registry-packages"}},"5.0.0-canary.4c7154b26.0":{"name":"@material/rtl","version":"5.0.0-canary.4c7154b26.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6549ecb383d77dcbb41bcd046bc2294d717ef1e5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.4c7154b26.0.tgz","fileCount":9,"integrity":"sha512-6uHrOj6zFhBUttUZcWcIc9e4LviMDSK7dvbirlyqUSVzdDDwhHX6QzvkdOdbVD2PpA5N3MpOWqrQ9UrBIh6q9A==","signatures":[{"sig":"MEYCIQDsYHntnGcfvD4e11wCRO8bnU4rkDLNNU5Ez0gQVFcVdwIhAMtZZ+wtREeEqLd/tp7va4YwsUXvcZLg9Me9b2ijo9OL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeOucBCRA9TVsSAnZWagAAHoIP/2x8ivznsEPWqtkNpQOR\nsmUEm5NkYZTBf6o0gs3LVNCfJzTTsPbUq1lI2T3xUkMDcyjPYEcaxSKdTF4V\nv0OksBJ1z8FY1HymC6kxUyZUG9pVoJiq0aOHoAaSMJ+SfmXU7xHQL3Te5POf\nEs+04fR1wxXW+Wbu1aINO9ZDB6MosTE+V3jLX4zOK/RhShuqXiwfffN4INmy\n/IkyQjH4jd+JKUxDN6tQ4jk3zoukC5ScPxWinX5mZv/TRqGZ0yzNF7UGq80d\nak9iXZoncDiTk3wZWClSMpyltBZx1M/5gzGhWZlErHdRZ3o/YO2W2bnQdMhI\nvZSalVlMpdQ69TUOfNsqCiOJfQg3e0LrXF+53Z676WfHfx5TJsN+dbM8KwqA\ndxwwnAhqME7pTWIIkkbmvl0Ya8Ro0HDDoUTOeICR0YyOe7Gwaang1n7IP5zD\n3r28DXQI63mc0GTMpiEO2vgtCG7BoJHDCEoExsc6Tpwn6BZrk1T1eS63Fcqt\nSC2JDjJJA/sh9U1XEMHt3yVutlD6bT2VPTa586Pqs9Hp8abDLdcMoY7wszE+\n+nL5cV+qU/XmaON8jPoDmA5t/SZMwHPb/gqpDNneL9RAHcKNtEcJ791ZTRub\ny6D+FiVsJFls2EYXEClfi5CQBAHdIILApAZiwIKShfuhsDx1YPVoq9twhQlR\nngiJ\r\n=DfAp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.4c7154b26.0_1580918529347_0.9961663554641844","host":"s3://npm-registry-packages"}},"5.0.0-canary.ab5f49a2c.0":{"name":"@material/rtl","version":"5.0.0-canary.ab5f49a2c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"23359a23efc1974c64b0ce724013ab932a5bb634","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.ab5f49a2c.0.tgz","fileCount":9,"integrity":"sha512-e2CYiBUTsE03j4SWKgXUyJ2Q88E9XEe8MMZuSkHkLqYgU0B0RGt6yPqqIT0Qln+ChX0aYjnQX75eD9UZNhxbTg==","signatures":[{"sig":"MEUCIQDboDPKQDlAuqkATbkBCn7ey+L6+yCqcZL+c066rYiUJQIgQkQgnTq+/XJoiUx7csZoWEqbcoNtpNOmTQqkdIJoQZg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeO1CUCRA9TVsSAnZWagAAUvMP/ihmEDtwmI+6UUYRie6R\n31lokfYb/eLtsS5MlVLe7CJy9AUGZ7808cafOD/vSPO1u9ITSWvAbvLnl0PT\nQuBTarZCEX90c8+qWsMnHaizu3/I2d36VYIsaNOb6qKK32DDc5Kt9d58jz2h\nBM5KNAKl+W1ZwHs3cN1g8HNi/LDqXp0hfiDa0kgYoFKQBlkUk8pu0OPq4mYI\nVD22mgZVPHx5J1LyG/JMXOY7hLCNrA2QcDStCf0qLYaTMp/uzYYLHUm9i8w9\noyK18Nj5aUH+L6i3qiiQ82do+lSSqSbkUFYsTAjkGtJtQ7eW1P6q76k5BEji\nP3WCxD1hO1AaoXMqWBbvbgnWX1dLOJjVeGNCqmXK7hD72RNeb7VFek+wTgFw\nH0ZE7S/4yMFxCIIbdsl113HnQpEPFex43hyShFVyPn+BjTiOuZQRxP5jOZah\nzS9c31EoBVO+7sm1i+DQ1nkP06x+LlQlEElK8msPRfqhJkL5d1y2j5sZ0vMv\niK/TBWI2GEL6AEkFc+oPqZOfes1sM7Y3ck7PKLzgKRJ7Xg1/pIVHMK4AnZzH\nT8os90nPPPJiK3igHhIhn0Dh5S9XM9xbcPszYlByCVa5v0L/Fhc1+YoR8Kdi\nRnVAwpUQLqg0a3roI5KwQTUNbYF5YiGeiw9Vd3aiHclz9JApgKcSmPlOcgDB\nbmLm\r\n=K+7s\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.18.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.ab5f49a2c.0_1580945556370_0.9351016539192785","host":"s3://npm-registry-packages"}},"5.0.0-canary.c541ebe15.0":{"name":"@material/rtl","version":"5.0.0-canary.c541ebe15.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f44a6adde83e94b2b95256aa1fcc1bf2950b63de","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.c541ebe15.0.tgz","fileCount":9,"integrity":"sha512-k5ac37qhnrODCST0hYPwNMDzSTPK7VvEt0PgaNun6t30QZNYb6uJY7Jwe1+uV4dXDYdc/EpPWV+99cEaxr5W1A==","signatures":[{"sig":"MEUCIQDcucx3UjIlcfk7UWoFPW/AzyrsENcExnri+hcAHLrDygIgI9AxfRJWsQYj7mcE9de7xvPLyELhsrqEP15fr1Wf534=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14392,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJePJM/CRA9TVsSAnZWagAAU/4P/0c72/jC2wiYjsk5/tRf\nDwqUnfA5r4MEhAMsfJ75V2GH1iR6u9D7PaaMnzoxP9XSpxixeaMahstjn5vl\nITeoGKSdP0JpIOEJOprmXpk7kWNMvu33C7qKZtIgxwOVTnkf8/se5LnNR3Dr\nLfS+39UffMlbtEtdMHOAGtsV5yp9OUurBwCuhAeIQzB8sMhTrGlAtH/RwvWj\n0K3rbU9o0xQITXch0LN32sIHgxoFs7FYML37vCkawzICB7tdIpxtOthKO0ls\n56LH+aMyQta7rZhg5j8ctzBukug2uYa26CyQFCyVAcnLFoLIItuUToRAUCgR\n47wKFDcoNpVe7sSmEjWyNt78u0sn8tGrrnOxDlx6/SNrWXwPAZd54n29dbze\nqRhUHjOPKKq0P3m3omcDKbwneVltxZTd1e840AHhGcKN2Rwf+KMlj88PXnt2\norB/nInQGmHc/94H+EmJfw/VpSYx1JgkHiq7FR/mszPQ1HSTHGY8iAWGFiIV\n/DUtJkb44984S0cW1C/jAX4XzLLjjPfG1QbY+VhhT6rNylhi07q1VGC5sIra\n+5jhKClZM8mFyVj2zZGpczNklo5cT4L+FCGBILd69prFk/Vz3wRt+sIwhnWW\nOoMejfmXexhpVOqvYXuzjMxU2OBQwqD12DtSAANKrnrayGLi8Bk3zX3oAYQf\n4UwW\r\n=9Qp7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`mdc-rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `mdc-rtl`, but we provide these mixins for convenience.\n\nBoth `mdc-rtl-reflexive-property` and `mdc-rtl-reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `mdc-rtl-reflexive-property` is more flexible because it accepts different left and right values. `mdc-rtl-reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`mdc-rtl-reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `mdc-rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `mdc-rtl-reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `mdc-rtl-reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `mdc-rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.c541ebe15.0_1581028159181_0.10501727192369281","host":"s3://npm-registry-packages"}},"5.0.0-canary.98f7faa05.0":{"name":"@material/rtl","version":"5.0.0-canary.98f7faa05.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3b67464ce0538bf1b77efe67ba918c0cadb8cfdd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.98f7faa05.0.tgz","fileCount":9,"integrity":"sha512-ezM+5KSC+ink5l8b4ICB7fx0cPs1ofqUgspLxGil5ltcIVpCaYDKdhSbcl7awgferKSqEjFJNHgGlew5pFSKfQ==","signatures":[{"sig":"MEUCIGe/6dxWDeCTqeoa1pXVxuUQhwxDLxW6kaTs8i8Y99fkAiEAqu9G7ekV/fFjNxT6sHax2KgIGNm1B6PEu4G5HwARifE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14304,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJePbiKCRA9TVsSAnZWagAA97AQAIFTrXMAhuCIJySRl8ux\ntOLQQC5suqJYrIkhUmHf8YXYA78U+cmUT0932eJi1yMqP+v3xf74qUuj7IAX\nMZFpL5CqS83/lm6l7JGnwAucFJtycftcok00vi/UBnlVq6r2DOKlZ1E5yFMd\n6GlHPCjHONUOgSK+5CHcurQDBVmoE89wsTd8m4babksIfjyRLEI4hqztrk9J\n10CRaUKSg+XnVs2UDXspyS49Aro4NgTRG9doBg3dAy3tuwrQDQM0NCRWAwuQ\n/BE8ak0iZsDnpIwhh/p0eoOrw44eRYhqab0BhrYkUS2rtnCxh0XTTf+MBRSs\nBfIHghC3Qj/zk59lnbx2q3Uc6QIibUmgQpMBogGW9xOLdxk0tJfpQKdZTnoZ\npS7zOCFc90Lurmh5S3SA0DR3F9g4xv8esnPVI7OgWXU/1g5NH4Zj5c521CsG\nu2HWN9BTyLstN9HEVa27yrgV89RJoWj7u1oTwFCyM6jkZSiV+EE+Zxk1g8A8\nepjJTJaVxM7q/xzrGgMajHSbgwKTWVEHFHQIEkP6632fUQoCAkdt7f0o4oRt\nrvHK/z3YVlu1Elys+Qj59G9/G5zw3G3dIyatlyfFKo8NdthEQJcKGaGPM7tY\nirqKVE+E7h+y57H7J6xu+M9m3VyiioLMt3T5+hshxLuFGi2F5f3XILi0x/U+\nsoyA\r\n=Hrav\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.98f7faa05.0_1581103240856_0.8501416175053522","host":"s3://npm-registry-packages"}},"5.0.0-canary.b4727e43a.0":{"name":"@material/rtl","version":"5.0.0-canary.b4727e43a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2e25c7820d112f1e324aa064ac8c48c3e1b9c8d6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.b4727e43a.0.tgz","fileCount":9,"integrity":"sha512-w1FpDo1JteugIYH8ws1XjXHeDaknICP0wXvcNbpqQtYFUBQyiCmB4ALbJMq42pBxuJOEgs2s6bK88Z1AtcJvlw==","signatures":[{"sig":"MEUCIQDTvjfBnkW6F/xUU9YF2AMINhwRAnI0CVHNE9qalr5s1QIgE4WkS1zPD9nuLBNxrjvTZeCJllzjal9Ez6klKNXexFU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14304,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJePcCSCRA9TVsSAnZWagAAYFwP/3iCX04LMVUVYYowmTbj\nCVuAs7l1AJGOF/a6Jko6YIuS5Mtd/XjTd2teVHLg0mgVtLPqxMVBbv78yR74\nUsFpMo7uT8hqjFbwjAqRkwzUd0b41lVTlgdvsTbdnGr+0409wWUMmHaIbgXT\nRf6HCpVAx+NhvFrgiwK6Xi4tP9wcguvgS/+wC8Xh/uDQTjz93g1PP+VAm5oa\nll/+A7fwaHdwcnqN2LN9JSrWWuPjoDW9heNddsHwW82GWQ6sc8ZNLPOphpix\nwD2ATFNCrpmF7YkvcxUR2zOgIvIgCV3uBpYniMYdZxhbao09rRXrecTGC9Gw\nrW9u0Bvz/RHb4OjZFNjqkfBEgUbyedXdmghueq+e94lmfwTt9tPB7RT5H/2x\nHIGiM4hOiDWwRvpGwcxgeJZZjAz0zJracuMRDlhfN1sp13IQqSQAUJ3WDEkj\nMEetpjif2EbOfqnqrGmaLg5EVU9EBfEl9bB3yaHLDvy/R53S+3BXNq6zOhzL\niBWcT8XuvqL0oO5zQNnOBdaZuQPFMoHmsEk2UfH7hLoPX+Ht0K1gW32uvZuo\nLyVgznpdmu7QHRZqsSp5Gm8IOjGbWSbNz+yCeTYs7/zutTB4QvwP1zt59OKO\nkeZIdOXJmKl5lzcqZ4uwoTbXB9ak8E+/+ZqsuAGSF5wpjMUrBJK9qeUDQWtf\n6fYe\r\n=bnwK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.b4727e43a.0_1581105298388_0.0032661364428541173","host":"s3://npm-registry-packages"}},"5.0.0-canary.91d9d5a65.0":{"name":"@material/rtl","version":"5.0.0-canary.91d9d5a65.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"866c5989c8431b25d98d71b28daed913bb874e49","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.91d9d5a65.0.tgz","fileCount":9,"integrity":"sha512-CcqjPI4fUW/3G/QGxLhkHiW1eVHTgFGkNpQ9UVpZm3du/J30r0c57WFSVIBdUiHWnQxwOgWvaTdrUKaRuVhZ3w==","signatures":[{"sig":"MEYCIQDdst+rdAEOOs0dHEzMM/EP9B85MtucyVi8kD+o1TExUQIhAPP5LPVdTiW3+xSM6NEqn4klnLYhtfQEwjfcWDHHOm9Z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14304,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJePeukCRA9TVsSAnZWagAAjAkP/3nmkug8AZKB0XLE2oBr\ngh/XxrSCrwfSFv6KVCjxxo6Fz6CIs2B8MXi3smqOEdeJMOfn0Xc91KNMjAx3\n52icEQPUU5fmSxS8OEE8vb5JGAsfGFwacO9b2C2CWFuipVxRz+we/3g8FVOa\nb7dDZ1tkDdwe5S6JiheUxxUzMH9KbOf7RTYHv74uFO8xEs1FaJgm2O8XBw/n\nIblPGs44ki/uUyv47e8RHuOmn4od6y1c12MN/P2okwLleY7oE29HVeNgOkdp\nyAVXYCEqkrHIAV8/ud3B0PnAoJTBc7d2NW0p8Ioyy7rDRxG9EijnkwEoh039\nNa0cm0BThYUu20CGOqJAa1RSfMDZDL0GxUc8wBpYdNRvhrNKUC2D+3cFIu9N\nQ3302DADKfD6YEz/5yixnCQvwzzoajjhUsF+4Ib5Kmu5NSU32pDH/iP5gSRl\n/MZEW7Zo07EIrC0S4gGv2BLP+v+vTKYZ4yQqVuyIW5rbbNDNiUR1urK7mxWG\nTL3uA/1gMT9HMdr6O2mOXt3BMTD3nRkcEE/StZOpI4Ri3vwvNXg0tEelPl+6\nIJq4G3goSpV7JtBCjqRjMYLXPeOijmTTumvtnslQFuQe23ROqHkMgzr/Sj5A\nOitwW3BifpRRI60R3T94xLVunHyzryh7aaaKsUMndlT6GoS/ZZ0J3q9/FVPy\nbZMk\r\n=Onl0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.91d9d5a65.0_1581116324382_0.7862977813235752","host":"s3://npm-registry-packages"}},"5.0.0-canary.d5c006ed1.0":{"name":"@material/rtl","version":"5.0.0-canary.d5c006ed1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7c0ca2c0bcbf2e92faa5d241527d521908dfa126","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.d5c006ed1.0.tgz","fileCount":9,"integrity":"sha512-8/PhFtBsJTIYmI4+RMh4XRpiAmB2kgkByMxE6z+ZadqsOl6MPqCYtpdIVJYM1EU0Zius+54OJD8IfJU5bobo3Q==","signatures":[{"sig":"MEUCIEpXCYrhAp/apvBY5xW1af5fNIz+WcLXuXACxMq8J/IDAiEA33Eao9x18AD2BgrxWristyNDw7HNw8nrE0QcrpAZ4no=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14304,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQYk+CRA9TVsSAnZWagAAPcAP/RQupLYf2QzrD5DyUKr8\ncLOFisEJteKqfMfWG0wBdY3WV4sAHBFsEqHs3g1gpKnxFcCEAlRPil6PYAQo\n0xhv82rKCwbkvCRldswmbbyqOFqsxxnJUYWamcy74Y5YvjM0Ix/9xIOeTAFx\nqMOKRlsDbNs9sDji0/NSQEkjHmgoivYcqSZtRG6NjeoiNIgGMvPTmu8psnop\nAp3CnZnvI0JOW8P+3XU/m6rOVGQu9q2mWeOQZEpbzLvS2DAP/KGvGieTQA0w\n29FS9gYCaFBl5fzbN7/dHwJ7ctj4wAxDj9A8b2P0Xn85NBmDqynUgGwaGVb9\nZSDK2v+B6L+wHeqold7USWazMWuqvuHgxLxSp8rLuZuGJU5vtn5VrG7v+766\n5CHpc9e2Yvb99L5F8iAotQTbXz3uqtshEMC5N7quXC7WNBVcFX8QxmoftHo+\n5+VBx2jnw4N/99A0VlgQ8tfep7uEmE3+bRe3XOuGts20S++UAs2JhHTTq5GC\ncLtp2fv2Cz2rocghlgBlWggWxoqenHLJA8xyVjTyCKeb0fALpu3iyQaQqNeH\nfQ6gFdxrwxy+9hkcJUxFr3FcmuQ99lOK50WdXN8h3MX/zg6h7UR/lRswNi05\ni7uvexEjNzNXHBoavfzreywqyZQQDsNRqsVzkEVYndwsbC2brt75uvgK/6S5\n33BF\r\n=1+2x\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.d5c006ed1.0_1581353278600_0.6719035730530305","host":"s3://npm-registry-packages"}},"5.0.0-canary.559f1a570.0":{"name":"@material/rtl","version":"5.0.0-canary.559f1a570.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b09e1d6a175c3371d2f206efdc74c59e6789fb30","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.559f1a570.0.tgz","fileCount":11,"integrity":"sha512-MnBcb+Jy213Ij1yiG78KIYZ6SDetEbGQmJqVTnRKNpzRM52xLo8RVLNs6aZ+aVTgMkFpCc4jhUqkdHZy68L4+w==","signatures":[{"sig":"MEUCIELf32eL3mTEFZhlOnvqJkndk+WT7Rfam5wbjQU5jOTFAiEAx4F+yp2TER5+zy4TA1sPK54+hUZCrzcQw2N9kncXbts=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15972,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQZG5CRA9TVsSAnZWagAAlRMQAJ53deSI5zPzZeHvmjCN\ngJA8UenR9krhfCgf0oXMDSqnbpf1Gu47wl6SIOgsjMKBQMo4pWWshVRsZG6P\nXQ6cMpYFi+Il+31UQod27S19sahWSrNy4OGbnEkPM7/TqYcaRNoc81c6KBI4\n+T/59xZ3t0qAIoYJME7txNC6VjMzsbg+/ApPsvLW1pUmS3qZaZlbmTBadFBu\n9FLlaccBC/4g82ZNWP/Dp3Rcve78fX9LGyW9CV+ASCbgoTXkDQdM6fzDoKXm\nqtiZwbzOVNL99GthEgaygxA/ZtEbZrm11mtBn3mgla6s3tUGiNAj7eRyxK7/\nxqLQLl+lIqXVD6oaGD2MMntT2/oYOTm8z0fXZHtGIoYQNEvDHwwMoU8oi3RB\nHdJ/qqcy20rYZ2t0Gd+BlqVqkAf9qsoEbdMrXlKNrVodBzPixDEM8k85buw2\nhEJVVAYUtJjJNt/IcBko3ht7SrS8Wm/CZL2JpzH323JpS+f2pfogCAj6q3uu\nbE3yzUBO3BXHFvzl8/OAQ8xnfCUF/ZUlDjqPe9s/SfqRT//ImrnyT6QzaqbY\nBRjlBwH/EdDNPuA/R0QEJ0BebNZ6nHH85EHXqPVx4OBk/+p/xWuP5ejWH8zV\nL31uYHJxJZCb3we3fmLBifIMwY7RIoe7X4+XejJHgTBp3H/lO2AO5jeFBqDj\n7u3C\r\n=G7zT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.559f1a570.0_1581355449114_0.9371183459687884","host":"s3://npm-registry-packages"}},"5.0.0-canary.ad3bbf782.0":{"name":"@material/rtl","version":"5.0.0-canary.ad3bbf782.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cbe4fc760889c6bb04ad377731598f375141eb1e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.ad3bbf782.0.tgz","fileCount":11,"integrity":"sha512-FZzw/RILJ0y5vClmhhMiijrRxqNjAwU78/rV9gJeJfC5rXJkfGSas6dW6QU7Sbv3idZZa26LyDWbyrPiihi7fQ==","signatures":[{"sig":"MEUCIFUpjgAnqOf3oAexZgGMeqQUtjbQZVAEXLZjObkAmP5zAiEAj1QH2QawfrnYLsy8e/Fc9EP9+rSkXo9+ZCH00C6yRaU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15972,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQaq8CRA9TVsSAnZWagAAqN4P/i4iYNV4Ae2HNrh8jSCf\n4Xl08RSIdznXZAre47R5Fq6dy+ZVMMyLnIhPtsOamiBI3TvTeIcd7UzWLWhZ\n0cKwiAFdEJG/uyITqWTPw7m0obZu8jO9q08JFdev/RZWDYrxWG7oh0pLyQLk\n0dypimrVzaJjYPpfUrtlyKG0vJEvrXXewcIB7CbRyeMxOI01A1hy/bjyCuXp\ncuCZlBXQ+KRsR5HdwBtKRKR3j0txQT2FAPAZh7tfldbSpxu+jHCV22+Oq7iC\nhwYgw5u+cvyPvIuBeMcuZDzA4hYHPdE7qWJWvFnozXhLW3Rpwdf1ai+gtjfF\nTjaHSX9yxngqYIeeryQ+vVoaQh6NexW4ZWILAcj0f6IACxjNb/GnhltqcImQ\n1ZFWpJcBhOX5SrCqxwXhTKYBFKaay0fDBtPsmdEmn+n492+p/YGO5vcM5kAq\nD3OVW1fnwAtzRJe6DQq6eHNF8YEK7D33C/NUA+E3geQgN8stJv8dwrvA8Tf7\nNvWlez/d/okJsMq8hu8pdSlR04N+nve+LO55qkeNfRfPX+cn9V06VTXk6/Eq\nuRqechzOx0Ta3eNpjJkoyYjYLcBy4wP4itwqcTMSCY6oZyLmfczTfPy5lqYT\nLuZv1RRdm2WwFPDFsE/sPdXMcsO3yq0B0vobwOU92p+F7L/yls4RCRfxVHy7\ncsfA\r\n=qM+L\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.ad3bbf782.0_1581361852185_0.5778486475742226","host":"s3://npm-registry-packages"}},"5.0.0-canary.570d8e49c.0":{"name":"@material/rtl","version":"5.0.0-canary.570d8e49c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ce2975b77829fef0fc9ed93778f11ce33d18bac2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.570d8e49c.0.tgz","fileCount":11,"integrity":"sha512-qAlOtnEYp4SqbG4+o96/2SRPQ45c+6lz5d/wQk3hz7cumGUfbvxoBNbfFOeVYNT6DREDaHFZQxIJb+H84QwOWw==","signatures":[{"sig":"MEYCIQDfOrObs40Nnw2yB35c8b79qb6fh7qy1L9gLderBCpAHAIhAOcD3neu+UpQybaOLD9nunKr9v/WO1UJtXv0LzXOyBOT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15972,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQcBICRA9TVsSAnZWagAA3I0QAKTJDd/1P7DRjXx033Fe\nY0WfE8xbpZ9/V44X71rjcDRniHCFF/n1Tx6QFz9Sw5sZJRQn11SzfeSRMlKN\nEx0ooXtGoqy8l+v9XE402aybtfkQaa1btmH4oLE6cE8092lXRFSWU6OdCbd3\n6K3TAJdPaKlCGAvZSbb1uCVZi75B/KRKfAZyZCN48o586UdtMJkPgAhzU+DW\nD+VtiJmSlxoV8b3KqCQSn99YeIRt6kNnU9s/5Gv80r3HcJrwoPj223qQy5mG\nobkotHXl31ebL+6w35KCahC8WCjeOXzBlkbwLLterINz3G5pNH2JJvL4Mu4y\nS5rXxRTk+UYWk8iprH1ufIU0HZGSuI58/D3PVrCm5IWVYBOhHvr/VZNYlkdJ\nBPe6uRE+dE6oXEsVnCZZO0pUTk4US3xWLZJzxqRS0YzU47PQrIK53mtAGogq\nznXesTFRuB4ZDMJcMWcKmpH+CykGfwfGW7s9INmUXYijhb0rfX9pFM++YxRP\nX084oWtKQ4cqevNp4gTdMnGzBOZKirBA3yaQEYXOTsxchAnOxp34bPhpIMIp\ncIEJVbbCVwG/FcI6ulZ5SzhvJ/UK60JvVFnKIyzLswUQb3WaJbhNdUhooYgq\nWH8CnYf6MeG0KYwrzpOMzRZObtXF4JsRXvtUzVFwDCCZKrVttjBfa6msXH1P\nWvo7\r\n=MZvg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.570d8e49c.0_1581367367999_0.14903218123098472","host":"s3://npm-registry-packages"}},"5.0.0-canary.48b06b89a.0":{"name":"@material/rtl","version":"5.0.0-canary.48b06b89a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a2211b57519a0e85c7e7e4d6ec50333f51170f23","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.48b06b89a.0.tgz","fileCount":11,"integrity":"sha512-VdK5W1iHRauKVmOPOBUYNIYax4Ebk1m6gtaGX7zP1ySLWkhe87Ov62b/SdxerAyw6PaSNF3mXU7k0t9CqZqzQA==","signatures":[{"sig":"MEYCIQCuBM5H2GLsKZDoQv72mTxX87TsDOZaqWOp39UbiedxoQIhALZ5Uih13K2xjV1eHh2dQSetioRTnUFT0f0ybG3dWlj8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15972,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQvWcCRA9TVsSAnZWagAAkSoP+wdzDi/c6X4pCkZcERSH\nzIchST1RJ94T6mJKWgSC+lj6QrYFDgp1a177HUtKc13Kf9JUxMXunlByYNyq\nt2JJyMSqDcVZW6eYixBVdUdpy6+KFx0V6Ax6vOwWL0DlZ7zcAT+dWr3xF3kA\n/+qJ9Tut9rFPmV9lJX8VFBZT0ooS3scV3PsNrffHq5MWx2fAq5C02CPKnZXW\n7K/XIly88O8MaFEic43iWO2Mxcv/4E2p/xEngnW/8Asp5MqKBn9pjPY7DPNv\nvMOvY6vcndBQtcJ74q2nDqorDMpSrZ+ibd/0u1UuZgpTQS+Yy2+uTa4YR9vU\n4Id4msPkIVkgkGPqxZ2RvjA6wX/pitjQ2lzTXiHHErU3PF5YQcSAnEQAJPtu\n6ZaGPSj24KhYrpSr/XzJ29kEtxDVhxthgMs+XlhKthuuuNzyUHRxwTsIFQk/\nZC7uPaKSB9CE/6QF+xfjufaShM+O+f+7LtArc9ibJZMdGnTt4OIhWVIUfazn\nussdDxTbeNWWJpNcxmMIRbVeas5TFcS8zV98KXOXue2H/91HIz1s5mPtmGe3\nj7uwoMEVhm5H0zfMphapz6nalIr0fk0eSX9yEU90pSzVH2XoThItFri7ZD3k\nCvA+qnyUSrfVFUSGjZumpE8Z2bN2IVdf+kYCnMFArqn41Vs9ZqzodK1bprYo\n5T7a\r\n=jzAt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.48b06b89a.0_1581446556104_0.8849808093695437","host":"s3://npm-registry-packages"}},"5.0.0-canary.612443dfb.0":{"name":"@material/rtl","version":"5.0.0-canary.612443dfb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"78fec13b5fe8e39694932c0325e8731ad3c95c78","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.612443dfb.0.tgz","fileCount":11,"integrity":"sha512-+qUCQEsaL9wcoa+qNrKQtryfdUkhfJcDDdenCyWUoualhmszNs15/bc6fNgKWGbkWAzPguKUEUC1e2oZLocXNA==","signatures":[{"sig":"MEUCIQCNAfdocsa1i+GJuWR4kJwwXCku/yo7plvPn6HRZooLWQIgVzLspuSFx/CEFKWLSh318pLfkFWC8FiKJas3F+gJ85c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15972,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQwT9CRA9TVsSAnZWagAAIigP/iFiHZwYbPwOQ1Y2UsHY\nprJuVMuqLjKINjff0AIXkePHLDg5tNWRFHHWJ0EKiz6C3hBROZG/FkiSm9XM\nCYRoffvizFm1HGbfZchlYaYPhuCPBFHzhvNomHn2alnzjC6oOLCcH54Dw9WH\nEDYoV/Lr1pBjTkIaEehAxBG2F4ls0M7jKx7k76fcPF6FUBvF6mejFRe22/1t\nyKtnlOxQ9D8jS5u5YfUbD50nG5DSXwFgSl+fTRHqqLK9hCiUeppMf2l8jn9l\nTgMzEBIEqtsGLO6Lj0ka7V8EWp6Qmgw11GT7b1ALCLg0iDA8C6j8GOTtADQn\nZhBBfLjdH6l8O0nnnP/HuQUArgwIsStiTbzShkqtgFK5uHRHDrvGGD2JFdpO\nmQZUMPJe+8p9vQSnkNQco99ayjeb/pxZG/dGoLzi2fz89nxRijYLHbfYySIW\nKMXjMI8i1jwaCvWDuHOmq7gNLG2jRRia0bgZGOhIBOqRfd4EqX/iQ+RFTit3\nftW4MySHuxer+HstDS8NTy9atsJaVxP5qZjpLd0qJVZ3zZolCNV6z2G0TCCL\nA93AJbjj4O6vytQNDhMPYDZmI6RJP5TTWdT0J4rVx1tGB8KUdxvf5zY2QZn7\n3bCfVYQFr2UBtt4+CRsEZJ0InSNLCpQr0F6sPE+h5xn5nRyaScxqjlY7Z0kE\nOuWv\r\n=HNci\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.612443dfb.0_1581450492867_0.509295434907034","host":"s3://npm-registry-packages"}},"5.0.0-canary.8c11ea2a3.0":{"name":"@material/rtl","version":"5.0.0-canary.8c11ea2a3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d02da36c1bfceb34d53d07aa9cc66a2bea902f99","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.8c11ea2a3.0.tgz","fileCount":11,"integrity":"sha512-IQQVIkVdrDGW51/Q2Kna6qbPB0jrUSQ6yY/qQnV4ywvZbJcRUFV/cVfMExG8gS5V7ne6KLhWsMCMp+BOP9agmg==","signatures":[{"sig":"MEUCIQD/sfZRjDM++YkmyGk6QFgG6z5QV7aUhcnMJxN4ns/CywIgf/Pd7o9FRFOlzPJsJ9pEdGh7T86iYEXHhi6z7Qw944c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15972,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQ7xuCRA9TVsSAnZWagAAIbEQAILiIEvmjY1UHW6YQ6RM\nEArxyVsFuI526e0b6CskYzHEKrbKJoNkREo5wjHPhVwdq7NL9drTY64Ccl92\nX0/S4NMqF2ZNs6nPv0bu/aIPeyi0FWDLnx8fWgtoAuoa7SJA9DZqeDqhTRSh\nr5KSDM1ry8cI+nUBOmGVgcSjShW4jyrF6HKxMREwAWHUpmwEf5OSrqyBhaZb\n7x763UTT5TXLF+ilaZbh/c7NCdKtCGFiffj/9DxSNpYqduPUXJKWmoi9917e\nXQZCqH1Y+A954lN7B/VuCTPtFgBCd8dOmM1tbZK/ltjC6pvLiYRj6oLogz1o\n7/9FnDGrid6pZcjr601V/a7EiOBl2urnTYs36OQymYFOyiRSMtUjUHDm8GrS\nhYzM768LLa6+ZmmRx4gv++6u25utzNYormXLwBY69a+fOX4dnwkGlDVuOHmx\nTXj00YtIk6T6ARqj5e58Z0CncvoraLHQEzwhGuoPUZOXlY/Bc8JQ4No9kvyM\nm1VrJJJ3C+1sk87GtNvdQ4GL6XO6UaKcK5QOuIpMlXzStIX2y9HYwrL9OoRb\nUseRw8IzxWunW88Bwqyb5EnmD2WO5fJUtiBn0FvJb8/Hlkp43sdA0fRH+fV8\nYtXFrfU83TUuyBkxB9+E8Rvn/RB2ve4N67ZSVxlnIkf1BGcCmB4Ie8V/mPSX\nj5TO\r\n=TBJL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.8c11ea2a3.0_1581497454204_0.7481057707130747","host":"s3://npm-registry-packages"}},"5.0.0-canary.b2f3d311e.0":{"name":"@material/rtl","version":"5.0.0-canary.b2f3d311e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"626fdfbce11dec0e7f4fc624f077fa84d0b7cc2a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.b2f3d311e.0.tgz","fileCount":11,"integrity":"sha512-xC7bWb8RMpErXr803s98pY05Ij7arL7pjlXhjNVozDJmaIVb6A0+sB7KlIJ/Sv8bR02KUFaqe9EtLubryuOVAQ==","signatures":[{"sig":"MEYCIQCeIYqXCIjPcLvQRqc2WyGZ6TLepzYEZkRS+ZLUhAD7rgIhAOVIffri8IGRUXuAt1vcrnuhxYrmAxI3oKLGb3YwHTyL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15972,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeRcLqCRA9TVsSAnZWagAAaUwP/1bXOutoN0/Sg8PQVZZ4\nkvlW0C36k6kRuXhSkXApPy9mc5zTqYS/PfImZajOMAzUsmgZPFOilb6mkpua\nAMw/EWwQgzBN90cokZ84nwpWhOmmhO5gK8VvQMJouaY6sU+B+Qhh3DJ/dwWA\noYnrrBq6SC2Fjvxpq7sxDvmL1GfMeo7gANWrhw0ashxoFRVLLvyg/o93yeWd\ng8zWTPr1pbsPjPlX02LCmUsaKzgh1TpRj56rHJx7PRBJEPo6LDrwtp96IJDC\nyQF7Gkb0kuErIVuJDzQUyg3xifEkDYainSa5XRgmitm+Xph2c6TcaFPpgVsa\nZCqHNvI82mUSWAKJTmtBbQNCGXdY9tPCdGKPdfkbseZux9nJwhGP4VIedLYC\ngkpsm177n2NoEhLaj2PcnKEUM+2X+7kkENeVjL7G7O65DQs3IAHJi2RZfsjk\nhDsJ6n4qZ1Itz4ZjjfswcMX5K0DALplEVlIxOrmgutxBfTVLMyt2wHaTllLd\nhXXUEOkL4HsXEwdf+1ClspSYpW8BHJhuvjra6lMT8/+M5wUr+PX/mR/LXAql\ngcv/XR7JFUatI0Qg1GTexAeoJnhOIGGn6x6ccIu+hcx32k2H1996Z/OQLwVf\nOlLz+VPgvOxCE715OklG+AyCSST0LduBQ2QcVIp6KXwbQsHj3dTKzemUGNUK\n9i6A\r\n=lozq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.b2f3d311e.0_1581630185761_0.42494403625891564","host":"s3://npm-registry-packages"}},"5.0.0-canary.4f488d0ee.0":{"name":"@material/rtl","version":"5.0.0-canary.4f488d0ee.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b4dec670c2bf62a303d1e820a0052eeb545c3796","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0-canary.4f488d0ee.0.tgz","fileCount":11,"integrity":"sha512-RWnz29Cr+JIf4gUZP0d6IPdKmXIKUAJf1goUCwAJMdR/puqC4YSIvYiA0gDowjIui4qiEAlntPLj+a5KEMCIag==","signatures":[{"sig":"MEQCIA7+aRUce17IfgaseJ9rtE2xzUc1nXyg6YR4Xqf5WmQNAiB8NYzatQ7+Ync1Gbg7QcLhK5mEdKZSgnplIzNCxMpMXw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15972,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeRdZDCRA9TVsSAnZWagAAUdQP/RC5NL/MHMnD0eEKvsqn\neaQav2+EhrIL8kkEJhQo6L5lT3vhgAfv9sFMwDNhSHdhIspMldG7y1yWBK3j\nXTyzf5kriS+exvHi5UkO3h3FgwGUS/1Al3HPwhHW/MnIDieFSObIVdAccNkm\nrXVKMBkOrJcU0nrxoCIrjCxjutLcLDHueroOQuddjHLguaPbNEQQyFcGvWgs\nEKYVYBncaSrdT+7vAJPqwY/hI6xWj4NXdxufjA4qpUPvHQ73q0fjml4effJO\n4EFEdxSDOagzFPgj3+HDxS76S1wZz0q5Ap0ef1vAZRRaqd8x3rfHM7NbwBho\n13KGUHz0No8eTBpPO9NLtaWWJrer320gYTgdNjnSYhDDYHW4IIdlD82Xa20r\nQtHz4VcleqQ7jbzxW6CwGmcVCz5BQR35ydLnsVLcVTWwacWkmxsJVuMIfghZ\nEEijHsX6LFYeVP2eS9bsuthUiZPB2DcstrTFj888HHQ0hW3GN9ei6es0FfC7\nL7XvnJFJNOCxHlh8NI/ZATbBt/2pqaayP7/jH6i9EIDoQ1Kj2OMaHmy5LRJN\nHcMKsMbDV602FNbYWJ6TpZak+t/2WQDUbB004kcr7M6egPaRm5NlvoXOFIYg\nZEQjRaP7FyDtHlqhl5lbyAfDSwbEXCsQWBy+hUnIULXZr/Wy2gEzDkj+tuDy\nKB+F\r\n=DqoG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0-canary.4f488d0ee.0_1581635137412_0.4031630881376034","host":"s3://npm-registry-packages"}},"6.0.0-canary.fe79de07d.0":{"name":"@material/rtl","version":"6.0.0-canary.fe79de07d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2482bba69bad269349f74f4b0eaee2985420f033","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.fe79de07d.0.tgz","fileCount":11,"integrity":"sha512-gMZgiceiMs8lyNka9+MNmaGXdFcyyUwLSAeBAmPYr9Ijvs1cajqiXriWI5haRd/ly6kIEoZFsTSQppDtgWJp7g==","signatures":[{"sig":"MEUCIQDWnm/W6UtAW5snoQMLIyGH0ozmaDoCzKX8HLYEFmvZ5wIgXAAoXoF/GX2ggx8GrmDe81UadZYHlA/ucbCGi+NnO9E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15972,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeRdpQCRA9TVsSAnZWagAAXPAP/2ZTsNtcbD6dE9+P1OKB\nAw5q+kT7eZcVncWYfKDiQnp2iRwfxVL1vVlm/2sRA/eHtgtpNkmsPAGIlr5l\nUN5Q7KwdXGDUVBbyLSkXe8VZwezRUWh1ge65zhcJxocrLCpmhNFT/U96N0zb\nMIIUdomDhyNhOyzTRjSNQqjXYCWuyjO3r6lgte3HYHwlOQSRxMbLLxuuS5MI\n8VMAS6WgUQ9r9adfZoPK21CJjttcdf5Eqfp01/ft4e+Jl9OOxf8UGilaFdvI\nUFQbdKvVNNAKrLP2zF7aZHCWLaRzapAHsDJj+v4+FCsZgDuQhByj8gZvqrhU\nDKek3Hmnj/AzQrGxtdQ1kyzUbl2fjen4MRJlHSlyVaQMe0L8MkUbWoDCSmRo\nsdC3YW4NurCllcLkEl0C4DvjDE1XT/Ji3iq7eft5g3XXtFRfVO7iu6eKsdpC\nVY0nN7z6TmrGF2D9zZ+TQP1cB24tIDN5gxdXxmWSZLIfe9+lr+GvGyIHJCuo\n1zGQ4eP/3zPD+KAEGbMa1Y8QJljNMzm1zaAZpE7Q0Gqsd8wfNlQjGUfEC/7m\nV+j2/Ew5jrn/1bj05YZGHBgnHTJ1GgHS4zJxUxrimpbygZxKPEUywWYwT/vu\nqvuJs0PM0CpyAUf9wTM9LHPj8wt+t7Qz1JXkqU+XCHk/Tmo9DBPncxDEBFfz\nYrKR\r\n=8z3B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.fe79de07d.0_1581636175904_0.9882306823625961","host":"s3://npm-registry-packages"}},"5.0.0":{"name":"@material/rtl","version":"5.0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"50b1b2d7b9df6d117d56ff7ede7f7802f321b123","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.0.0.tgz","fileCount":10,"integrity":"sha512-TyZWiQc7wNWWCSl56rGSbkzxXGYq76gjtDA95P6SgEGxge6Pqe1d1o5Dl2dRaszESGGGSC/XTuMZaAYu7fk4Eg==","signatures":[{"sig":"MEQCIAvppqNs0LZoIqelWKDwv/XOPLwPkblmrdCzhAUxWP3XAiARAFGbpYE27pgl3N51mzkHkiVLIWj/1v0O2XQfAryZIQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14933,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeReT1CRA9TVsSAnZWagAAXzsP/0BLUh7u4AlYj/KAzNwp\nzVepJfZnGAe7NolUDn2Wi+TMKSeKWuBEF8FTDtlG8LOykHDbRLvTwZ7E/uPQ\nnI6J0pFPtOLd0/4Gg+3OTAPxHBlCNg3zDPuwVA46sy3yhVPxZQjAIfregGLN\nbauIeMDEEHeu+0r7uqjtiUlNku/EIhSCrmzb7lU98FViCFe0n9LiIh3+HIyV\n/gEzLZs2+ZB6Vy0r3yFZ2HtnT0a/m2UHbWae+Vr7Q1rJLNvtJRXaD7gTbEmV\nMXfUcPCTqbayO6jkOBT8OUy5Oo5ryBkrigJhAM3oVU2q6mOzgBNeSVpbT4N4\nWozfWWwehrj77KUpg8sNu1Dvb/XZqft8zlezVm5vLn8C99Q/hRHJKOGdzait\nNWm/65+9QPjMEodCG3/jr8J+u1tNkffmbgKzJcG+IYQ1NnKI4g4eN+WopVfF\nHz4NRF3xhkzQn6PzuCrQNP5AEoSpg+BZWd6tU5qM3BbplWX0wk3FEPTvt7Ww\n/KquHMjzCppUJ9RE8qfOZoQlVQiv6MnH1cauxs8qcYeK/xaW1yyin0IiTykF\nJzgnHi7Vlc08WJbIEkiWlsV91/FRYKWpDE27bp2HFKa3a9YxsFiE9f1qfOFG\nLsqxO+m74+MRWLPjiG0ZvHXzmQJ2UF09To8KN5RFyW+NZTOW0Dw3kZCE4G5S\nLiyC\r\n=phEA\r\n-----END PGP SIGNATURE-----\r\n"},"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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_5.0.0_1581638901031_0.555174486912424","host":"s3://npm-registry-packages"}},"6.0.0-canary.5e313b1f2.0":{"name":"@material/rtl","version":"6.0.0-canary.5e313b1f2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"91599c405e65db7d7521ebca1779a65141107229","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.5e313b1f2.0.tgz","fileCount":11,"integrity":"sha512-NvnKuR83X1hzcIlN1gsYB/Y+W2e1ooFoAoPIeBrtrhWPkzqjLcA2ahCkyAhlcGnPwNqGmy0uyqoa49QFwJ3BoQ==","signatures":[{"sig":"MEQCIAi/DY7W0EBmzWJUatie4Si3la2LtffNRg9IrpoQx52QAiBlgMk+kdWXbXbsG89c96JIXScuIeRhipvHLMA++8AbMQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeRzGRCRA9TVsSAnZWagAAEk0QAI8EHwbQ7NAL5iwDTsiz\n4NTMqVEhFmoX6S0osUhyHN4sfIxmvoN8iNvm7K/enhq6PVYZAaYMuyxpLsfN\nWOI03Lpfc6eq86FHR+Vn2kEgQFoV6qw3U+wTy9V+ERke1eTM75hMUjkSfh1A\nngKYYbH+1CH2jpr3CxdWfwLPt3ZjqWbptkCBTUvVfDZ5laGkyQ1UUInr5/sz\nO8exjgHOzMU+RJ6xyaXyF3W/i0n7DujW7G07R7lqzij60a81PuHPpNR1J7pp\n75+sTUvb4nNlpCt4fLOukvnE5ayxkWp1poZsAeJiurCb7dSy4ysK3aypD+y5\npHCAKuKD/kKQEJ0JNBrzQkZu5ieoImPTuizyyaIBifxom3BVK8oCKIXL1CVs\nn8tD7bhpkP5CcSLHk16r0MYiH1IW18LtSnJnWZB6jtIqkQ3gT3bAprwvQhLt\nPCCqRgRYnV8GqOwuQXrHTWpGrg1e9WzFDxekkdr4uhMltGe1OS6RbR1EF5lD\nwHjHXLxKp0GEIONZFlteYcUJZOgDQczqyTplJclR0kfBoBE3tBdOtlB+eCUv\nnfnGX7+TKPNbw5JQ0SGhFyMkOfZ10HqgnUbpddDusddIT/WRXDFFumiNqbrw\nZOnESrz4jrbfPfotYbz6b88dEPPeJNInl+PiySaah17KHV3HeZenqOPUU69d\n43Fu\r\n=SrQL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.5e313b1f2.0_1581724048727_0.5969012068951516","host":"s3://npm-registry-packages"}},"6.0.0-canary.6a56f387c.0":{"name":"@material/rtl","version":"6.0.0-canary.6a56f387c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"21a756cfbf74110902c64bd0708d13a761edf62f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.6a56f387c.0.tgz","fileCount":11,"integrity":"sha512-+WpsFZxWxi47xpUe3+4sShPbG0jxab/T0/s/hKFyPNUF2EXT92JfcwZNugw9sUAOS7+CP4O3GsOmAd4UOmnOtg==","signatures":[{"sig":"MEYCIQDbukVmkOWwPNkQ3yPRQL0R1a7mWs2jHe3bVheSG8ImIAIhAPerkmN9oyV4T3pPzLmcYdBFO9YWJUQntSKoVLUA2li2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTD5DCRA9TVsSAnZWagAAI/0P/1zVYBFyyvjV4gJPv3vU\nKeJApxbOyto6CyJiOskK+vfn+XHeR7tvVmCdeiUKjROBJrL1OAA6xZpnfhSz\n+B/0lCLNrFWgXxda/87fcTpjsXBkWMZQOL3XTzjxfI4+Fs2CHEVcXwk5pRh2\nYKEjFfwtuZ8td9uhfqV0P9pwwDQ/flP0kcTLYirkI5Zh67wyW795r0pIbwMk\nGSa/u6+xkn1TD7ALrb9Ah/Ivpnc2eJZ78alrLkyDbIIOisL3CUlaY0JPFyBq\ni0B/hL22clN4e6tqWvvHll5ynrb30TYkevljzN79jAvZlKAk4szfMuPUXuuz\nTIfq7aMRU2UhpWKEhXP5b1wA3gaq1JlsWOiUPQiz3Yf4gDOUwYDhGnWa8O6b\nyCrIqgv2x2Zv/WS+G0jYn/xR9PbKl9HM/VAS36Cw97MkIxIciEQUFguPiK53\nJAGDZKVvcqI4S4K4lkzj7k3uYEqwd+s/Go2QZRShfB7gKUNStzHRnEDeV4uk\n/OEQMRYUTGA3CiPi2wHSBDw/qe+2G+Q2L/oaf2ZACvcVPkF74aAZWzTUlQ04\noTEh8Q313rQ3U13zrUlHd1RQxPSUJ6gJB5dRIx4BXLO1PEnZRYU80o4TKkVh\ngYZbDnbed6fE4hyCqf31HqAXyB0eIcwd6wLbj04FUnI3ZwDWF5zn5YG/MCj2\niCx2\r\n=Ci42\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.6a56f387c.0_1582054978597_0.1790149566858148","host":"s3://npm-registry-packages"}},"6.0.0-canary.bdfd52632.0":{"name":"@material/rtl","version":"6.0.0-canary.bdfd52632.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8ac040a431b10985c438950cb10051f6025794a9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.bdfd52632.0.tgz","fileCount":11,"integrity":"sha512-7VMi0BB4b7OSjnj3uhGxTcJ5LGqt9FpWIbmnmdtTTNuGLEXB+X/AdTBdeNf7tjjPvbAa7Dg7pZhibzthXy2GeQ==","signatures":[{"sig":"MEQCIGMKybvZ/IdXwPusvbut4sOVn6cwbBcvHGW6PH185i1NAiBCU6m/QwtgUwZ+IUwReq4cAbbGQ9tWv8MyWYmyTIFFRg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTZjoCRA9TVsSAnZWagAAM7wP/32ezYE880SWqHVBtSmS\nMQp0GAYlUbh4hwNdAVtunqOdEymizF1WCfLZw+W31Zbw4d2/Sg0/KFLk5ZVh\nw+/vKcCudqbx7q7s+n7RNVynm+HT6Xd3LdHR2qESQP5k5XqZv5kASWzjraAT\n8xJqv7TUiJkZCGSIbEcmfDplrp1/EVLM/r+o6a4qrIdZAwO0aJckSBCY7zCO\nzPp3ecSHk0M43JgMED2zL2+ETawTA3nbDuzWTGxRF0Dg9UXmtSMo7m++meMW\nleXFDmzBv+cqQiE2VhOxDQQdqyt6rfYyg9jHMezKkwkFFd5vQGVQxgwlSXrE\nitSU15bRAk4lS+d8icRdG3nsj384eh/v201czdZxtV2MAIfJZtyNf0LZpKhM\nP1i2w5iL57nDgVoOx6eSYa1+h3Ick6H6ppplfGCMrQIhjHBLgjeJind/dyS/\nNgS+B8Ucgl8wlEDlVFr7mo6KdCTZoVQiqa0Ap5PSxTD81TY7XfDxgNgp3bZs\nb5QXrBnrn/VfsiviuBNDBLUiR4HU3n4ni8bho0+NxezQiToWcz0cvyIcH+gF\nnh1TBAh8FnACWpYHiSW2BoUqdx4bBTYJSwwzQIqybOAfjTmjH85B88MRVmcS\n24vfdQ9k27rMYAmY/K1DwvdNOjTGfv7qnwwnmO30j4v9ZiiDO1CT4KK6QFyD\nS20T\r\n=wVAY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.bdfd52632.0_1582143719904_0.6902006543664101","host":"s3://npm-registry-packages"}},"6.0.0-canary.ad2e4376a.0":{"name":"@material/rtl","version":"6.0.0-canary.ad2e4376a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3681f3d8b91f3a595e76d30f955b18db8a8df654","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.ad2e4376a.0.tgz","fileCount":11,"integrity":"sha512-onAzV2VZeCmNbiQ95QmfomQpcCxlHoEZtCtYA9OhhZhY9Q19WYwwRTwsoRmVuxFkOy+dHUIRIJikAIqBBFKSdA==","signatures":[{"sig":"MEYCIQDYqyf0he0yXHMgu0BcCwHQjgQR9CZlYWSoVTboYG1NXQIhAL0KdmDyGN/Zr9nUF0JRALY+25SLZsP/Wb5nHApzCVGk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTxMTCRA9TVsSAnZWagAAOBIP/AzA7Fmme0DilB7bs1q3\nbxFs/REku69YfzJeEn+p/yF2EiOI8TrcGPciKj72/nX2XxaPF4xsJBla1S3a\nFkVaO+z73bH55oLxaIqmpEUTA9Ja3W4GrSCSeCkYZF2/FmJx1gZwGFVZvHwL\nzvb3b7KeokdvTHvfoMmO6R3eXOm9A9I8H1anXEeuI19vNCbkG0gUhWyAWdFn\nopc70MexsPS6+1PVlm1kJXcdoyzkU2FxWryRhG5H2iIbzT1JMMdq5fdIastn\n/N0CJpfu18jmxCofgZwVqbaT2oxugVitKafaNkc9kVT5TrTM3OPJ9r24WXkO\nVAoDTbrQSbNhQRQVP7PxhDOGx/N/YRY2JZdSuoXEmNCxYKSQTPZ0mRbLzfbx\n6MT8IwRv6mbvPbjxgmQtWlQU8VsJZVkRXLLbyp04PpvmT9En+Jb+razBRsIH\n+SW0KR9n2lAlj1LpgAJIVDtbq51pjL4hR28Iqy4nM0gD33dJ09XIu5pmWBkC\nvyoqecCumuqPpqZTYsqFVEFd6jWqYCPCZSaiSVFxoiGjVu81YP1xJrOQ7daj\nwINWlMgLSqEM8yhf4U78a41fnkf+YpdPEReXINjWu1lw9PSqyUnkegiZO673\nK70995vJ3dQIpKE1oErThIo2kC7oUjOTubiQnA+yYrjJE/nn3PgXrab/qVAd\nADVH\r\n=h/0V\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.ad2e4376a.0_1582240530905_0.08730906543705652","host":"s3://npm-registry-packages"}},"6.0.0-canary.765caef18.0":{"name":"@material/rtl","version":"6.0.0-canary.765caef18.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e605e253c93fd0f25af43d5610feb6b39033ee07","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.765caef18.0.tgz","fileCount":11,"integrity":"sha512-mVmCj+rov7AjQw8YX6yEvaxKZR8EwZrekbvBhxI34ZcMznG4hea27QQXKZYbzLQwLoY1XaWmCzrxPsmRZ+H2Xw==","signatures":[{"sig":"MEUCICmLjKALnnXLlZneQXQaNxSjgCctQfpC1xTdzPTZsW/7AiEAuizF67DqwMxfVqxlhaHNCfkTvqYG5anWmKrK1Ea9myo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUBQuCRA9TVsSAnZWagAAthYP/3lEWCcPGjXYTS6oQH6q\nkSwi+MgAVnpMZZhAMAtPIUjxNpJFPDs+Q9qzpp0lPsb4mPqHtEpVbyzrXhXz\nKcmgO23ZU9YaNdF+wM4hOWJQmfsWsW2CTfSZ1oD+pLxUdUyK9WMJtFcLj08D\nFNEoR5RcY+GWEBDVFl5gCQPDR5XspJy4kq3Azq7XOIgH534vYf71O2FzwIBx\nL+PCqnWrJUNitKoDFgc+wWwAlRvpLfMpqG0L+9pvwwPXVa/SLdyUeuKSmSBM\nNIgzySJYU3A+2szDqmACD+pw1/Vf3tnVcZHFy6VyCw6oIABtmmKDNDjxKkIU\nooveCao+lOk/G5EgK158KSzTtyr8LfG4bi463DvCZFQXcF/9WI4/Ko2BpNVu\nI4F5D7kQWCa1tgPQZSmW98w/fougBA+v7EFRNb5G8HG2t0j50KpofbL0TCqp\nnfCHq3LDt4XLJu0FoENmjv07qTg2pQCZ3kfX/V1/PP/1ruWAYZzyP22X+z8Q\nK1VXrLycwsgkEeWjG1+pJHb01nnGIqwEya6OxMXp31e7jJzL4rInSeFAUyh3\nMCtc9opGbYtjsRyW8imvaC8EW6EZMthxjH/idFvJbM3ok+PyDC3D164KEvNn\nwtqtRjBOUYpzf2TgqYrnRICvddg4BldMxbirW1Lo6wCL7by84qXE8IQVXbqQ\nk+6Z\r\n=mnn6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.765caef18.0_1582306350056_0.562502800909318","host":"s3://npm-registry-packages"}},"6.0.0-canary.949562303.0":{"name":"@material/rtl","version":"6.0.0-canary.949562303.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4729a21aa6dcfd542c4aeba5a8f2a50fdeba23d0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.949562303.0.tgz","fileCount":11,"integrity":"sha512-Rkf2RoJ9mZlKQWfkKXsOytgS7O8cW+xjMbvopJxsNmARzj+Ti5WeSK/FvOeGpKxEC5by9dIDYy7opcGl8PGqAA==","signatures":[{"sig":"MEUCIDwPKiTW0PsTZ+77vSAz5Hf+4J0XGGACO2fD0jaCepohAiEAjk+xd3FcRxAPSxhr5dEiu1Q61YM+LgcAkn0cYeHVimo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUD9qCRA9TVsSAnZWagAA+4YP/jODISGc02ZfbqFmibYV\ngU0yVcph0U7c0Qbs/9+z8H7kKKJ5KhALQIUV5oy+J+l3ovuKhL7prF2RCqe8\nLB0tUOfR4imJozmrYzAeh//UF4hC19sK/by7EecKKxDVOqnyURJPR3EUZttK\nJvUxa9DKh/FQMhG5UHZ+uWg/KwHXmIKWeAtRqpFzEYJg9gQZp1KuK0EMJ53/\neCcXxSCE6mbH3621+Z9aEt5dNZg/oElrN50+PM7tr5kmc9pbuo0nqhpprQ+8\nHtR6/L7QHvtvk5vN/nXGEecIRAomgNC37+1vflr2jrKRvWO2yUDQQaCc+2om\nVk1RjqJdz53abDA9jwQAL8ym71w+o+eW89Gp3QgnfklPIXvJHsWLNOa/SZeC\nfN7wVKDNHP7jfOcBRaXcUqxGZLi39uZRTt9HgCOLW/JfHm08xVFwfcVy5xlp\nF7MCAwXp49J13VJLUWbTDg3P2CDIhrSjxgOyo5mwx1HyOb2NeVG9yWQLlbcg\n5h6WaSvLMNYOW9ojqZ0Np3/0JnSTR57HVteAYF3V5XJy4wV1I/657T+w/j2H\nb/Y90aw/cJA7filT54K9gj6eraK01P7/SuXtSyW3HsGpuucEhU79OoRocgFc\nH9v5Hg+WUB/tw8GxDEdCnNUKt+KoEmNl62v9AJzIuJDup5yHprKxOw3ACTIP\nMwRT\r\n=I4yt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.949562303.0_1582317418451_0.07812111367945085","host":"s3://npm-registry-packages"}},"6.0.0-canary.7ec96974e.0":{"name":"@material/rtl","version":"6.0.0-canary.7ec96974e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"df9f290ab2d3eea9eda7639b66ffbedc66088023","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.7ec96974e.0.tgz","fileCount":11,"integrity":"sha512-gZ9xDkFp2QM9gIvsaGRFihzegH4ON+Mxyx8Y0mXU6TStAG4Za/6caZLd+8YwdwAQVpdpZsu71+w7qRqgi8CJ5A==","signatures":[{"sig":"MEYCIQCJ1HDZdKTwhXiYPH7P2XVCR7IpvdK6AHazvX8AL/EMsQIhALin+hADZHZruY16NXcgsIDaANM2nNdCGdNZnKpQh91+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVByYCRA9TVsSAnZWagAArlQP/0ATpU3CqtHVkBSsCjKb\n1y/Duqz8d5uvlnnfwc2tGR5f6gSLmNv3KxSgITQc8VEZ0YVkFPRNT8IKqQl2\nsdycVnLFxE4/AtnSy/YJXt+s5JY0059plCyf3ZTpU9k++1qYXOgkf9lCsgNY\naGu6h6T2Pe1h9CLATEkC4+A328N/Bx//vYbUaTjYzaaqmMJpEnxj6jRJ48aa\nHJD7v3H63uRxOUpeYBgyLY5Nlx/HS9MPk3vMQzX5NvHDJ7gocg6F/dV6Mnxy\nXTu72sjkqHhYxBxDV9Xfi712Fyt+rxNDEZADC+LdRGCg9l7MbWAUqByEZC/9\n/cZ5KtQ0rbrt89AL75q9Ta9YiSBKAJV/m6u2Z0cRN29c1RFf79Q43T+pzVJ1\nQYMaq6PeEBtUIzaOQitEAequFHW+wV9ynGi1Hs0hFjnjES9ngoAiB52tADa9\n2hhy+NxnBfjBoZ+hTYUdAM7nM1kYAdGuAAIjso/RPGgKM73dODS4fTlu4wi0\nBuvzPqt6C3FRFkdMlyZqKFbTIaXc5LkA/xi3Vo0l6dl2qBE5oxcLvmC11YF0\nhnfcq9g7MEVNXdvhReWm59JFQxRNZUwQOPOO5eC5NKCHdTIXcqQVZUyEbxlT\nSZma9R6Gg3RBVO1E8gwN+459LxDNIWxGSFQLY/k+5gRximpAqlzE3po6O2NK\n+veN\r\n=f3E3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.7ec96974e.0_1582570647666_0.8352375006938881","host":"s3://npm-registry-packages"}},"6.0.0-canary.265ecbad5.0":{"name":"@material/rtl","version":"6.0.0-canary.265ecbad5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ff991e46841902abdd0cb0261f92cf7522f74a98","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.265ecbad5.0.tgz","fileCount":11,"integrity":"sha512-0OWY84RVALBj1flRK5jHcNyoJ6k2mmAhL3XKdQjSLCwsbPbDFe9lgg+2xQFrbio9NZTx8ZesDcQl43+XDY0hnw==","signatures":[{"sig":"MEUCIQDYEx74+gzj8S1gFZYmK3Od1AjcZpQkbhS+O0RqcJGmhgIgHkAviLvKrqE3L6XnrkO71Xv2A4autW+6dgctGYdc100=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVYrbCRA9TVsSAnZWagAA9cEP+wSB0wv1VPxI13QdP8tb\nSuPznYVfXp/C/9/H2GBZkndO3Gu0RuOa6j6UGg9jW1v30X4h2wxtwtvX3mYU\nnZ7eAPCsPliSF0JZcc+R7yfFrHO+nbzhY9GiZs0jMRi6Hk5gRiQgikNTm1GC\nACzDWBudX7+hz+K1oyGqRMl+RBTnmbJ8kyZnUxSYTA/Om5eJ/K+tWJZaaHEr\n4hhcRcdqxU01Yrjri+/1vKojp4klKRb9KgBTDom02i4AWZ0IzIwcDvXe4Czj\nW5DX+a3/zfp9mjK2ZUJqnjB23z8TdoT2mJ9NotFou9AHKN+CxnQVX+HezAJV\nuHotm9tZUnXgOczchGpYpyswk+EnN5NRqDwgJn7sUrAIXiSjElNq7pqTZKqy\n9YnVmTWlnQ1qDlCov7RXRrPLvbsS3VaGdeaNpW9S6Qvg2Oz9/gcXywONoUPj\nqOpyHR4ArOyIrhxSM7fxcW6RcQt0VULUngdFSbwnHL4JCVJe8MbmIE1oZ0e4\ndw8nVzR2S1yi8O9EYMKCfeGh3GVk/j86G7YYgLDt7GKMuKAVOXTESLQEp85r\n4seQCiwwTZwq3KkArxSRrnQ1kgkEzsRnJDMfc4Pk6dlVR3A93gXpoXBDvT3z\nDIHedeMT34XiRbynmB5dWm34E12MYjabr2rJtVxiqbl0cPQsWTGLmV3OLm7M\ns8c/\r\n=NaHd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.265ecbad5.0_1582664409824_0.2233393882257031","host":"s3://npm-registry-packages"}},"5.1.0":{"name":"@material/rtl","version":"5.1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"abd8c2bb5322b8fbe549e2f467791612720da746","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-5.1.0.tgz","fileCount":10,"integrity":"sha512-Hij4KJIfjK63HArdQ3K1INMo0MbigDgL0JhjO1VDk5c+iYmYpjDI7wgPLmV5ISCBtenXRWpo1xbBO3uEmtCd4Q==","signatures":[{"sig":"MEUCIFL0S7cEUS2EiwB8gm2hxCwNU/nHvrMe9cZsNpAukbBAAiEA40i+LfMTpEIlUP5x8k/ByaFkGM2TLu3ACYmNNCxgD54=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14933,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVZOMCRA9TVsSAnZWagAABxwP/ii7hs+4sgK6Rqehmjbq\n5uFJhtd7g3nCpsS9Jmtdhb19jfS+Cu2nHfS2B328lhg0GMHilmgYcCkrYctj\nEg37jPn9NVpB9fJrlacB6aCWcgSt+5YWalrUNNqIGLtRRQFVJ18ZGPOuTFVU\nRktZEPcYBc7kO4ejKDEGJy1/dnYTyIRqIsQgBYG2r6lwCkilU69oUyqQAW27\nSih0s8rpQbxfcIElmLZhZJokl7clKeGS8qbdEx3kWj88VhXpt0et8MBcN//R\nVCO2PAzxBoccgoEqmBXKASH+Qj7ogHqqjcBtjoGBKv5XJa8uKym0ZEbCVfNn\nO+5pmZPi6Fs7ekFh04/CQOxfqQvxt5dRpHV/UMDlZyUZhG0VcVQVbgcnrz/U\nmciP4vwhCibkxZH4FdyemEUw0ndiQH1OBOO06WBY4PhDzW4L10jPn1wo/ZQs\n3g9gvki7BuJaDcK+Xw99Bv31Vg9c54yd5KewYYlhj0zMGt58IvoiP3adIJBn\nOfaY9GEcXhDz8IZPH1ih3G4OcFl9g5imZnw/mOMDsnduQkHqlhJLi+ye4ZRb\nxCILlJ1tMROMWbRkTMVbZWdyK+KZrb55h/0vA6+Is8C1xYVAHD+rqjfkeXAp\nxZKIPvsSRd8g8bfRGJTvHCWU98/S4w29xL+zEKIco7V0vwvMNa1KFeK2xRWc\nFYmd\r\n=Dj0p\r\n-----END PGP SIGNATURE-----\r\n"},"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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_5.1.0_1582666636232_0.8154239641247589","host":"s3://npm-registry-packages"}},"6.0.0-canary.2cf87456f.0":{"name":"@material/rtl","version":"6.0.0-canary.2cf87456f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8afd201db9024170f25807dae7ea6067ea3190b9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.2cf87456f.0.tgz","fileCount":11,"integrity":"sha512-sSf21486kM1yNOmL5Ih3ESa22YWlGBEO/f5l7o7QOsRy+qyp+g3xFvLEr0SKEqvXk05oE0H1mLEkwFMtOpdZyw==","signatures":[{"sig":"MEUCIEXZCYAMzozeVP4DlBwo+sxxmxxndDe5uQO0hIOJp0HPAiEA93Be5fnrYgJ+dbeJfl6a90fCc7rLPlFF8vOoqstH4mE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVZO6CRA9TVsSAnZWagAAMCcQAKUFxvEz8lS/5FwRwemo\nNYcgPoGJq/9DPH8VVEAqUfqtfl/iVbfnIgA1eO9qkdEpC58d3GJA/x/PHOrH\n0RUMOUOKGwOChYHo5z4hEU8a1QRHRCQPJ9rvSSGKzsWTRspHf1UmHA7P8jri\n9ZiCvriYLPpCoxWJ2XbcGz6ZV0LkEUPQ58Qm0WWms1pCBwBujhtUAQ/bbO1l\nc3TIGC6rhZCoOI9GYgtWEltqy/33fv3tl5hLQkDmz+QaMj2PbB+/RUJ9yeEO\nabjlKch7W/zkawjRLtOr/DR6L95VgRr965PXeK2elFt7SKblZJP+AtBPyCWL\nbaMw4lczDrvAXvB89WLcHfgbXW+EWAQuXdSUhsDGX7Q2qXJFfB6NaFgnF64j\nsTBiITbJEb0nzynjRUGSSfEtxxu5rZzzE7wUeVVuxGl/YFw3zzS6iOqiVxuj\nCYXo30wmckSgiLXsJx/gUCtM9isCsgLCLZ4Fphel2HLx8pj0fiQS1ZMxTWcr\nUZYsNKrgCBk16gziTTPjVXnIYqtgDbJYK3HmUM9crD8Tlqc1S1zyAML17NpF\nE69tnDFouxZO2OTYVOI4Hiq9zXcZOVivqFxINbsCW1GUQSWp8UCUE4fu+w9B\nOl1R4HzSXAWd0oHOwEIfVoI7TpwAy3CRweWboS+GhZAABdksUP75RirwCGKZ\n3PN2\r\n=91s5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.2cf87456f.0_1582666681397_0.16873156618710605","host":"s3://npm-registry-packages"}},"6.0.0-canary.781434a92.0":{"name":"@material/rtl","version":"6.0.0-canary.781434a92.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"238ce86179ae6580e9a5a4536cc53d8a55621efc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.781434a92.0.tgz","fileCount":11,"integrity":"sha512-M/jUlBD9oxKMDYuELEef5dCat9BEeJI5LJ4MCedC+q9CZ0JNtaI7eTz43DNwVrrmHWCqSgtqCFMXlnUXDBEWlQ==","signatures":[{"sig":"MEYCIQCgccwEC/YXayq9s16EmchebcoaUY7qYW7MX7OG/OdPogIhALLCzalDBRE0vOskTFs0ICZ1otBCp4o7wINT7WfqVjlk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeVa1eCRA9TVsSAnZWagAA7e4P/00t+kuHJncobBfJUsAm\n4g49Y37tVXC7BXnpFg6BEN4sJs5t0LqeDstM3dgQHacEiZlIto9I6h95/WZk\nzs1TrSjo767s9fJJZHhGXJesX+bQx6Up8JFK6gCIDTotViYq8XKnvM0Ohf2Y\nLKySiYJMhNk/pzLCySnGDJc2Fl4nf7EExn25d7bsfSpdLblOL6cmoXje11DR\nxU+J7/dyVRrxnF29WJ4u75lFnSeIJC87ppbqrr7/keklUoPXm7XZRmBB1LY2\nWDJmWFnyCPlrRO/GEjfvuQaRr/Zqvpfj2KY6Y/ZgMuw0DTu1FVcoBsXSp9oZ\nT3KtAOD5Gfgx9Wlw0J7aM/r6l5snn3L0nHXVwckxj3byWFpGtnPavRBGgy9R\n5iHgR/UmUuIED/2B2ppc9xg9e8quk/caj9DP3+Q+GsorggC+v19mPS6cTUHT\n4YBWHOPdmKrPtrQrsqORcgJwE8Zai3n0r4ID7AGcN4xL11opDB0CNL6TIsgO\n+GERnADRM96DpYCtQ9kcrX3l2OrHaxCwhsHiE7kA1g8AcKDDOP9HIl4KgR0p\nfrt8hJ/aZrbFJT6pQSO0WGQj7lZ9qfBuucwJMkYmRiSEsbts3T5TUh9RND81\nAquMHq7qLhcHxOpDRqBAxqT6Sc14EYx/Ke7IXFjRWTzyWCpDk4IuhCx9lZri\nV0WZ\r\n=+vji\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.781434a92.0_1582673245719_0.030453788060325726","host":"s3://npm-registry-packages"}},"6.0.0-canary.d6f60c98b.0":{"name":"@material/rtl","version":"6.0.0-canary.d6f60c98b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9633e16b7981feeabd7959f6cb4caa10438d4b32","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.d6f60c98b.0.tgz","fileCount":11,"integrity":"sha512-v6m/yqnHG/MGG3oed7j7WlxIdSZ8a1n0XCxz16ZoCqc5Mkgb37MedaOkSK54Rk6bn8nh+eDVXaAPTLxFm4Ml0w==","signatures":[{"sig":"MEYCIQC5IaZ1a2TRNvYsv8zJdzfuAtOgHYUVw8JZjlxHLw90YwIhAI8SNNZ/B5Qp1bavZPCRkThRY/uHqJJ9g/eHJwRKUyIY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeWY4PCRA9TVsSAnZWagAAu6sQAIpLnx6wwn/HEOa7srwL\n4rniYLyOFK/ofCZxe786alFrRFF5CttxRM2RnVZvWgJ2sC8B+vNzXi/S4/Ww\nqnfQyHDBIIRoXtnrzccNLRQCBUzTPI2psVSMO1kTGbIDU4uEGMRDRwyD4zli\ngQd8IXMYE4dIjOhgQDhpzQfiG2WAO7FYK9Jw5i5kVp6Wd0sDsoCkwmqft1x9\n2Ngy8MXgulo1dh7NklQEidBHUhqg70nVraT7bAHsAvP+0/W6n1wfso4Jbiqk\n2NJ03FG9e9ttT3gjQS4QvFIMnUy5L0037cMolVioXhCq2CWLPOpgeyfm4RBp\nFLV2OLDsAvwbzpJapTVgbRetu9LqAxvXqS8EpwUQ/6fIA6GTGmvAotGDbg/A\nxdSSO2tVCKHZ2nJU5LD0Zgau+z9Bb5iEHG9WQzIRdakENIoV5IB7HGvAG2nv\ntGhy5bbHYk8dz/M64rqPUBFQfOemk5gc8PgyLI/2Pf2Xvp3ErltVGw1OBtFs\nJzazLI7QvtX1Lb/ob29lQtsmJ+lDbUw7ZFyd+sTpSu/wXDerT0R+KZ1k1h/G\n3RF+z7wGOvQjZ4lBCaJhQzpeIYVwl+TH6xFYhj2sKSjSNvZPM2sedgXlXrM8\nMgnaFAJYXz32507CgoDLOMgBP1xlihtStq3zHJtgNWH13/po42HyOc9qlx6T\nGiHg\r\n=aCzu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.d6f60c98b.0_1582927374792_0.01787487171757829","host":"s3://npm-registry-packages"}},"6.0.0-canary.69edc6e28.0":{"name":"@material/rtl","version":"6.0.0-canary.69edc6e28.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1681520288497e7f1554d62311ff2a8eb5984cee","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.69edc6e28.0.tgz","fileCount":11,"integrity":"sha512-hMcHJ6nSRJ9t9zs+l3HTe8iw8vXJz+5mEz/AT0syvKQgsAF+n+2i+Mu5QpSdXZ63WJzDOhliXAvheTFdjI+W7w==","signatures":[{"sig":"MEUCIQDu1OWiGx/Z+KelYGeb9Tzp+05sKH51Q01A0Xm7Oq1NpwIgWSvlflw0XFha8AsP+xsT8JB0efGQ0wa745jnNB/dI7E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeWZAPCRA9TVsSAnZWagAAzvYQAIsor4CTUaKQOLSvDnWP\nK4bGz6q7VtwDApCJCNr21q9Hctr4mYk+JS5Rpe5MfkT5TZe6KST1+aqWB+ig\nlBQAgA4ZQbexrd2Jhv/MGoX5srwnlX733J/1myoMu7sCtJSocrqIWUUowgHJ\nYHKEXfAj8JenJ/WodX1GnzDZ6jeDQnMvvTpDGlgvxNXaCWVtPmfhQoU8ik58\n1Fvtv2CK+h5/1VQtUHXjbJBMQsbqLffVRo5OgbxL1X5PuTeYQm54IKUbqaXM\nJo0pCxS9Rs+HddqLUGs6sBX1NZuD1ePL30cg96mkfz0fS025vGt36XWVbAjy\nY3Qf05uv97brMAtxEsmQUTzX6MWJENvCDpFBPiihDt+yGB3MVOrMznWpnU7J\nCi55d3W72DrawsSKQjreCAhsC4PiUWHLIvNBBxZTpUQjWrrA/M+5xo/KntGP\njiNmhDJKAqw1i39Dp3EEVLq3ViRPmOxEBxMWGdXrKsGn+R2Dd3nVUoVhpbzH\nAojEt5vcRYPO0wu+F+PS68i/qmD3HJWsLo5wdS/n0ieiIXV6IE54EQeFgU11\njicoOO6EG4fIjYyPS92B1hzsBa/u4erfaW/cVDOQMtKxRTD0OK37qZPlqXXA\n9eTzrRrcbmE+6jV1KECRDD6gQ+4nvLnccN/5H4N5Is0vwEyH9o0Yvgdx4ocY\nDqYP\r\n=rozK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.69edc6e28.0_1582927887268_0.8050249140022403","host":"s3://npm-registry-packages"}},"6.0.0-canary.9372e4939.0":{"name":"@material/rtl","version":"6.0.0-canary.9372e4939.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bbdf1881b215c15e085166ca83849b616773c680","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.9372e4939.0.tgz","fileCount":11,"integrity":"sha512-cocxhvB3ccwTV9SZJzr1Xvvk2kGGjC9+TYu3OQIKbom7ov0ydHoYWLu2+0oMO+7QV0E+j+ZxTFbwvEDHlKm5nw==","signatures":[{"sig":"MEYCIQDsimTFc0fdiCOb+89FZQm5+cyvC09I69TgMZpleLffIAIhAOR+y9bGGDeWGiz8crwETZw73hQivKAEMY5MQF6dFYVd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXqtMCRA9TVsSAnZWagAAmnkQAJdjcfb/WPzcDr2nnbpG\nTmo8/RMRcB53iNC25QOgd0Z8/0dDXs8awG8W+Nw7uF6kSVgCiSdFuGVziu3r\nAGP22qJr5UbuszLgdyfpI+e7hzJTal8ZSfY/MymKSbPnYB0xi+B1pznMfBvU\nM22qmcOEqK4SWVHcXS1TzK9qAf1Kcuut0OCfHs9sN9NzWTk0V9LkJdkQQM2m\nblyW24by+/08YghoLKdTTOXZX/jxQokCd0C2QRPy0fQkkK0jyLbmCkg1kf6w\nIbLa2B/ic+h+iJTu/4DvF6BwkFDSXZQIa7G56C2uIZZmNAyp8OQy1q/B1bz2\n+LCriQeos+ZCY+3U7DSkrAGwlLlq8VjPLpg8CI/Wzn5TD8OpJILwUvXAdZH8\nAKh0/S7HaDzY7qXWdT+Vmpv4EM4EbjUNinP8eUKT3yU3K9xCvGAYwLBAmXIs\nIhFBN0dnWQDi/UEkAgCNOQmSkLDSXvKWH4oYC7gjYiD/5t0iqXUDKe/THC7t\ncZeq8/unKxNBXPzKretgYF9NZE3WUxDGZARIq7y+iNJ1gU9sWQJp/Yk9AI9y\nBLXahMV2d3IRjUFEQs7Iovm07h8gE4Gw3ytAOyg4JkG+mosFjMQyDEyxb4gF\nV5RkchAkeJJp0xcHQvoBgFzl94S0CnvlHEDvF1lm8hIlH2O9E5Fw3+Dp7g6q\nkn8X\r\n=RgDr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.9372e4939.0_1583262540535_0.03841789094565451","host":"s3://npm-registry-packages"}},"6.0.0-canary.9cf5e9842.0":{"name":"@material/rtl","version":"6.0.0-canary.9cf5e9842.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a3af579f3adf43d2a89de3d0d09fdf77cac7119f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.9cf5e9842.0.tgz","fileCount":11,"integrity":"sha512-2O6iYZADE/JIEqonh++B0JV4+lq1smxbrS0DoHdjy439jMj1jp19wkZuUw6qQJ6ojZ1UMzO8IJEtmzGK6uduTg==","signatures":[{"sig":"MEQCIGIplxYXqP00PxLQUm7rOgdi19i3S0R+LVLkADafRzwJAiBedZPxWJvOpQFpyg3yjnfg63C4jS2e86OegXAXf3hWUA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXudPCRA9TVsSAnZWagAAc3oP/2GTXuy8/kehu9DUFfCm\ngR8MGzA0F+tOLtDHT68yIs5zEtlgh42MTKQCBw03eWWbBGP9AnSb3v0iOeVL\nW4+bpKXXKqazWxLZZ3Ezoaftzl+Dtu5pT/chn3xyHMVYcack5HjY67Li7XE4\nvlJCqdQq7M0Dl2FR7zHNkc16vY+2Jo0c/YOEZilso0YGyMNjh2mFpD3KWgfV\n8UYn4XGAIR7r4+0Nnh03zLI2OXOJPrT4hgj8I8qywZxmhafa31plXiyN4ouy\nzzNKOKGrr2MJ/NW2yhezwiHcpmhKWMhUqoGVLIIGXUpmhXnwOMBpqENTvgOO\n6lS/eAkLhiibg8puLXR9QXvzd5S29NvMqXH3nCUd0K3bRtzf6gDlP6iM9Amv\nb7m0Dh/5T9xJl8ktb5nFnoGuyNQxk4shVTzCxfP4BUSp3dh/wR2zkmG8U4Gc\nWoJTD+ZrLAmaWaJ3GoruiP9ckUAH3nFV0z8L+WhUN7NpLfmIeqNZ6hlmr6UV\nwfc68VM0+K2Ucz7mTlwFBrwf+FPZeaMtnXtXta1yidqmk6Kpjg3C3/18FMWv\nLTYnaqlFhngxNRT9JqoOfLzXncxUbXiINSP6KCUrzHoxa8sBBPQmVNWLiDQp\nWxPZbIG74uAmzTx1jiX7hfFKClJ+8Tq5QR0MwVPt4NSjbI0ZNxpLUjqkuxhb\ndjX0\r\n=j58u\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.9cf5e9842.0_1583277903507_0.3123912795750925","host":"s3://npm-registry-packages"}},"6.0.0-canary.3657f8863.0":{"name":"@material/rtl","version":"6.0.0-canary.3657f8863.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"fb70a763d32c21aef8cc6051481e365de2f2875c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.3657f8863.0.tgz","fileCount":11,"integrity":"sha512-WizgOpEmq3BWMfAaW6XCYgosD1sQRSDc0UL+LXYvZszzCwvH1CD0JC/kRQCszQu7rVeCbclfIWqrwRCArFey/g==","signatures":[{"sig":"MEUCIFkrTeWEFiScSD+4oGwgbp3CdL1549UW+lbL/V5nhrqKAiEAs1pBd6BxVAOtvzhjcBLQXDJH8lNh6dZUh/cOftCH0Iw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeX+jDCRA9TVsSAnZWagAAFCcP/26uVx8077WrInZc48Th\nmOOMfsxCQavg+MbMvY7eg90jDyhSrQ2f+yrkcljyT5mbXDZMK7FJ9Av/PGJB\nTYioqLW7HN/uAXhh4Y6eadGPQQg9fER6W5EAZbR94QVJgPqnEojnB7wxJ00+\nZZI/Ac/w/tgQfI4mpIaTrOgSSINV8Du6oxynyh7j5U1qn9xeMfJKaIbQcTTq\niHUjdLUvgj0Kk7Rt82vb+3hzX48Wl1pRoisnrgXo81SOKv6u8h9s3M9tM2Ix\ncryg8v2nfNXU9fK7UxGy01VCis1iAUejkqtEJsdxXKBOm20XI7XhmX7+U97h\n0rB4QwclgxKPbVotAjUM4SxIXSrTN3rFsSLmUm+zF2c5GD//ujApv1hh6/Zn\n+6EvPt4I7nwNcf+PRV+KXmX4erVBcIKc9bOGyfdhVwHSWwqLHZEVH9aFTHWV\nyz+gQqTt2iFIfTMYKqChkXI2JlzROf1XVz4deEVcYbHswrIbH4wgfvSM87L6\nQhVPU1QhHQ2oaBQTp11jBo4EZZ6vNmZaT+Gb0UAhRSAImAueVfOLLo+7pnzW\n00wgjnMjYTeyPRNQQBciXqxpaaTJpUsZr3txLJWDU0qiDHftuzRS21LmpcMz\nxu2ojapaC6bbsX3vsw1WG0S/VBuqiEBe5F0LwHC8+2GoD1zCdyklCWq/Jy1J\n/f0n\r\n=AuaL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.3657f8863.0_1583343811043_0.7936262575992241","host":"s3://npm-registry-packages"}},"6.0.0-canary.98b843417.0":{"name":"@material/rtl","version":"6.0.0-canary.98b843417.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e408e1a8ddc899dff7f1b62238ad4c3522d56d23","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.98b843417.0.tgz","fileCount":11,"integrity":"sha512-iYCatKdF8XX/sQgceWOgqZyYbSYGX8xXRcRN8U9lnviYwqcUOxvPPvTvhFqJFkPG6E9sZVVhNBCesh/Vb2HE9g==","signatures":[{"sig":"MEUCIQDHgIp8/Xpz1XS7nVA0UtD+MieqjX/MXVp/ww80oy3vMAIgW3dYIhhy37NsFA5rXtFH2YtbAhLPvZxDYQLAyDT+Asg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeYUVACRA9TVsSAnZWagAAQVsP/0IJMimHwZNRFMen56bc\n5VEfKr4wSiF4ESyWUbHTuM+t7j/bXISMRSZ6L8gc+Q/Z9hj3Z1U6RQnCj1vk\nv7Whzb8nFdmCOczQZpUBTHBRl/kDoNdQOt1xgym0PoBW93nZtgc5/Us2LnIO\ngeLjF4u9G0ntDudM+a4djPwDckw7swCIW/QYvnPAo4aApLufA6nlNPzpRT+H\nlRRkfeM+odr3SSGLLLowAZptJubfeyhlt1agh0+gXYAvn9DLaxVka3MwUxR+\n9NJYYM2fL5EWgxLMfT+HGYXjoM26wVWuxhEIffUxH+kX7XrcdHiyzChmguPp\npMjzfaRtRJhTGHq991OBR3FFVufwjNP/jEKctOtqr1iM7eCVk0gdzXKVxG0O\n3k0uuTbEqbOidyWCxW4qfEphbB3hO6m/8E2pVIv9PzLCwZhA9JaH0trbgPIU\nAXKLpKmpy9F4VJU28h6GD/NZntV5nAvAoUYlezteANy7dksfHXwNrwgmt5Qb\nRgubEuamY7/hSOx9n7OngzoxMHgjrQBzo3wnLiSZxVijSYFt+L2ypDXa0/Np\npmghN3sFKpcO7WsMNJVrJ5sxlM4RhOIgKE73BCK7qnFC4+O1UdDb5oyWCmml\n2fKAV5FL57YcDAGpXQoReYt1NMri0vASdc7peBI25cjMXO/Ei5ytbUIYPluO\nxGZH\r\n=Kacl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.98b843417.0_1583433023798_0.4746091463127422","host":"s3://npm-registry-packages"}},"6.0.0-canary.17b9699c4.0":{"name":"@material/rtl","version":"6.0.0-canary.17b9699c4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"611b0f57c7a7e31f80c746e0bccdde08c6ae76e6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.17b9699c4.0.tgz","fileCount":11,"integrity":"sha512-Cg0kaIFdfA5RZr5Yb+oDWvlqpZOYge2Hec088engUKYzR4Q6mIughL5BTeOREkkRZt12j84QWxryTs8VeNy7yw==","signatures":[{"sig":"MEUCIC3LyMyF+xFn5XhXDAAb0yvxDM3OYq/tmUXx56wd7UgdAiEA4xYhR7LtWPWkhgO8rIUFxP7L2kzXaX7AZxRkSNt8Zp8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeYVFGCRA9TVsSAnZWagAAcVQQAJzCxarKE6tJQfMUTniq\nyGAiCTj/BJ2hJQ1xtBDGCJgkFlUsDhF2d7Ls/nyDELQnCox5cvKTVI6WaYbp\nvIpMdLtKBbScnJRJl3XcsW3IOoUYooHfWS9lgJHRTj1KRM4i18GbT+KeQ+q2\nnsInllZWlCdFg8DxjqjmfE97alb8+ya+zgb3BCij0NEOtVzaZIf+zCRh6ScR\nVwtrJldgldAShgjXzUWtiNsffpH8AGKYoBnkKwve5LbKKxPxWUQ6r1wZGWN/\npvvgBEAM+7mvzz8htaXviMX2OhLinmHpsRDOOQDZFk6bCo9PiNCkSKaAsNRv\nuvhyccsiWj6Y1EzmXuNEuDFYM1rLa57Da39R0g86rDZ4w22ic8z3Q53PPDon\n1B8oIO+ydUaFJPn7yR3Jwo7U15aS+vhb62gQ+7BuzA7qq7omvyebH7RtcSP4\nIvOeqZrdGVkgRrteoIo1R3dchAaRW0pG8mthKYmQsXi2mC5lYwu0a8MdBRKb\nooj9X72byiNhQeB7XemxdM/4U+lue4POoP6dbPMHS3OHevpWBnF+aSB6oWvW\n+kDfm0J2U6fxr8Qzk/VBje7UYGTIRNqmA2iX/xUIuYT07dYxjz89SsnoNi7J\nmUB4wrp7T8JjS78d7IlmCuTKpFdNFLEpALyA2ZFVZ4HuIR/vkd4sTT0Kjkj+\n7oQU\r\n=ho78\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.17b9699c4.0_1583436101388_0.42431906230500815","host":"s3://npm-registry-packages"}},"6.0.0-canary.6ee035572.0":{"name":"@material/rtl","version":"6.0.0-canary.6ee035572.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"84d79c1cd4c98dd973eb1965be2327fe88bbd92c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.6ee035572.0.tgz","fileCount":11,"integrity":"sha512-ndUvr5HWMXLwVRliaUGvKGY+AE71udjBMpvbOR7Y3XQFUpjBhtakQtTH1CFCy5agS65cTBYY2xNvxVXF3q9gGA==","signatures":[{"sig":"MEQCIDpwKKwsuxrEpc5LEioRr6eckXGvvCQkylbtzOyb9B5xAiAJepYxGV0dilqh60SNZduK0Tm0AV7ClsX0kBrxQEF6Yg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZnLBCRA9TVsSAnZWagAAw70P/2oNYQL028KvH9ZprrUy\nl01/ZhED/RYqhOYm780icHncC82QINkRc/FWPaA6wYA0479IFyuaY9uhtQJs\n8E0HmsLE/c22V/jF7LiWrP23Nmnzg+WgFQDfId0yVN4Hle+898aMKRCFl9zf\nKZY+f9neCWOCOxYzYNvqfDejiF9eNl4F9fITw9UaE/5dhjcLVMUsAEjlPS5a\nTRpzc8pmdYYOnMUjEzWcCtcKFLpKr0o1Ek2nXQCXNRlcasusdhf5yQ19JjY0\nkAmHMS0YceKi7fnuTfLRWG+rgLOXfZrZ0ur4fm7SpXRbZKfSoJGP7QLqOxpJ\nRLtn6POVLDPN6vwIK5awP9u+9/rQv9ThvjIxVshvIOBENbY+Nj8DUad/jP4B\nEKnzVPj8vtcrD2ZWTtUQlqvy38Kk8M5Hn7r+frMQ2HmcWiIuh+/sZKsGN7EW\nln6Suz5lmwfaZjdAqTVsGmD80jvyKjTxzqbepbozrZTBr3+bvFhCRoOZyYuH\n2XM3IXkjP4QodofhyC9O+rKt7EYetyJQesCKrbe/8SuZjRQqc0zf7pvwjNZx\nllHsreXrmTbRqcs07ikvriv2qbyykazh3BBatmxrKsU/03197QfYHUPujwS3\nONOkxQaw8mT5FENJIYRAeSdtYQr+KcWfzyPUlk5ZIqUKyzJGbImYzcCEM1tz\nU/Te\r\n=z4Xq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.6ee035572.0_1583772353172_0.18342689523155098","host":"s3://npm-registry-packages"}},"6.0.0-canary.bd33cb56b.0":{"name":"@material/rtl","version":"6.0.0-canary.bd33cb56b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0a2ef3b4d739e82e050887dfa68dc10a48001bb0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.bd33cb56b.0.tgz","fileCount":11,"integrity":"sha512-5O2/pyZusQ8fZgrYRa2iDFWavUeUAZdJT7PdI1ykvGxk+PIIIMghzAQnQ1dSryfFx3+dcKZn0NBcLsVLvhMaQw==","signatures":[{"sig":"MEYCIQCv3MAQwyN0NkSNycw65K1ifWpCKYXk6KLqhi0YEWq1EAIhAO6/k5wIOWNur7KEXYvGYgXaUbNKveYBODcGUuo1niWM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZnsNCRA9TVsSAnZWagAAAh4P/2qGAtM9CqTfo9H9L4XZ\n8XxSGTKz4IOAsCbGB/jFh0pYMfCXQBg2l+erq1bYISP/weffNnc6ANHnwS91\nu3uDYCrtFCOlWh+15l3jZ/L5VNF/esdkn3yhb8N/RBFW/2fwJQWgsu7MB07Z\nVhi1yw9m7k7Opvna01WLMFIOYbRkIvL03VdJj73liTkYiyg3skQ3iAnjkeNv\nn+7w8ornfr8yaxhQIpm0eFjThvRRGZXZkKxZJhJDBwPF7E55K6uvJt8GVEun\nUs+5/onmGatK079e7LSiOWBwsqeis88GOJbLBu+aZVtKCCgqCOJ+sxZmJSyV\nnXjNcAzVeS8+Ex7EQ4A4j3RGuEMNmryb9ogtJIA4odr5jx0YZ4jxYudGAJSF\nxhB8FTsfuKJHgtHZ6PZQlaewR0ejeVmnj9TL06CcDII1iqhzYR5o8e7xoHe0\npTFXwmM7qF8BGV1cbF6boY3QY1qMe/wbeIPTr/aT1g23nuBTMj0EsGusxpxS\nWgdDT3arnbeLICpJjRFTELawuMT21YBhRdIuWE7/1TIDiuySKD71/0HMqImt\nkG8b9fDKLdhc6Jts/WvCkzXhqwXrw31yBGWKirXYACzCqWww+vHUscCCnAS6\nZuB7XvvWm1MkYmuWrutyexgk9YC9HOC134mBHIkPXjp3VKY2VZr1G91KHqSq\nbPHv\r\n=MK6B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.bd33cb56b.0_1583774477333_0.8016809279913888","host":"s3://npm-registry-packages"}},"6.0.0-canary.9ebee4ceb.0":{"name":"@material/rtl","version":"6.0.0-canary.9ebee4ceb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@6.0.0-canary.9ebee4ceb.0","maintainers":[{"name":"anonymous","email":"abhiomkar@gmail.com"},{"name":"anonymous","email":"acdvorak@gmail.com"},{"name":"anonymous","email":"allanchen@google.com"},{"name":"anonymous","email":"aomarks@google.com"},{"name":"anonymous","email":"andrey.prigogin@gmail.com"},{"name":"anonymous","email":"asyncliz@gmail.com"},{"name":"anonymous","email":"dfreedm2@gmail.com"},{"name":"anonymous","email":"bicknellr@gmail.com"},{"name":"anonymous","email":"bonniez@google.com"},{"name":"anonymous","email":"obrien.test@gmail.com"},{"name":"anonymous","email":"wangchan518@gmail.com"},{"name":"anonymous","email":"emarquez@google.com"},{"name":"anonymous","email":"esgonzalez@google.com"},{"name":"anonymous","email":"kenneth.franqueiro@gmail.com"},{"name":"anonymous","email":"lynnjepsen@google.com"},{"name":"anonymous","email":"aprigogin+npm@google.com"},{"name":"anonymous","email":"mattgoo@gmail.com"},{"name":"anonymous","email":"prodee@google.com"},{"name":"anonymous","email":"williamernest@google.com"}],"homepage":"https://github.com/material-components/material-components-web#readme","bugs":{"url":"https://github.com/material-components/material-components-web/issues"},"dist":{"shasum":"1a340ce24838045a32240d1d7be3490dba4f96bc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.9ebee4ceb.0.tgz","fileCount":11,"integrity":"sha512-3P2EbIjFeHMuOMLI/2kFK8F2mG3elHVtEmFSeMsOrKiNhs5k/vbGwqAvosOo1UPtU0QW7NIPFT20PQD0Dk8hTw==","signatures":[{"sig":"MEYCIQDVSiailz3n7yk/RQ6Gv/71wAWsP2gHDJu+PGc5y1OJDwIhALZSRf1VdhMp7wkPfH2ZHBcI8DFwc5sDvbDi0CqUgTyd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZrFiCRA9TVsSAnZWagAAASAP/jkpsyvyiNHt4VksNIoI\nwO9CYHB7j0ZG2YlRJ+Hc4a9Lf6Xa43KB8sLC85UNaVfxTpGuI1zzfyVss+Z3\ngDHt3luXiKeAuzFrFWDFBOVeCmxpL+INiC3CfE/+8xCUL9ZveZQUSsvyyULe\nsewhmfFwSYKuTv7np/rhGVVOjqiLVZyoVaNVhu9GV3xGkboXyytaqpV25O5w\n+muxi4XpFPME072jnVoTYc+ETT4q/1Wu1VIInQrYoA8vhJQ0pSFZWFNP1AWi\nr9Mr+XhpCuxUTLGBc6ad7TE8fdh4qT1zSOhlPK2GaOYIvYbM1Sqd75PtxVvt\nbWkQl15bnNK20juPTpZ1l3kz1Eg/BgXmMNrn7U7MvTg39v9lvDnueXYw4+Wc\nVNozBxnA+vLTVsyh0mbcDN2uuyHHIUAnNun+l0R0yZHFFDOKLLKrOd8F4mqQ\n4keuWzN6c6JFIJUwAxbNmqHd8KS5XjkJi8l9EQmNtisJyjLr0S/e7/C9P5CR\na+rXO9vcYmFNIz09nwYoyuDcSlgelSPoZs6HxD5zV+KRZFx3WjX4lligmETr\n51PnlkWSrmPbf0i60eQSHH1SjT1l2zQRsq4x2GI3uKtvu5wDrrl2jmxn+OSD\nqJVo9vLIBxFI2gmnDIsdcM3+6Om8qZsP4C7IvaATZ6hW5YZv/R+zNOtYHial\nbX1o\r\n=tcyD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\n","gitHead":"dfb57a81f5ec017319a5b83b6acaaad397e95839","_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"repository":{"url":"git+https://github.com/material-components/material-components-web.git","type":"git","directory":"packages/mdc-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.9ebee4ceb.0_1583788385936_0.1131300403310489","host":"s3://npm-registry-packages"}},"6.0.0-canary.26c049afa.0":{"name":"@material/rtl","version":"6.0.0-canary.26c049afa.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"40e6b7a49087804b440efcc979d3a36ec899bd62","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.26c049afa.0.tgz","fileCount":11,"integrity":"sha512-efWJXf7VE84CnosU05fAxUAFqsMVtRMzvZaitrjPjq+q3SgStBNpVt0yNgPUySDhIQhhEHsM0lMcxkukdf/U3w==","signatures":[{"sig":"MEUCIEgSpYEn0CQrorV/1JvokCaIoUB4JpL8Vi1Q1zkdDqlxAiEAwigioyYOyGDnr9y2/l6QDS6ZhE1nBniMQcY99oOS/+g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZ8f9CRA9TVsSAnZWagAA/pEP/2h0UHA/rycVFVKHxAaA\ncWEbKuXgjDs5iILNkXHLPRPe/Jk6CMe4HXUwBTV5IXXiT2ZuIizwSPPeLqFI\nH2K/5pAT2Y6PIRLkFVQXGCKI5UN/AmI0YHFEANIJ7oY59jUdgiZXgOrC5t1s\ns//2dJoxoLs1+SvMlk+nEbM2+4Cr0rnUOg45AMp8for1e3p7HyizXI4zDJCO\nNaqJzFGEmuRJdA+hLqBkjqkc3gcGmuhptxftmtUwWG9gfUw/BH9d5GtOxi+g\naZu9aYyS/HePZQhpJ/np5S7UFP/4vWsRJFibfVbthR1kldVFdf4FBwv1Dvdn\nAin1x4Mtp2U0bxiwR+HO4e/KUwzKyelMD0tterNsh3atnrfKZRZoLhNWZz/c\nvinuQEmbOvY8CPQLEhwOtvzgpLgPEcbS6nEl73jVYoI6g9VqxhQoKiWDtPkR\npkDW31uyo4+fD8vHhleSrkhwben+y2HruNa5+waWgIqSbVT5sQdybbMTXXak\nowfVc76l2fYcXw8W+DSBVrakJ+i2KE8eishrGNxPGLxz3AuauJzWoV+OYw6M\nbeFKT1jJFEvniwa2Z6JgvGVQpHNK4ynDqGMH5JJGdEDvGztuXXmTL5CZGtFE\ndB+joqYKp6Z9yNhZA4sevfsASMO5U7V8VePKnc0oPaIrWEnvJ5b6NZ1S/74S\nTO/W\r\n=IHlK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.26c049afa.0_1583859708913_0.9001012081686459","host":"s3://npm-registry-packages"}},"6.0.0-canary.a731fd0a4.0":{"name":"@material/rtl","version":"6.0.0-canary.a731fd0a4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"210b5ed9a537eefc67b55c4b883b885268d1bac8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.a731fd0a4.0.tgz","fileCount":11,"integrity":"sha512-cfZsuwFguibmybX1ksmAAMx3fNwD3oq2vmyRWzFK5X5a5LhUA37LSQD2q74v5BxOsV+ed4r5+7a2fKkqJO97NQ==","signatures":[{"sig":"MEYCIQCr9o0cgYORM0txkKvc1wU0rMnGYWGZ1K026iaYe4z/CgIhAOCFTNBHfPtHJt6GaJJ1JN2YZyuMIzmkxmJ9YjWpG248","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZ/kjCRA9TVsSAnZWagAAUBgP/jEOlyITlPSEJKLj8y+R\nq2c7liX5f93oBDNd9IaEv5aNkijPcZLyvpIuS96Lxd1nCPPeHfefWNihscn8\nu+j7hjV3uPdtww03jmzydwziESvYRI7Upl84gxAFPGK51LjAdJGun3i+YHVe\nQl4ni4yCL9X4rEUhIDuer+OBDSDqZuBHpMPl24gJS/cFJI+tx/ZfJDz4iwfS\n4gAIxxumAZf6nEgJdrlNTKkmBgFfXj15uEE4kFCljAG8OiwN1IOaZ9iHT+M2\nnbI/p+cZ4s6b7uYDXvZ6TuAC9Y6j8+QC5P5YxrUv4NFi3GqrrUb10/XN7tfy\nxUPAYdAPq/oSLrR1pMOb8E2fgZplx1mow0uPXvxFvjPidy2ch8NGT1DYHi/y\nO7X0S2h4xztHosNvUHfqVGKfvrEB6auxjPjrTZ8dt8LkMjIrxTRZTtz5v7H1\naJSCf1/5PI1So4hcnNDm0SKJos2bazcvOHwSvPSdh5TsacVnEQmg8MghNUz3\nBI+IL95yBWWYw2P72pZm4On+PTdLvGUW3wWpCFKkkZZDccFJk/IGq+RCkvPf\n5rjEv5gA2cLiNMCQ4U5nep29A/bbdmg3/d5DSSkfzRDmQe88LCc4DrF6/jGg\n98AwGfWk22cP4a2YxGEbDjfHdqRFvaj2clx3zbDOTjk+dHO0/l4g/CWrVavJ\nY7Tz\r\n=mQtM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.a731fd0a4.0_1583872290434_0.5814070383498695","host":"s3://npm-registry-packages"}},"6.0.0-canary.1db5c9fc8.0":{"name":"@material/rtl","version":"6.0.0-canary.1db5c9fc8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"dd6acb58c39c6b4a6cb62b27f3882d622b5e6571","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.1db5c9fc8.0.tgz","fileCount":11,"integrity":"sha512-mgyfDZUqI9Q7JTlN6k8AzYsLwCOp0FQGMM3LN1dRo7d9lhJlGtlPHhQN0DAKdXvktB1LQ+KISVN3yUAjLpR/wg==","signatures":[{"sig":"MEUCIEkxsP/EV5fKMqY0JEITWRUi2LSSflFO9qpPwzWaws8hAiEAq9594EIhTiy3XunfN9KVl6BiBL3I5MeeTTd4PXBZy20=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZ/ogCRA9TVsSAnZWagAAcqYP/A1qtvsIbldPizaxRDrg\nRcnebLeA3oTueicnhRoh/mn1IZZoMhWteStmxTaUcnYCNI103ZmK2fzYs+63\nSPn6F4wMKkgNbBvLCK1Bwi+jyurNf0cKQa7pnee8Rvk3SN4OPUMK6InRkakn\nkGLMPT7yvvBuBt3wZpksGpqFnzfVMD+ZpR92WwwOpxDrRRieyhd7c3RsGCla\nHNrnZYuGjxS06GJ9XuFlTyDZMZ/HItK5HAl7gI1sQ/P3Z16xm94BXhmDPT+c\nuKCUYcxXIcqwnmUdgNSJOMA65im6G2t/gZj1g3kDte8JFb3c2m4bAc3cabD5\nmBdh8qWioMbZkUE+x//k4IlWHVAXCrKWx2psL2oMHp1DLtKuUbAOX0LulOM7\noll75rlPn6zkjNVBOTtJCa3w7S/UKMGNvhjXWDyBvwovfTTVypltmGgKcNcn\niz1Gdlf+euRrpOpSqFXL5uNcYoed8zuN1HHZq/pI7yvFyRyJ2RswyGkZtOgL\n7Oh6tQdPMhtkvh/PtIaxJek91QxTKF4n44IeH3ndWlIJuYc1PB/qFF6Q+OE1\nraOygIiVziyCbgR97tCEaDHIA7pnq6hhuSwGJClm/iPriu/QseNvashZQrDv\nUiMJElw9D78BbQ9ZD4F+bkpTez0R+OB5BUYNPhAXibsIzW9vMGc8qGNXPZpr\n6DYj\r\n=FQop\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.1db5c9fc8.0_1583872543695_0.21809598427167387","host":"s3://npm-registry-packages"}},"6.0.0-canary.4971637f4.0":{"name":"@material/rtl","version":"6.0.0-canary.4971637f4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b5ce28495942d4c36901facb7f89b82bc084ffa4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.4971637f4.0.tgz","fileCount":11,"integrity":"sha512-mFo1y5STEilMvgN/jTnqo5JA9Z3g9Ux+nw8WP9SbvVhHWhmaRBE9IGR9FEPCKP30a6hNLmRIl6I46LygsC/9sA==","signatures":[{"sig":"MEUCIBZ10kYDBsWNJ9KmmCXKw9eNyipKmVUl5GfdmYLI3+ppAiEAiFmp52fG0UICEZCTue0glGsaKbbTLPVHz2is2IZr9tU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaBtVCRA9TVsSAnZWagAA7xYP/0GmzNnj+IkmHenrYWQ+\nazecaGRGV9SQhSI0l0TaqGUkn4W865WmUZcuVc3yUvtvDnxXMWvs1fBPjhMp\nYPXzqdOaSfm5xwnK/rHzByOucG6Av19DQb47F9LUv/bagwvzAeq69mNXzDR9\njPHMUmLe661UrLETIpzC3vjaFq3g0kbo4sGaMZbK8vs7pESTzESMc74pzsBL\nx6fuGDyd23Do0r+7xWQvnjKRSoeIpbvyxPGA2Lqm8eiSFg74hn/c0pifL3Kv\nkv0IsecLHwF+IjWngk+QTb1s80rKdxgCe5HDAh1q/MIL9bIUHuDvAhGCB1hI\nueXB5TIjJx+nnPyvfEwkrBfGMx8ao/K0xRzgYc0dLvet5L6/9zCOwRs8z3+I\nT0JtPKdm1QLuhcrdZYVcj7axNrEXywoV7dq3knbuKsUJiqAQvjlFtI2QuVaB\nKmVO0ih5nq4eJ65cvHLWQewcd0hpiwutk80Mx/binyzv7QInKu6gQ/iI+ajF\nO7QCNzkiNz22MbcZ12A/0Z2mynw0Yv8ZImaHAHBvB288sKTUNu67zunQBG3j\n9yrDBikTdRB7sPLLc/dCaGSlF9rnx3VNu96SN/YDId+fCFiDzgaX1+3cck0j\nJsX1SC1IzY42hBIf0bgvoVOwcPyC3SjUk8p6cBwdSH4Xej5qQE+edjYshFKN\nr5//\r\n=C9Ph\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.4971637f4.0_1583881044566_0.17783070132428125","host":"s3://npm-registry-packages"}},"6.0.0-canary.1ae8130ce.0":{"name":"@material/rtl","version":"6.0.0-canary.1ae8130ce.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"970197fb17b63b2eb2d1a9e8c308dc7916165fc2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.1ae8130ce.0.tgz","fileCount":11,"integrity":"sha512-bq6W0/Qlb+SqQORg/ic4jnT04hcQbzFdStr30clYRHoHMDcylAK+GLfZtw9wDmqSV5YBYLpaKui9Nzu4Po5+1A==","signatures":[{"sig":"MEYCIQDlsMojwVQwd3l6fhXn8j06siZr+mERiCzTuU4NeIgckQIhALF3oJcROra+An4AnSdut3zGJarnDY3QzI1MmNwazgGs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaB0TCRA9TVsSAnZWagAAbt8P/RfyZYvDhvpYtkrJj80Z\nUB5Kya3eExc5Ke+2U22aSxG484/ezui5viPuhbBrYLAEQuDQIAWYeRkdKkmr\n9GJ97Mb2ZznKdZ0Y4ayuLUVm//+dbQZlq+i17s0MI86Z3GGxXS465QDDU+N7\nh3wMbYlBBImXmrO7iGlW702jeNpRLc57bYuyxTSG88G6+UfUNjkCLUmxJloh\nDgwpzHp7IkRjplAXhuXE0Ah9JW03L4BtLW/hOSxUtviv91O2a1YG0SUfEmsX\nkYhi8xTRbeNYA3/LIwjkfShwUhRQWCz++EpjtvNJehPVGnkSOgyZM6gkdvmY\n2dfPDJ6pCoOfw8lKF8pJRU/V7ssQ8SFS/Ua2S2vz0XBU7RqgPb2ZNkVYH1kd\nnxCajadKlAX9trbN1KQm0TL783y7fZm18+ECWSUqm7uCJam7MF8x33esG8FC\nJEq+EKhkZbsCFf80RX9jluETGUeQVKEnNIl0pmTxcO2VrQfd8o5v2rzGCtb8\nv+3KZPmLmJ5AP5wzEhDOW/M6oaCioHMD5LioUo9ijI8i3mnD08gULIt6oTMS\nDE/410QUAL2RR/Q9fckFLrJ7dtmrqqkYzpuFF5cI/xRoL6XmjhU3ys22psvX\nyll4gvUPnzaJ+ypfTs32nfxW19JLLX8lX5ebCL2L9JIxz/IczI6XGvmdQSvs\nSm6c\r\n=71O6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.1ae8130ce.0_1583881490575_0.43664402305314387","host":"s3://npm-registry-packages"}},"6.0.0-canary.8639c2690.0":{"name":"@material/rtl","version":"6.0.0-canary.8639c2690.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8a0e7a0f430b79b2179e554824f5b3d0f62d446d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.8639c2690.0.tgz","fileCount":11,"integrity":"sha512-B4bqyUIjboPnjh96RzTnM1mdlLTmDocZQR3sh4wmowmvcLUSaL7SNsp30saZWYj53dxWykEEMv+CSkj8/rPaBg==","signatures":[{"sig":"MEUCIGUQ8QG71ngACkA7cPW+iZL7aHWCPzN6unnPT0aG3KblAiEA4lHYkc6VONUQ7Lss7XZJ9jXz/ZZBdaGwqOSqbKcCJr0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaIYHCRA9TVsSAnZWagAA0RoQAJh+LpE30uLEdN+VyQdD\nmVF7F69+l76dN39fMa3Hl+UDmajgv+jLhT0riKBxXXScxg2NdyptIvXX0lG3\nr3wsGwaDRj10vnZUxhkcnzVCAnscyB1B92ldkferC0i6F7bGnCBTagFHEFE1\nogVOdy57RKLcP8fYAPYSEbM9br+pyFP9OSp7ZipdEF7W6Xjj4pR7Vi5mSakh\nFEhIQLy/R9rst2/ZrbK/kZGyhZSF9GcV1OlcJZwgg8yjyRK7bk/JmZPxsbAJ\nvD+JOCAByOPY5J+XGJGUxRCIJOe20arDmXhi8OFhQ18LURrPbd5pE6mrZhD9\nj1c+0JilzRayrQW2eULyu2HrXG3cEsbRYIDlm1lupUjbHfnVXqEepgEnk+Ix\nl5pTW8a6pRj+4LNb2mo9IsmE7L2WkhkPnBg4FjxUIzL/BzYsT3OXz5Pf9ZuY\nBLqO8MOa8GjdA+klK5tBbRyDaiXJO5bCUp/3iGP4e4ij0VeI/mKiBwCus+GE\nGuiAcG2FHISBBUErl2AmCrJlpJr/0rVfNyLtDi44euQeWo6HpfKIHpqIkAI6\nKuI5CFwPFJBxSmoMfXWuvzodlPQ1C14Zru6NMuTmOh72T4m/ezmnl7oNhsQy\n53PkajlzfvnGUZI7GaUFa132BYxZTj2dKMjXxGJToau6b2qTKGY7cPeP8UOu\n0pIZ\r\n=Sf9r\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.8639c2690.0_1583908359277_0.5419349610747981","host":"s3://npm-registry-packages"}},"6.0.0-canary.d5808057f.0":{"name":"@material/rtl","version":"6.0.0-canary.d5808057f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"355201153de920fc54dd79b03e2ec57ec2330ab4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.d5808057f.0.tgz","fileCount":11,"integrity":"sha512-V4dyerFfyTXeq3ut9QifDT2xuoT68ONA8CJNG/DmppCE5mU4QtYJgMvDeBLuKVSoogy7NOcKAUwOh8vaheFBfg==","signatures":[{"sig":"MEQCICixZUrspvpn3z6tH9JmdKgOaaGhGFdINR7TlJaNyEgLAiAmKhwV3wgBSc5NJCPPIfEIxXsQmqzCFcUii8gsNsjNcw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaRDZCRA9TVsSAnZWagAAMqAP/3EMx42cyikV0vM0caRA\nvHI5/9+7gC2V/9wRM8do0SK92D7NkOmVsLornV7BRRkyNqOeN29RtkJbYmfG\ne3V2/u1lHzYYvJ4pJqJG18+NjMXk4OaTO0HA5lU0vWzvRZgnqiNhPsr+K+xu\nhqMRlJIFb1g/HMFhqSn+pWFC1O2SY7eB/j0VLDJF/4SOn9IligQATNtS0afN\nRjuJzKEFMoJ5RQV2jn1d938STQFMLEb6stuq1SX2/N15z4mVXRRwvQMf96m4\nyYnkx92Lo6gj3KhEOi62TMM8fDKxpKy2kKlUVT6OdVXP/SiEmk0mBZvuZeid\ngu2E04fEHxipm3os2760PDqrF8sOYNxBRzaziMWCkIRt9hzOXdchk+iLAABw\nJ+9hZ6Lmtp2KabeLVu6sDDjLFI4HL0Mgarr3XpMOOg/qP3hzyasoTOVa5S4E\nh3Ia+ftzgB6cmxxQQ+gDAS+bq2iGVUQe7RiU4h13SmBVXXVxEWloRpbLr8hu\nfHvpUXn/CmtdIz1CsW3Svrnb8bS0wfBnZF/YdkxuDYXrF3qFN4zqU1NNuy51\nuKQ+b3pF2DgtvTaAZdkFPgv+UybdDxOWRPHERj7uMalfPIo3c4psYiJMXwOG\nTIWWqNpeGHvAOiMUwryXiPgMqWi0r5iVKOxBbzSDb5zmARJANfJj6qHuyFBO\n4VAj\r\n=YgxO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.d5808057f.0_1583943896897_0.7607885370712315","host":"s3://npm-registry-packages"}},"6.0.0-canary.b3f58203d.0":{"name":"@material/rtl","version":"6.0.0-canary.b3f58203d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d0d1342f82d5e309b6f2b37aa9ea06a1df4886b6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.b3f58203d.0.tgz","fileCount":11,"integrity":"sha512-3RZSwHLXmSR2FKLkqrplKjR9BBSpE0vZ5IyKqPyvg9jMBpmFeP9RNs26k/1rF2oOG7uHvkpR58v94qWnF44blg==","signatures":[{"sig":"MEYCIQDKIuJg5+Ki2JsQC1sbNowH6eDiaoJh1hFgriWk0ArJ/QIhALV1Zgn2LoC1srVqFETKmED/ijiEguvw99G9dBPXGSF3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaT31CRA9TVsSAnZWagAADMsP/3j/6N8dxg7A55j8OAUa\nbP3FUHf/JpPN7kACV6aYCrxagv1ee908+aL92oKOZA1+woaR1gQSK1AZ3oHa\nSQx9zr9zzjyitWpevPY+ii027RqUlEU2dfchM1NnwSYIg9EM7aGPby2l8biK\n98d4Us65VPOTFCt0Pr7z3X2kzIU3KZs26jEdvrmSP29ktBxi4GDEPXwd05Zb\n35Iixz0Fs9AMNMvLq6JjAO0APYVkrVIPinZFAXQJAsEDQfqvCrO4FA5qtekp\ntfHRpYkQyypBkvoqbe6KejnntdCN6gj05HHI7P7TPo8BK/IEOsKC+30Ekrfr\nyFIcSxxqeb0j/NNA09MlCR5z5pkEwdUADu2NPil28+QUs8GYbqS9po32mJNC\nJh284bmN37wJQkRHWK3cNSho3EIK9whCVYLrXCvt1hc4daNvpdBW9Dj3hjWk\nwdoMwRUcfQQoSFgGrvhMOKgVAfCrl+3ajn8wLkL2b7C4Z43cVeojgvczUrKU\nQqwRB4YQzsYW/V0kKW/VCMLk1BNT64Km8pXcgcX5DU+wx5H51Mg8p85NhISS\nOr2ZAB84gNCtTnzjqb089m5IpEyaDDfT0HLD9G8BaGEPPN37eGI9ZknLYtId\npC63im0zcS0i4D0QNfp/FwnTSrwv80uopikCuuS2OmUja3GmvHPBjGB4DU08\nrokx\r\n=5IkM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.b3f58203d.0_1583955445018_0.9481936893755794","host":"s3://npm-registry-packages"}},"6.0.0-canary.bec065920.0":{"name":"@material/rtl","version":"6.0.0-canary.bec065920.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"71d1c0e0a9e54c89f436a7a8a221e52a729999ba","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.bec065920.0.tgz","fileCount":11,"integrity":"sha512-ncjT+IJ9snHpQoiiuXUGMj65yO/KcOdKY1DSnw2AMUkPuE268Seam2yHn0Dw39ws1eZ97psTZRckr4o1dP87Uw==","signatures":[{"sig":"MEUCIQChum4LBal6m89LjGNuR8i73fUB2YiQH6AHy41dKrhtIAIgfOm+69K52jsPOGuBkUf4UMg/FT4OIKbsT69Fc1G4usw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeapllCRA9TVsSAnZWagAAaigQAISAtmeI+6itaQFhdceo\n0tE4uDbxLE4jO573/tYm8/phTMi8Ta6wHvhYNHAtB1sIaua5b44+CdfzU7kF\n+RM8c7BDhvJ1KudEccaqTnqxkoUr3uSrmJFKgJ6P5ACOScOFma+e+599evGS\nQVDB6P2TAEZ6TNPrV9ox2xCORSUP/xaHFFDF4orfaUOfz2yTMmXhxLZSRqxA\ngzWflCier+gNhU6Xa6o21TeWWieoF/uPfZ2LTo3obUIIpNw2MZ1YiBMtd8xY\n6bBst8uA690VKwhFuyCIUTDwi7XS3TILeCC8IXFDoqiX6s59ToFQYec4ns1s\nZqNCtnk+pY/3lK2PLdpXaxy+gIHZy9WIBVrbQN68I0Am/x9No7AxJcCSSq7k\nfW+ByHv1XSESpcuwgGgnMCRAsN3yq+iRkuRh7eWkFAFnlirremesAf1jydva\ns3CBwY+GeCGwSJT1oJEXeESl9Nu74vzFkxrk0EBjL3Go6N08DLjji8RHqSrb\n1uwA6hjm4BMaFJqIlzDQJDqW/m1ewgDL5ddc/3CcdUBjx4mVbtSZbksp252H\nW++N4ZckYehpB3QPpQuBXN8eEq2lCyiwGxiE0Q0SpdfkurBfXjqIkOTCppBZ\nQ/sB1o7bSQyRB073X64nTb170abJxKSN11yxe9kl/TATdzl8eeij7Z96WnIx\n/gkh\r\n=uj9s\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.bec065920.0_1584044388656_0.9176588201301776","host":"s3://npm-registry-packages"}},"6.0.0-canary.776291ef0.0":{"name":"@material/rtl","version":"6.0.0-canary.776291ef0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0fa25a180e74f03d3add2fc2330f09a4c6598ff3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.776291ef0.0.tgz","fileCount":11,"integrity":"sha512-0A6N32dJfieO2elnlFPHgtLbwRBckM2dtJCk0AE6y6/m6CQLuZUWsD1JsFwAxFvwbFwPfrgxPguuKhlRODRVUQ==","signatures":[{"sig":"MEUCICIvlAIZx3TPmt4tAq8kBN5HJZnnQylVyE/8FL0OVBp6AiEAp6hQzTevyGi9R3cG9TFYc9snGU/o9YIxVJBskNdBKDk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecSLlCRA9TVsSAnZWagAAliEP/igPVokx/c/OBNF3Mii7\n6RzhuA4t0uIJl+9HbhM8KZpd4i8vO1Z/5St8s/yekpNt8P3e95Bg0Hfig6sV\nOYAQsAMGAfKJZ31dlOd7NfnmUOyh5uZyy01q7E/z/8pwBaL+mEEXDxXcmkZp\nMZHwKk2OzssSpZSvdvWVVvb/0NYKc5S2SWCykVGjeSh+CZNdOOi3vC+n53OB\ngUYdoav0Gnlmy7v0uZm3iqRT7Zy4LC9rYOddKuxv8QOZIXV3kgVXnibUAjia\ncVmuznsJpN1aFZVBkyyjglXOGycR4MX9fslTQ1aUtrekQOg9jXUcJqG7vAV+\nQE+4wuOv8Q2OB24WtZI86nReCKL/ykrc7bNPC4QjNZeL0YEeA0eU9QlnRrxK\nR4EBJUr/89b5z3b0sXEi4ARfxy8jj0OTubd72T/Zx6ovd5X8Ax4VC24aXqYe\n5M1CpS66t55czbOMegbkQoEfoZn2gGSQ01hVZoPjPrlbMDLhTFQQTmYePqZq\nywvadEVsdD+4NbGASZryY0/FvwbGXLpKu/O5edgKJxuPFh4/GDTkkIInEvwg\n6IhVJRceTkdHNPheqUTwqjzlwoomMH/WN23Fuktq1t7hsWx1HaABFlXuKMKD\n5jntwXUg81R+HGSrD16ldLCs0ktp64WNA7FxThzD7k/vGlwZE9Don725sizV\n51KD\r\n=KzWe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.776291ef0.0_1584472804835_0.20120516682527523","host":"s3://npm-registry-packages"}},"6.0.0-canary.ece19f3dd.0":{"name":"@material/rtl","version":"6.0.0-canary.ece19f3dd.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"21394687823c692cc001387dcd427b55c0cd45e4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.ece19f3dd.0.tgz","fileCount":11,"integrity":"sha512-EMNAsK/4vIqda6m2sXRun2YmGvpvL7eNuh99IFuHR6X+A8kXcrdoDCQKihmzmu5fq2PUn1ApaGsBLTOyX9S4og==","signatures":[{"sig":"MEUCIC8/P5xYIWvEnhdbhVu0xvqQ3hKmSSOp75i0hzEszlVUAiEAyM1YZg/2X2FOSh6zdfYCumdvZyR79+bac2ohwMQLOv8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecUiKCRA9TVsSAnZWagAAKwMP/27dcIqTzK6ZEMDlT6X9\nEwi8+fJ9xHWt/UosjvAUH6xkS+aBVlifFt/6gPpn2B+E6t0xwu4suvptbwfx\nzeEzSPDTxlmwGNR7Pu36Ou8JUq+6Dkp4Wy/6RNkmS4iYbstxqE0qyfb/+opU\nxBLbRe1C3/0xnhwafVHlA7vbXsHgDuVtHOJxlwJ/dH9YKIqWzbVjR2j+/CKM\n/MGLf2/7tI7LtLrA3wjGxyWyPWjxTnMjQUDH07j7xPRk5CbMkh/xxUtw/VVH\nkeYbqm9dPBHry8teXKyGOMSOKORXZ2vhhsS3Y5MPmZlxVWWVr9/xdKEeedwn\nZO03HT+breJFu4eGB7PW5ywNXW9tuY5wZ7vj3fCk5T3Bb0XzecwaymL7NL/a\nGg9nn9b2wIMAlrjdkotMAvV9X4Cj+B8JM2bYn+oqsmAOMhd0T1YUUPALQX09\nq9FDh3statW2cFZ9Bdl16jUXGY7IECULApuVRwY/cD5CHMYXYuZ+7KQVuOVN\n5Z71C8b/W/6JfbyCI47+f+ueuQJ99LZte8Winw1xhbn4Tr7XkrMpwWh2uD1A\ne5x6gQLO18j1MTpGK1P1YKg6mrkomijv9OCMHEBk7fZURWPaUge9r6eOotmJ\nsVvCa+fqjRPcmvUcYfT9ywMHSq+62YkP2KbKAfpc34zq4gRsuJT/OTZ2KRcP\nO7Y2\r\n=8b+r\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.ece19f3dd.0_1584482442490_0.7468535058870964","host":"s3://npm-registry-packages"}},"6.0.0-canary.4dc45af6c.0":{"name":"@material/rtl","version":"6.0.0-canary.4dc45af6c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"eb8ea141344ca305d0e90b3e2a75bb1cf3238df7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.4dc45af6c.0.tgz","fileCount":11,"integrity":"sha512-6oOGX5o3Oyea+GCol4IZ1afwRoMPX7da7XzrO6HnbBz1FbX95zDmhQpxmAxEo7kSy2BzsqByzKupdMOVVPgyZw==","signatures":[{"sig":"MEQCIF7vfAyQzrCfryLH7bPD40dyysI4rcrIWugGpHT5J6p3AiAEU9nMPMB9DdKc4hHbDWb+W2dW2JN3C0AUlM2Et8FyuA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecX2sCRA9TVsSAnZWagAA0ksP+wSxyBKoWpn7EXYuRa06\nryLCkjyVv+vAjahCcgw3aQViFI9d6f696pluJ8W/3m6/2e6mEAVheIp1m0BE\n26f8l8aZ8FPrBRRASmWpOfFbEMCeCLt3WFgeewGZC8WZu848YsJvF/N+xpQ8\nJ1S4FFeI8TOZmNYKoU/zppqxHFKXFUceFO8CimTh83zWsJdjGn5Sf5PzwN5W\nMJ59I92H0LVq74Aze11cDB/lUYs1N8bBcUlBucuZCEKssPLQ6YfEMz2nU+af\nQsBYR87dtGaAYCUxblbeTkYYTsC1LBEL6LV/RPyjlrwVIoDsy1ppxOQmHPns\nW08YS+Hw/HHX9JrU1iiwE7pv29KA+iFywEXlooK5BzRAVmES39iE2enRhhHQ\nlhmrHFJk5bq05J94Mp89XVevXbppHyxsHfnCFG6+VekfJ/EbEWrSoGd/dlIL\n/z2hlDnh+9BozIva3/JeNgOLZ4Hk/ikFjEX3ZJc10YgxsZO4tHWSAwMFrtlQ\nYinyVv9El4+/P2TKWIx4Url9P5zIUJSKXuqMiI83jln2/f/j+m/geDyYZpHT\nS9TL9G0lTKJOXeqelqnJ3dNSqLofQ17KvwoF3ANKQmqy9sKy4rH+9XgOnvpn\nB4qBo34jb/8QqQvjcA1InmeK6nR5ldQzKB21BggMlL08oLipqiXId17sKcBW\nl2m/\r\n=GGlX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.4dc45af6c.0_1584496044144_0.8459933219200613","host":"s3://npm-registry-packages"}},"6.0.0-canary.6b48781bf.0":{"name":"@material/rtl","version":"6.0.0-canary.6b48781bf.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"044ae837a296d415e0de2cda1192f554f0836caa","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.6b48781bf.0.tgz","fileCount":11,"integrity":"sha512-CIZZ/fyDavGKzstT35j0mpfP67y/1TrJWxg/fWaSlZmoQmouCzckjXinoDvDBICWZHm3XYdLqzGw3XEwJHyIIg==","signatures":[{"sig":"MEYCIQDDZFtNBk587woel0Ri2PYxdQ49+psva+j83Vlym0mcGQIhAL8lIPeLoehYPlOS5rtUUof4GoBKnFxffrPRlVXrkliG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecj9qCRA9TVsSAnZWagAAfR8QAJWcjglsUuGBXxH1bycA\nydS+0i66rqdwjWPuXbcjhq07c6wpGF0WbtR8q0mlq070/yngK7plt216KmBz\nc+eNIvOHdDdmBamKUNccLkxoCp/pM3DQhZR1GB3q7s89e79xF5ucaFDyo2xK\nkVANzshbMte3sR40Zm/8aqb51Zq2IxgJW9+jVtNN6Dd8BiFYNLfMBy0GDAxA\naqxUyMnPi8Bqs6Plm3SLQFyYk8/jiorU3xbxHkxCOZKkBMfO8L9YNBZ08Yjp\nHyDegUomUxR3LKSfNm4v9R3B6qFYxp1bjoy/BJv79Kt9kY6R+1UyY3qVO10b\nZzpUFjfWH4lysowoOxLJg5JTGLbCP2l4LxcEmuK0hQgtUqWDYlnJQ4fdeIn5\nuGspEG+iJq4cbpsRgLqLVp56Yy2xhWF47ZhDq6PSOp47NPwKNRDwBc+QQ9Zf\niUm393KKp1hErufuyvL8kQ8XoDUW4Z7SbUH4OrBu3ZXgGVvQz8ivwafPSsz/\nrqZRCMlNhZ2KAyWX5xJKur4OZ5/8GydQuoZFL58vdOsDOCKDtRmjnzkGQc2Y\nOQKY8tlMSEZ7zop492d2+VrgGIHmzSrYDtzJEAOuUplNY4sc4iffpNq154hw\n2HkVb9fpYenIlXzJJzXw/0IftcROjxOOD8j83TtojZ0bDnb9G39gfLC2Qtyh\nUiAM\r\n=jIkO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.6b48781bf.0_1584545642518_0.1060804662694268","host":"s3://npm-registry-packages"}},"6.0.0-canary.a88c8e4dc.0":{"name":"@material/rtl","version":"6.0.0-canary.a88c8e4dc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"46da177f9e34ce597ccaead21aad31c82cdfa1a7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.a88c8e4dc.0.tgz","fileCount":11,"integrity":"sha512-PGa9DbXoQbkDlEaw9FjVL03N0ZA2RCTUheH+xMYh13ioywzksL93y6BN9efQKGB/hNtzV8eHFsdOKealW1QHMQ==","signatures":[{"sig":"MEQCIAge52XjehGWPUDR02JN1WQMMUMG68h21FBElwrjOokzAiAibOszMklVlZ56lVqEYpp3lVuSKJSQdbKmWoGvw1bNiw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJec61XCRA9TVsSAnZWagAAsKEQAI1KF9opGrwEYYTbgajB\nxf/yV/3KwRMWJ8IJMyBuRYcI5oE1D1+FWAE6uVL5Rzh9PRDr9mp9BSK+JlDO\nzlD8A6S/mXHVXdwPI2bGw4n2N/5uY27nzjzWFK1JqOignXMxgOiR4TePWkZQ\n4wqdDcaGGTOlT+d37OoGzYIlIifC3Ve6LGMjNB9pyKbGW4Tm1a49LMtYK6cW\nSQ7cwVVISqXRvrwV9IRVq+d1kjEva5hPI9+bdCR353jDL0sHjWd0PC6yoxlL\nHrU3KkhWzAEvxOmR3n/TwWBJA7fB96YZELIUWV4CE9DSTflEih7Yf+4C+4Es\nsS+7Nw+jtpuCe6z5z/c0YFvP4sIIiOQzEuG4625LKbUXtit99WoTxCmowJGe\n7h0Pf5xzXJujuggQ2YRyhcOtcy2RBIxg4iL4pi6UVSkNCD4KaeI1KxsrsoVU\nH+DPF5tzbwoWC9RD4CyS1TDMbNaZo9FfCFvzuEbM6D43pT3r6Bex2UfLBrRM\nVMcV7LP/+VD/rqIPndf7l/cWQWT0Jyzm+qxEG0BvcdznCF3N2au3iWatFMiM\nj8gtLIB8rRuMR/vK9Yr2995al0lsdLJpFd+ucfY1nZk8HSsFCNbxjCZ1m9P/\nvNz68/Ai9iwQ/E0WWD339gZSxw6mJq3kNDCdjLxwRHudPSAH+sh3m9dIlYwD\nVMP/\r\n=JGBy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.14.1/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.a88c8e4dc.0_1584639319078_0.35094433450377904","host":"s3://npm-registry-packages"}},"6.0.0-canary.cafe18860.0":{"name":"@material/rtl","version":"6.0.0-canary.cafe18860.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f6d1c299da49667a64bf330dd633582d61269d97","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.cafe18860.0.tgz","fileCount":11,"integrity":"sha512-OibvIwTetdE9JJEuWxxaK8VH4Gyih2puoqtlx1ow9hNxnX9+kxtn1M/6pVRRs/eyQYT0a7Kwez/f+iSA8dC8Pw==","signatures":[{"sig":"MEUCIQCBPmT3CoGK1jTSAH3Lw1KRHg7CmFpQphnqgg8JhAsP4QIgaACkg3Zg1WftXhNr87Pe+XSz/yxUsDDLCEDUWRDMAoo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJedNjJCRA9TVsSAnZWagAALq4P/iuY0mSQ0dB5x1Ygrv/c\n/Gy7LZSLmLpIxPeJcSCP1O0W49ANCh6yc6TkhfOaA20NXcvNZuALKG3njAGI\n3nYyZ07FFtysSB/qHXeYyyAvUmVdr2+KpTNjX1pvMU+RxwWnzYR7dcLEXdt0\nXXh5U0SCP3jIqNPTsJ2iVEKkhhfWiSyDWNKV1GsetN1dc8CW+cc361og18ss\nq63STtTuWE6h+6Be/b/M41obNNMkagNbjepcPCkRJ9oqcHjG8U8FmirqyDBx\nfQtNcoWKQErxvG8S9vTbcPTI3TxcIQ4el3SWIe2Z3WtTOPW3Ni2IPRmbeGMr\n7QaGYrzZHZYvagsQ6yU+ZMvN0W5J7jDJ/roO//ohRvwE2IG3zQ+S0qT3MKEP\nFTaDTjs7+nPjbwQ+v2v5RzFiDBvK0+iPxy7M8rhJIovJ+rTdagQuvdDcOhrY\nh99r+JeJa5M9f32bp0NZ1jZ98LL/YoZNCAk6e8YpH6RxEs1tHfHmPlOKzubl\nD5e49vHlqh8qfjxq6mqu0S+YSJ2GgLhUe5OFUFCcnFB+h3T9Fz4Qrsb221MY\nQ5N/GFoRRmWVRhI8Ax1BFzKfcybP1lat9IN8pmzuCsCdw5cXyJvV6q0zv7dM\nVYZTEU0WRw3wRj0DGws9fbaMQjm0UTAtwvsBLFMp5st1i2jNCgPGLT216tlD\ndaZc\r\n=26Y0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.cafe18860.0_1584715977241_0.03569111308531103","host":"s3://npm-registry-packages"}},"6.0.0-canary.35a32aaea.0":{"name":"@material/rtl","version":"6.0.0-canary.35a32aaea.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b89ec89f8dd96353a53c6cac0a6c3e7be6c710a7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.35a32aaea.0.tgz","fileCount":11,"integrity":"sha512-G/xg1hIxLXb6+EA4Pb9TCkYsmxJRzrRhD7PoGb1SH/stLfyx6V8zyvWi9Te8VKCesZ9HZisB7VmN9+aI0NZnkQ==","signatures":[{"sig":"MEUCIE4dW6FQbgTnqRyuhAphBmxjYnRhSasHlparVvn4m0O9AiEApZGOmRmhCjiQVwjPPbTjvAY1HgcbKpjd93tHus13zTE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJedSBnCRA9TVsSAnZWagAA1XcP/3Os9/OMjkbgn5fdMbJ+\n10omDYR2Gt+fqK6bh4hRAIQqpBI1C1g2ZQU5mAEWE7oMT+8yyke5OEgEnKor\nWpb63iTfXz4FeqiFFAk6v2VTMU/YYAfQhuOh0EXSrxmkguZcB4rAICa3R97W\ng8PtMOLVkmkrA81rnrAZAFvEzAoPg414qTemFiHhcNm55FYdMbo3rhk12Hxa\nmDBym8yXUHU/lEU2ypZ9ErwV+RX9+mg1avmo9vfRPU//j0DxV89RobHeGWop\nrSKaQ0GhAL/Nro4cYWHDR/iylYBoJnPo2Ht/z3LKmxtOtgOJafAvopJrhaHr\nqCJTZpKlaoI3rwTkHlMlDNxJxV89gJzgG68sybQaY+1qFFxwyyMugypM4pDS\n0npeYsvTfS0VAAaj6HK63bsvyvU4VHWzNJ2fPqDivYcVAqGKixoOOlW6uM54\nfj2cltUcXuVSnWZoSoGE0z/JKXN89fNSAkLwXCHnrVspR4R+/C8BygWXSB4u\nc+kqrMufbzf/I6slUgIwxM3yjEas3DWOphX1V58wQQT0qUpC5UquXUAmsMu5\nbzh+0CwNw/j/wy6aFbJvFLMY4cWRmdlZTzTe8iUAhRYlwX5jBOQ1eA0TOn4f\nqCChedrDqd8j4iD6akJGFz4/of6jn+svy8JKh0tpJWWz3AjkhfbOaRz/dkpn\nzA3m\r\n=pYT3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.35a32aaea.0_1584734310643_0.45894519712553694","host":"s3://npm-registry-packages"}},"6.0.0-canary.e75deb854.0":{"name":"@material/rtl","version":"6.0.0-canary.e75deb854.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"791c9d45bbbe16c69e11ea942c750eafb4557ca2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.e75deb854.0.tgz","fileCount":11,"integrity":"sha512-zcDCDUHNsXdizeMFE0obFxSMoDcQOIkeG7MHE3ez1fCcqF2kagq04ypkMQSqxfES86jecw0LwluaNudzG2uugg==","signatures":[{"sig":"MEQCIDvp5coit3Tk0dI9y1y938nCocj7erfbWRYb3YOXxma8AiAcdvN9hSvtUGm1A/0CmjZxt62GDZp13qLsHOHt40QVYw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJedUBKCRA9TVsSAnZWagAAMKUP/RI23/hU8XwRNuMmM1Tl\n1qahx+LzzqANuBZKzFRBorl9ai9upxz3v/vRRV2Uzl5HaWkN39I0QFMmq3Oi\nQMZO3olc22vYxoMdj/lrze52hab+i0xep/Ij0fbS1He7YU9plNrOgRJUGMYc\nvmVl8FyKjzwOWL/Xl0H8KzeU9sJzboNt+WumSa3AvPB3QVF0DjsYBHng1mRU\nOIuByh6xLR/SfJiI3OjtjLPBTQri7uLhaXn6x00L4BiODoA9E+kNk9VXHBZc\nSNkejYvpLXY+vyPXk2kYaM1FzvCTv+8ec0gaBrM17szZ0emV9G7U27rwfTwv\nDAcb8sDE66DZjsNoj7jWhveT6/RYqP5KBh31tXf7T63roWRqTxXp7y9XTywR\nzDgj0/AcCVMsC5OAj6VErUssyXz2pJeKu2hP6JZxL5BmRuZVqllq4pR9Nd1/\na5PrZWLYKmXZwBylBL9efD/eMiyEYtuqqVN8e3H6Mtk6GAf1rEAQyIcyxQ0M\nCE+bhGSpVi48cOuPT374dvAI6u2NAHRIpJ5Us6e+pmSbJ/ueTaHPdB8dyZuV\n0NE3f9zlZc8aZ6qh1Zur8X+PrDKVZE452Cf1cd9Ci1Gc2L7O43LnRCw598SL\nJ+iuMPaCITy4HgZ0iSEiNV27MVS/nGQ2jolkRYyAJltuFW17BOzLOpZ4//FK\nFiSh\r\n=eCiq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.e75deb854.0_1584742473673_0.8913146219832475","host":"s3://npm-registry-packages"}},"6.0.0-canary.2cc6966f6.0":{"name":"@material/rtl","version":"6.0.0-canary.2cc6966f6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9e2ad5dfdcf41e751647b7e3ef34605d8d4b54b4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.2cc6966f6.0.tgz","fileCount":11,"integrity":"sha512-6ZyaK289a2cv9jaNJilHsSPZKuGtJ/N9PXzhSHm22LcNgAh/L7RWLxfPolVDGoQWcJrWYewKYzqBrV7vqU58PQ==","signatures":[{"sig":"MEUCIQCCkOf3x7f3lezKLy/LZCEpu249waw9UX+Xj6zTz52xCgIgUS+l9zFZpmk6eUWwVxOwXnr2KxWBMZ7E+XjkRiH1B/c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeelSpCRA9TVsSAnZWagAATAUP/i7ssRHawBZ09ay04Ig2\nQgjvLZSCmOfqM7cG4BOHkcVlcN2sj8UGihPD9s7lyhJRvU27VqTsYoz9UP9A\neQeiVv+j5BGydnErKVsBFEUeWsqLU+baKd4aRfn20gZPuSCjhTTCmFlOGx7N\ngbtBbHV57U5W5/u4UVQWEV9a+CbbCBbCvxSh6MCsk1lTEqw+cG29To3uDwNM\nFdwX2ihTn4UC7hWmj81ixm3V51wLGrrYsQni2ozWbmLJLiqfUDTreAKifUhT\nZ7vOFvxBPJqUpiCrRf6xvTdzvdDRaKWjtUAY9K03+ppYIgHvp6SybLDkiz8c\nzI0CxEEAr/KfUuZlSJBpgWKIjE/AQDqE4Ov1OoZDLFKshRK49aPOOj0kpY1T\nByOq5Xs9mA6sBG7ONpuDZ7ezrojvHlZVkIx9qndbJXeIEn8y10/BgSypq1iJ\nyoHD6FRobq/tL8R0Di+UYwhPMtNH5V8xzmMhyjX1O6V47/USnreOYMf1hyQU\n5wD7ZlpwiHvxYLZL0Klm/qsih2IhZtJ8kB0MqzYPcIKRQ/qNfxSvX2SafYVK\nHaSSXnZsxRXbXOVMQ6GFadLTYLAvDsjt8GRPS5ED0IDr+ShOOqPFD15nsc8e\n7M9dQvy7BFvQHt/R7IGzVw1QNYByhkDz/ePrGVg/2/N3wc3pW6u2HgxTLFVo\nrPZz\r\n=pfVS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.2cc6966f6.0_1585075369213_0.25135326210354036","host":"s3://npm-registry-packages"}},"6.0.0-canary.8707953b6.0":{"name":"@material/rtl","version":"6.0.0-canary.8707953b6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f8f866111e42b19bbc6130badcafdada3e74a7e4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.8707953b6.0.tgz","fileCount":11,"integrity":"sha512-1sKHgodPxHMbxCVPKiKzfZVgw/xVDyrBaz6WAQZyT56qwGlZlcmWHzX4iO1xAJwRPZ8QFBrJlOpofPI/EK8+QA==","signatures":[{"sig":"MEQCIDYH44YthA/pLedE8zMXZmbQwQw2fmrcj09dPxJt30twAiBKafIvSpuw9ImqMoC9VPz+nkKkgaiXsXQOjaGeLIDcBw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeelWHCRA9TVsSAnZWagAAN2oP/26ZeEhN6eDJSCfnw5mQ\n1qGmeycjt9oqracEZdGciU8EmwQLBCcbilYXsA0AAqjs5WScBFozvut2xNoL\nKF5yavXoJvmnWXCHZwkLKkvv5VK8xpYe/LkzIk0zu9zgzvTXkLyKYxz8qvbL\nV593WRFbGbxo/1p/Rl2qLdRXO0GSTV+esdPS/4jbg2tWZAmbzoEbWSPOEbpg\nIuIzXsexQ2h5HR2FRdxr2QzQ8yD13ksMx2AedP+a4g7LLAxebWcaEE09qwnn\nVo40E7nY5r14wu76kfkPm7Zb6nWhRsqvSP73lVtu8ISyaFetHpbcvK1wmC9N\n6ixh0xRqcgxjVi/hWfUFHPw423/VsXqCvaOblZ133nePlvARy2reQhQZ18qU\n7VRT9KZWLTTWQDLh9cSS1siDTd8rPOjwwncS2va2Lw4FUsmOaH8NDCcQrfZQ\ngglepwQnYIhcCLk4c28NBTfAvCKSqUJC4ydbvQ0rc+dxjFceAQPmxEZUbQ6q\nNVO7CSPTfiiSW0x2QAYQU9wUsCS//i4CsfI69idpaxQJ9RsnKOhhVN1qT0Hy\nRhEAQ0szzGNWntCBPB3ibZAnRe7SyMFRgGp/kdC6sYUk/Zyy8VB2U6O+Aidt\nn8MbkCc5AE2ES3kEP34jcPZoMIjNKmfllixp2y+PUyqfs2ksqUz2xnNxRkle\noWr9\r\n=UWrG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.8707953b6.0_1585075591065_0.24270805431588993","host":"s3://npm-registry-packages"}},"6.0.0-canary.10af6cf39.0":{"name":"@material/rtl","version":"6.0.0-canary.10af6cf39.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"77827bce3cc6e391d650268482fb3637e4e05612","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.10af6cf39.0.tgz","fileCount":11,"integrity":"sha512-SjIe4y/G+03XZGNs401wR5kaEAUYo+pXpVNpcDIBYmIZO8EgEi6cSwGhQuZy+fN8C7QgrjVvXBewN6a+087K1A==","signatures":[{"sig":"MEUCIAcsO8i2We8GVzVerAYG20VNg/BekPxR+EPdnt0rIrIOAiEAtEfnZHNuTfBuYPmlXNcKilvmFsaCtuxcdMr+28F9xd8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJee6BNCRA9TVsSAnZWagAACDIQAKCdIVLGtDgacXMMUoCj\nczktVNCzm91O/ZjweTQSqpzgFsYk/ErR7qPTOc1yth/q9/vneTpT7Z4FnlH0\n+hpTGC1NNE7HTd3UhQzB58Gl2SNyHTyfAvYrVp9TX9W3y3UryhoI6botY0jJ\nAbJ1g2FlWgZxz+NGZftypVIiY+3otj1ML7+Mi8LXH5PqSWHI9aNEIXxMoRRX\nUFS1y1K8teKOY6Wi7Og2WqoGl9Lbmzjbb8vkRda8ZS4HtRsnVy0/Sru1wtpl\ngCG20bTPK6bwkYVbtT6ldZNXQCSincgjjaoBXvWApWXPmILmNog5NVIFrWsJ\nUnXj7qyhypLoBS3XC8rh3iPyQRY6yzAIvlYGzZ1NFQ+vQpg8dPkF1Q7Ik8tE\n30px+6x/0V+MzmTPAdG+BUVbvdv9DRFC6pEOoGoQ+d+hn8vXsG0zmRGHjGbJ\nByA7w7SklMMkA6QfGQmgp/UFarkh0a5TNLJs5/XZscC4jZo5mMIckiOqVKEL\nc/nsibhEytM6+K7UnEvd/Ed0d0/5T634PpDbxxtJyVYTtn2y1h15L6a+dkMf\nROGlcvEx20CQCDXj8xl7trDd8w6i8QWxg7hAzsXjKRyJAqPtj6EKm8fvc8iT\nWy+4D0yyC7a3El7TWKWtMamCKXLVc4zLuEqa0WXgyZfay8UJPqC0AMbqDw7z\n+0U3\r\n=Gylm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.10af6cf39.0_1585160269192_0.7982619943471072","host":"s3://npm-registry-packages"}},"6.0.0-canary.7d8f9c8d7.0":{"name":"@material/rtl","version":"6.0.0-canary.7d8f9c8d7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a8c3320bae3d74923734a06e4ab0f1074ab26efb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.7d8f9c8d7.0.tgz","fileCount":11,"integrity":"sha512-sTPWJC4hDVHCudfegN3ODGEQ3P0gcCKSICV84fe+yeRSdgKYEV6W8ovx89BQIYuBvoJx/DiG2bHhTdQtc5xJ+w==","signatures":[{"sig":"MEQCIH2jLxrGDvkNi65tBVn2WQJVsfQLZM+0h9UpNe/7fgnoAiATGT+3hcPt01wgjH28hpwMPl1Exut5g3/ToKoR7mCnwA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJefkAgCRA9TVsSAnZWagAA1zgQAJ+LuMfMZWgkqOs9zr/F\nkcz07optWlr610n9m3znn8Toze702bdclxcy3m0STBcBNBgiHRQiLflT7wR2\noQQB8QKH2Ix/0poX6reKubjm6vVcIdOhUky0wnUOUIdrw/Nj9otMo/KVJTxL\ntRBoPz2wV/BZ8gh38yL4LRehd+yMUgAyKwCRf5fzsQaqhn5xvCMLwPh4LhjQ\nbhQ4cRaQo57Xkt4efxhgH3llm7EcZlCrLDKjOtS0uZE2RrgmgmbYAHpkqpz0\nSZqKc7UyYkHyKNSv+zWEXWlTI7xA35jGCrksRssxWqzsoecs6AjD+IQZgV3d\naTvi9O/tH64/NmHgfJiOG2BzdxflQW1AOMzITWQJZ5hHQTRklyzLKUgNFepr\nfldabw0TQxAbpcvIYnDxhfHm2Upatbiv8qs6o137KSBe7bobWhReLkclbJE0\n+fFrooO0QNobfNWw4vPYQAIQri/ZBXl1/07PL0KDT6zJ40dT+/v0eJF3B5qw\n6aU6O0Wy3i3KTX0UipCdyww+o8SfCJtcpHfobCIbaNejRGwCtNdqzHuZSrg0\nYJSDUN/01XrR1uAv3KrHUkcnzVy24zWlH2+nC094bWnBzGr9UtlmSD1CoQjo\nB27HO9sSrMGPUaDj8rsT/6YohVxcS0GfiKTkKeF3p79k5VM95MNlbT2BFC+5\npbtd\r\n=h5yh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.7d8f9c8d7.0_1585332256152_0.32687971827393425","host":"s3://npm-registry-packages"}},"6.0.0-canary.d6315efe2.0":{"name":"@material/rtl","version":"6.0.0-canary.d6315efe2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f387ebd0b89c67844c6b27ff405d956d668d14ce","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.d6315efe2.0.tgz","fileCount":11,"integrity":"sha512-A6Ov2mxZdwAR2Nl1WG77L7BmC4BLoIGi8rcdbAWIm3oBPBnsRLOIbKgzdWIuV8mvaVw4YPJ8lzYAMdgAy19bDQ==","signatures":[{"sig":"MEQCIAbHM5x1LtcFPKwpwsuKhcd8oDzBv5UjnA7k1rjkQQdtAiB2GXYCqjAd5MaiQdWT52dBnsNskkL9jiP5QeSdgNWtKw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeflpECRA9TVsSAnZWagAAPtYP+weTkzctsfI9+h5CvSxo\n0t1hjj3hNOfpDW1mwyDaMW+sR9nAutAK6YVBRkats6DBRXH3bv63/aVFgMen\nNS3krr2RJcqVZrIE6Nx1t56m7B3oh2XwLTCOcwR78m1ZznGAgjUY4SVTVaB9\nfkmJEdeD0xlgMGJGic1aFqjvMLKR5bsULVHsafmrZjHdTndjrHlRqKv6z9jW\nDfWvZ/39347d6F9IG3VTuxio5CoGonx/sR3zzTzNOuzYAHbtQeTZt5Y4HMjG\npuvWyYhj+kkw35aFeprOJzEE5GjU9atcBx6rcoF4BrCZmmMTvlAOop/QnJkF\n9pN2ZIv7imIODqIWAZIAxRj0w1qZaF+2Il8RF6RezEGOvPFf4woNGe02yWfC\nH0wuuqe69cBzXoqswe8v9A0OSlctON/P/+OtFj1k49kNuTFMqu88K5xstoJN\nwD3MgsErmha50B6sxMFmn9kgHhyZXtQR5QXl1GHhGHMH/tBWeN5UB7RpiTWc\nqxXVXqg7WIbv3o3+dkSTVYBPmUs2l7eltz6/m4KqiRm1qcLttJ57lkciQdEi\nxPUkpAsxmKBODWUnFBvTKKHoGizVfniosdeKJ1oFw5oriofZOJc4P16pFDEt\nDhXeJf3v4p3HDMSdKHPwSB0m5m4fQTjrDtYDXFaKZJq1ShLCSae4/mOX8PqJ\nECAs\r\n=/0g8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.d6315efe2.0_1585338947601_0.04629657417243993","host":"s3://npm-registry-packages"}},"6.0.0-canary.a3016368d.0":{"name":"@material/rtl","version":"6.0.0-canary.a3016368d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8a3a9bac49cc60630ed516f30f36cd034f8b2382","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.a3016368d.0.tgz","fileCount":11,"integrity":"sha512-BDSmtMlnmsLX5rDU1m8cxiIpIQtF/OdRvlfxMKWdlb7KXwRVzpeWcDUCs3KfupFCZKPwaWbgRJhzEk299qOBtQ==","signatures":[{"sig":"MEUCIElR1pF2EzaRvkAio6TlPWhcNkQHN0xUmX1n2TDhwJgpAiEAwp9ta4H8lFa+Ye2R/hs663yl1tc2nWyguK8tvl3dtFE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJefm3ECRA9TVsSAnZWagAAUHcP+gJz2Vkm2Xz0gCHgppmc\nmalwgeX6Ik9gqKOFM3W0IpIGd8ZQ9cThO1MtOv39DQkcraIboeeKuIZdXspb\nyU7BQQrlF6mrgJDbXZ6Zgw45Up5GBj2xsCdmXzXZx3nrfyjEFDJIhpN197Oc\nCUXW0RJ9EWQQU+qV/rgYH9sDmFWR+ATLMfDDiLPELaDqdGwgbuM5CFQUt0lw\nL5XCUr/tM/ENX8GZ/dYkcMuf9QmzCbsl0vqWL9rexRpRAOsTGcG/MLj/0SeU\nuotBCHdOh+bL51jCE3xc0vf8PFCYwYcdxL4DvsUeocJrnWuaRUq74Szu4eYF\nv8vMkv4mg58KIPRgkqchDxtH6MC1cxJD8TLz2bQSQgxAVa58qh9iulyeatcc\ng223mQK5WJeu8Dhjs9ptnTM0rlNgUbmZSp42UO6W1qwVEMZYIHxBa8kbIBvN\np1Qjhlgh+gIXzbkgl6/AIS/gevFkgXRNtL3f6KLBJ97sDOtHYiaIqALhp+DG\niRW5ZHRn+BrbTtB64KuFtXihQ9mzzQtIznzS4tuI5ZQ5PaCZGhXM3EPpJqlR\nv9ZgdC+UTIROHJ1EGFz7uARHZXi18TNk4H+SF06DeZXJxTcHDBPiW1aFw9vs\nXeXjRAv1+R/9vuaLfJlOCdMd3M1DuLu9RWi9yYZkac1TpAbi3/DU5YLr8jRi\nXLK2\r\n=PaP8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.a3016368d.0_1585343939594_0.39975593602369663","host":"s3://npm-registry-packages"}},"6.0.0-canary.4b45b6620.0":{"name":"@material/rtl","version":"6.0.0-canary.4b45b6620.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f7098a10520939669046efc536d0ebdf6eb32119","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.4b45b6620.0.tgz","fileCount":11,"integrity":"sha512-W2NsKWGukImjc8ampo1lZXfiGlTLWY7APDrpOYf8XugKE6wL3ZuxQff4yn2xpKyijkDjgVwYKHSiDp9d6bFaYw==","signatures":[{"sig":"MEYCIQCLeQjF9KqrwwbV3xeCJKBBp2u1goV2NKIbJHJlLX4JWwIhAInz+9qlx9egvfHbOAt5wHmurS/hmsHKwoYQXF5wx29L","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeg2gACRA9TVsSAnZWagAAAr8QAIoQbEG03WJl9s2S2iIS\nJ1w0hEvh98tGdtmHWU7nmLv3n9ZYJ3r12Bz0eGMUTNPsn6PQj/ohxOMM3lft\n5n2o2ulB8Omsej9J321p5ULeG7Vo2IktZ8/IUh5E2hYZloWHGcHY0ilHid8y\nt8LCqoIury+9sL4dolnOUUpHV0xjEaSNTXtC0zrfG9+QvjpEzZdodqR+WRB/\n27vbYnWphwtMB/hPLCDmbAIenKOOyQcJ3PdcvbrHnsAJro4QE5lFX4R9Yb1H\npuKHeE7apghDfYILo2jKfyuSnJr3EtuAlZwzCV8w/Rqad/NB0SzYZZhYDG+X\nyR1R/zDFn9Bq4Kwe7tzPy24to7o50TxkBEG9YxpJSkWQxFKjrhc+YGyX6WVW\nP8M1t+OIUVmMQ8oxHUKR9/TwQzI8IRf8+XrnMfkB6bEeP5GQMu/iPaODzsyc\nFcJI7NpgdhzJ5U1lXtsFK8OQ3eRcd5k2adP+6KFoCo1CtNyIvBhWxMCoxCo0\nRn37b72Kudk9zhqBTpp2dL7GaL/+xvNZ2wQ0ZmepBbIUP68hsEb7Z/s9t8qA\nSCS8oDrlc0XUg8EV8mGYyq0pcaLPhIYtanlnRxSQePLTBxZKSO2XGb58IGzd\nsX89LLuHYvCuJySlIK1e3YeQHPpMh5AQwQlvSJwtDGwuw+7pJcGabTLmhLA9\nOwwv\r\n=QAmv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.4b45b6620.0_1585670143714_0.5462528711421173","host":"s3://npm-registry-packages"}},"6.0.0-canary.e84b9c8.0":{"name":"@material/rtl","version":"6.0.0-canary.e84b9c8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f3173b5961d5776f421505a17c986e83937f10c0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.e84b9c8.0.tgz","fileCount":11,"integrity":"sha512-zzaDqImB+yhs7nWg0MEmLDgxcBvCX1KtePqeFFKCHk8+apIpNUTPp/Ve7OW8sHw8MOxUaB4L7Xr5YsfGZ+mF9g==","signatures":[{"sig":"MEYCIQDMqwBOGyS/ALvtQRTZWXoZhEqEzHpLMv7x9TAal+DBrgIhAMgtSG1HtEcNtO1tB2aJOYPlvqsIVjvGrAlu6hwIx1WF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15435,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJehMd6CRA9TVsSAnZWagAAoDIP/2TSWffsRiygtnJZhFgl\nTreHeLq0IEwonL79lnQtzifou2wh5qRrAI3xVK2V41+dHZovWuzS9I6QChAd\nQogPW5uDhsqviWTT9O9Q90A/NRgtRszdpZb9J/Kc0R4DZo6tZSsuuv3M7b1G\nXTBb6no4WexChmjaNx+22MYPyDfqN5reJWG7sI6egJMjef/FdwnaDl+RTFp6\njAioVEdtiF6BM4FrSbmL8x4a/OWqPv6pNMRtalGBcGgPK6OyPMZK+XeXivh3\nsUiQl9CYwWTxQYutBh44g116K5+v46Vma+akZtNhUTwErffYaV4y4EqhH7w2\ngaq6275fPcXzb1AogqJM6vA9GVnzm50Ml9Xwi3av9FSDCtTETNtqpQaTR/Cf\niBEmtWRlpv/eRx1yeDg/wRijwVzVTvWqAFAfMtv30KIoRL3vhkCrPfdWumvY\nbtodtcC3McQ03Sas/AKQXSgW2UQwYlzLiY93e+l17eZsuTADFPfINh0UqN9Z\njzUT7VI+4pHbn0Du5eRSs1mSDnjwJZAC/YVG56iUwmczUFC1dGbmeLYlHeTE\nVwjBNdKLODG9Wj6tqw2nhhMR8I7S2U9xRz1tiYMr40R6rIqAXTrQt0JW99tF\ntDbyXfBN0vsena4Mo9+EqDEE5dzoGu0CwWFm600MGgjyZBmvZ9Zqf0xG0MT5\nzowC\r\n=seao\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.e84b9c8.0_1585760121553_0.08489509709301268","host":"s3://npm-registry-packages"}},"6.0.0-canary.e33c49e.0":{"name":"@material/rtl","version":"6.0.0-canary.e33c49e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cc7f2d190bb628042d9da3e5c6b822394e05c483","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.e33c49e.0.tgz","fileCount":11,"integrity":"sha512-epGvCw0KrEuXVccrhOH4GV7IB89EJzNqVBB8Nrtcwaq7LQIwyBEElYjhGmrXFAmYz/4HbcOVutQ3FYuGURacYQ==","signatures":[{"sig":"MEUCIQD6VVqiRLEBSRdpXQSFROPtWgnzUr872i4MO1hMgOJSKAIgds+pc6sgUkE/LxGr6zIPFmVKsCIpnLotgoSr6ORFLxs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15374,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJehS0XCRA9TVsSAnZWagAAwTYP/AmJM7ptJ5YstUmw1RUn\nVqV+02QPPbvkA33mHkmP9I7lEBMbrmBxPveOjl11N4MAbtqbc3iFQ6rMz/lK\ntoZydAV/Ze3jbQ8kE9kRQpDuJm8BANNbOK/Ry5huaRXpHgGXd25iOg6br1zc\nl/1EC4lV3WAYhn5wEA0YECe/HXvYkUNfu9P+tamr1gS0ppj2yxtkkMYJuIBB\n9BN4hSi9QTwPpEvJKatsjbU9Zsxl7XbOUbArcg7RkaegXcyHu2QxEchgtC32\npd15tRvJAqvLHtb2BEyBkB/iISj7ggsP+ERsa6NGrIAAg76xvwV/wf3fNw7A\nl0eA+qZ+yUT2+0XLZfmzXCL3TLuo1LQF98kQaoxx5Qp2v/IZQRmwjnjvTTH9\n90HX5i0yb7pN7f/8SrjQsFXKhzZCjTfT7j+Z+AhYNcEpyOT9n2qvYiM9na64\nXOFm9rZ5QkfbifOtuyhPETEyeZxdGnQyEta7PQ+oL4m//8+n9gkkL2W2A9Hi\njollw1Gb2cdvSDN+h6aRdCSH6i/4oRV7tjxSnpG4MFKbiqAbEQAc3fGADx4Z\nI/zFs70eX/nShvDbEPPAHaS/e5UAUcLQg1qZajJN2M/Jnl4T3UJPx52f+GZS\nZNxy/bsbqUKZ6Jx6jr1vrXIMcX63B0M+t5dFW+fhLESyw+mZA4b96Bu22B82\nWWtp\r\n=8cfl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.e33c49e.0_1585786135061_0.5768490528379049","host":"s3://npm-registry-packages"}},"6.0.0-canary.f1f8e60.0":{"name":"@material/rtl","version":"6.0.0-canary.f1f8e60.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d7d3f24a8d71ff0a638fb88970a2a345b53b18a7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.f1f8e60.0.tgz","fileCount":11,"integrity":"sha512-ZhLwHwc51wFPHH+2jn/vIQqVN6o74BushFz0OCGNMG5DgaDc07BFr45gGwmzanX1VLA5KRxkQFbLuGcp6ZVDxA==","signatures":[{"sig":"MEQCIAHDMoAy72Xo/HmhPOY1g0PIGcn6PL7oeihZVsf0GO7jAiB8mC7RoAz/hQ/z+EuvPlK63L8fVCKzky+CEdRCuUqj4A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15210,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJehjlHCRA9TVsSAnZWagAAgXIP/iHYK6il4HYnXzRefggq\nPnOGO3BhMa3aohsC5TvrcsBevD3I+3CnJELexQWUuG6tnoP2RuKC8d6V2IhC\nuR1XcERoOrcENQhg8EjjKULQ1PtRMYLzA6J0dA7AoKJ665WuFLLzL/UbMJW0\nR50GOkt6VMVgDy0vmdubsEe+YwL+vn93qLYd3a//bYA/0jgrTjW2lQlvetCR\nSL4zmlnI898xsKOvjO14n4FFhZJzSvn1j3Q+hNpTiXqkn1kBrtAIyKhpR+WY\nw52PKcwTV+/vS9WG7JlNJrxx4fmvMlR2Lulvfl8GMlhMZxhdMmyo/isFp+ze\nYIH2Q7C829jNlrmSSXwlcZEHIS/YuIgwSiZF5M4lE9+Lqus+GZoisjY6Vig0\nmJzUAOloZeKTy1orV+Q2ezPEFft7w0JkUJTm3bD7J2T+obEkYoUQIt77/SUh\niEZqX88BVg6UBNDcTAtRrFm6L1N8Y6njs40tRPqY6iuqmihrvSVwGm0rJyzo\ntbUn9gXSy/UYe0uIH/3y3IOpNcVNIRwKy+TsBr33liOn33+B7/cPzAWQaDV0\nc7RaFujqjCBUXoSwpkUH5MSlGCyVk9ahQ9uLphcb0ZABCPwY0xAr7grHWvlp\nRtHWk9dx7dO8CDWpDZJYXm4aN9gc+aSxjEzYBTgYsD3l43t3PFHio00vTlm/\nTpt2\r\n=Q7ei\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.f1f8e60.0_1585854790602_0.3809561640379924","host":"s3://npm-registry-packages"}},"6.0.0-canary.1e17c49b3.0":{"name":"@material/rtl","version":"6.0.0-canary.1e17c49b3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1a73a3d94f738e694e1fa86a3d597db8bc72eccd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.1e17c49b3.0.tgz","fileCount":11,"integrity":"sha512-2xlt3JdhdCwzcXLABAT1HE9KJ9xOwgZ62KwIrbcpIQC+MfP1Wx+OhvT+jw57WX8d6KfQRuGqVVhfWFl8wMThrA==","signatures":[{"sig":"MEUCIBMnJJXHVao0ebIa4JtdQPY1VMThp54PTYffKAhJ97a0AiEAvrH84hH7eBlDUWdRFxjeZq3CNvpVU3U1ziBTU1VnnE8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeh3pqCRA9TVsSAnZWagAAFfcP/it9HBCaDthWorxU3W4o\n/wQZIWKf9y1w5XLaEa6x5Jgc86NMsXyKtbTe+QLJflsyORJh080US8NzX9cb\n09QjNVRlj/ksibH5jOieJOUB5Bx6PkDGgvXcMy3OKTuYBelMxelJWyJSWtta\nmM0CEub2WcaPMmoKWQTtLYTv32Bj1hw4Ra+fOoheso/VYTAxy6b6zipGktQs\nTwHm1EHP7/b5xu798V9HgevrBeiyaMNyGvq66PXIArdLgYiUVlMswMn8ohX/\nYGOxXzNiRvy18CqWtAoFmFymGyvM60np140ncAOVT3UmsYkj4NvOVoW8sDrS\n9XIbVkSpD5ilWGlQsLdEWhgG5yI7rU3KvxFqgjtazxvM5bqo9DX+hKBidr56\ny/JiGFFnHgKQZXLnN2oAaQsx3Y6/7DNjiDQnz2fn5lNjtpfb5FRn0y3t4WT8\nE0blC1yun42ICC2eS/RPrwh/sHW6vrIdWh2eFtqCa+qgrKccxbm27gIl3Cyf\n1O28G1M0bR+/MFtBgZyQZe/BZ8tdllrag4Z5kwRowwJ7SkVplQEkHH+ADqmu\nvat4PZjTXuFdcfT53kqwG3P7R7jJIe8XoGF59FFUueFWwK1t+UURsg45/zZa\nEvu3KrRUylG+InZUKD5gKPOqLSTZJpKNUR0vl71fyNEwoxRgX/8Uu8xpg2hs\nknKO\r\n=6n67\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.1e17c49b3.0_1585937002536_0.789000574593272","host":"s3://npm-registry-packages"}},"6.0.0-canary.6a40ef217.0":{"name":"@material/rtl","version":"6.0.0-canary.6a40ef217.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"55bd90cb6141f36ec3e1790d145be0b80bd4b40a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.6a40ef217.0.tgz","fileCount":11,"integrity":"sha512-4F8IOPh/nG33ogG/t5R02sQnObNMnQ5jRFE7IAYUxAtHG+r8cUNy2ByMTD4o4WqwFBLErL/WJrRA/EewwRzacg==","signatures":[{"sig":"MEUCIBnujG+gKbSMGVXPO3N6hupd5aKj/3/jpFqAQWbinaZ0AiEAnLvej2Ho+wtkuX3388Qidkwwux9qqcVw6xEFN/za3cw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeh41TCRA9TVsSAnZWagAAsQkP/1FQ99PTvMw+4/u1WPNA\ni/zildLVIZy7d6uwE3InzWs+ElJ3p0lp559UaIt/QDtm1BbB3kaSrlezIojw\nY1BnGFrCZutPuFoX5CTg82Cqr39uoVOO6PHfpkkcCxFbqNSY9vp2TGusjS/x\nNDWVqLLza3Ei2XdFCvuX4l0aTDP1WSQkxkoYd1TN2a/I3+RC+8cqb3LD5X8X\nNn678y1WkqE5rfqHoqW/7BW9CVPTpli2MnhDfT2pSBvLk++xfl+QE1tjwwuo\nMUvpwa6n3/WNzuUU3mQvo6IZUG++IfJ4N41vp9JmnTFCAUly5yCjSeD5rPhb\nTXZr3sGnVHj0v6VlA/ck9PoFYeOj6UcPBLV7Aky5wqQeW8VJvmOcpO1ZLcEv\nu8T1O7v7FgpJDeT2P/0RlnoU12jiw5mx4e3uI0BqxMY6TsWFNDLiMAMo4iAz\nAVtjN4AcApEcTo/bV92VxnJ2sUAWaEYQaxl83og34+AS99l4qDYjdtGak6xm\niyFlxeRe/XWUcIwL4Sv8n9s+OsIWUz5jq/Xjmp1WIU71Lh0Dk4NuHH2dTPQ2\n44cYybXHPBBOneCVbbapXbVP7CXxnmOpG2unW6BUXgm67Br/GCpnD26lipfM\nCdAhJDuQ577ryke+uQoF5Kv5aoJvi5kCNwv+0ujbORz+5JscxTFGrsnUjZU2\nWHH0\r\n=V9EP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.6a40ef217.0_1585941842290_0.6626814354630484","host":"s3://npm-registry-packages"}},"6.0.0-canary.5f24faacb.0":{"name":"@material/rtl","version":"6.0.0-canary.5f24faacb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e2a5391807efbf18f1457e9d3ada2b9511281d50","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.5f24faacb.0.tgz","fileCount":11,"integrity":"sha512-ZGR8RQy2QueHEml+fxY3tnu3zGSpGp3I29Oe4LNYTgdRP7WajwvUNrlskE0Pu7aw2sioEuRdBPI/vn0kkkoOww==","signatures":[{"sig":"MEUCID6sY8Q4PPr9DPMcG5vmhn8PV2384F955fXBm7PZMoOfAiEAhwacw9yYsHkGvfDfGyDdw/74DX32gcKkUzDNevnj6aY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeje9ECRA9TVsSAnZWagAAcRMP/0cbufSqKZc3Fd6XIFU1\npaI978WNzIEW/1BQxnIND9rVbtvDMJ00QqaEgbIwWJbEXchV2j/I0V/6ZyIL\n8Ylo1NbQjh1kxXtKQf5sM6EnWV4Czq2bgdlTHhcCGTb1FPbyNR9otZHVsaF/\nQgeqTeeLrWPJQvj3ir+ClWY/TTgaUk8IlDsrxPq7elWygOc4D+/TGdw+mQbN\nuJ8zLlsnl66Tq04Y14ODnl9lY9K53j+MmHxaKRsv5f1jGdV8NxYkz65AgyZ+\nzFvUHiL/fMVeSkmAekeBxZG40+I7dzjEU6cDlD+a3gyAW/uDBycsI3ecoO4G\n1f2hBN1aAuMTJVMLjU4mlzPYIN/+jyTE7aY8ciqA21UU8Y/X6fg4/CVdFCE1\nA4Kv1ivk6UA1x55OB7RCXJucphW/jKcyNFBFJCHAWwVltHw2reiKURbUM0CM\nrFcVseHgFaPcOOCGY0tXFwyVgDGZimZfhh2341blb3pInLIVTpcpcXoa7zOQ\n+K0Mv8S395WRqgwXaAOoQLeDdkvA0R5w7y2GB3jxwFiDbhmhL3wNCCcl/bhF\nFZWh6hfnnb9QzjvBOnkNay2VFXFXzgddephqV/mAzLrYSsRG6DQYoKbap5zo\nhLnU6N4KODrA4WnHVWCfCJ6zoyFdVhYd9CCM1iBS4bSGRdap1bXzZ//4p6Qt\nOZno\r\n=4OTm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.5f24faacb.0_1586360131577_0.8255314390457622","host":"s3://npm-registry-packages"}},"6.0.0-canary.82fa986b9.0":{"name":"@material/rtl","version":"6.0.0-canary.82fa986b9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f6f284504f66d2bbb283462e1cf65efffb86f497","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.82fa986b9.0.tgz","fileCount":11,"integrity":"sha512-740Geq/jEgJpkp+eEApA3lIc00eSKzLmcfFFgb6kxd/wQlNugaML218Dr3EP+NnCiesv1sP1zEm8UhsKd2cgaw==","signatures":[{"sig":"MEUCIQDNXWmzNm9tDAU4JI+RxYC1RkfQVI+zbU2RTVww+bS80wIgIDwaQxNBBKD6ZROYEdOnOcKU50JO0YR6rYMhNdlJeMQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejfCRCRA9TVsSAnZWagAA6NYP/RXR8p6baNogAfuaAXZp\nPqQaJoqW9TU2lR1k0UO4uLZpVYAEQNb1PA7TYkF74hz6Rorz1CRLwGpJb2FK\nhgVvyxC59KT6ezAegtjg3wdveBWMNYVJj2kDRkPjJdxLU/3+z3q8UMA2utOL\nSDJbJQc37urV/jZgoKhfhrVwPgvD1Xa+4TOCmhO3dYu/E5pt+/pG0QDou1QQ\njXAu7QDlx4wdWWFGLV7WkGLpbbqaWvDJrqCj7/t3kpmCAOuEZW2lY871IIok\nqKOKlfR63y/4RnmDfQMbwUkkJSZp4aGJWV2H7S/jt9urgBufrPT9TYT7x9hg\nEgj/NJAAu98Rk/7Jydc5SXQVWCy3OmOn3RKRZuFDQ63mtXOlPj6B38t4/Uur\n0I7Eaj2UA0KJ/9Kf88ZVd/ojUUO0EpbdrVl30SyQGr80q6DXOfI93AS5wJrJ\np4SizixDGKRSJDfNIULAa77pIN+LH9GlI1hEbkgeapNoDAnBiWMnRMZi5R6D\nlb51JqL3fHDAdIULAwhw/Kr8t1Jv5ARukmbx9rqj7oVPGBZe+B55U5PsNGgY\ne8pqY406CxQXoKcebCxBCLDhNlhOZPEg9k0z79iipsomfCT6a7lhrNQqzpZu\n4+9H98kpgsrQa3HA8bbdWJQxKhe2E1Ebs0w7McTcQRc7mAPMZKhUjLq04kMR\nB39j\r\n=4qSs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.19.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.82fa986b9.0_1586360465068_0.5682357258512976","host":"s3://npm-registry-packages"}},"6.0.0-canary.9930d9cc5.0":{"name":"@material/rtl","version":"6.0.0-canary.9930d9cc5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c96ecc8e9b68b34f6938343056064b46c2c75928","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.9930d9cc5.0.tgz","fileCount":11,"integrity":"sha512-/Y4nIJ/qipmGnvMKKyf79VHYE5GWeTe69eK5xYuWCPNNc888564rpiqjsVquDgKtLEn1HPeECmfSM8Yj5r8WQw==","signatures":[{"sig":"MEUCIBsdH4IsiYh8fmEXd2VPM47UrGyVgFNzPvOsqj+/D9E4AiEAgv8IMbCrNEzmzKQjr4h/gQcZvVy3bmYSs//Ic0I+FaI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejiapCRA9TVsSAnZWagAAePkP/iim03/vqX12bWVSNws3\nA5eMIEJwGd8OkrxBFEEt/lb0uGRzep6y9Xunj3MYrC5/uwCpsd2zWovVrpbg\n8V+oKYqWyfQ1k5K71Zx1NERHD8BwgXGedziP1uTVLfEzStEFUbQ8TP5QEMxh\n87XzoFHPVCxBr5oZHlfjHRFLWIsBOQl95LZJJ5aOFgogl9badAl7qYUEIcrA\n7yFGHngmuo+rIAd+vXyiLRoKq2bpr/SFA4sptuOA8YbZqvf0kNX/OoV5sEmU\nu1F+CxCR0Kc3E+LjhTLfkXo1zvWhvCH5BwEH27xWv9fchnfseas5hxpDQN+x\nkWGN26NiVXcAtKQtO0krmKRIwgWEzlCpjuLbLWPaG6de8rOE0dWCtdnwaBC7\nuFIja1xnGr3HyQZiYD8AiIy7URTSbdssTrwkPzPltTrxDSmURoLhct8QqmoK\noIpAyifhKquAgi9CMl3XqUid5SzSUfbVwX0kwrIHik03p9uEnqKM8yY+5C2p\niRaq+PO0FlVXejDpnLCzgG8wDC7y0tESxJcXxSfMkIrqIIlFOcSDgVUG1tSP\nbsxsJdHhWXWEl4d1BsZKRrp4q/IL1pyKYPGb53HIvIG2R97uXnbRQfdB6Zxl\nHTtR2vckFE5vPgvzZ76DgVMoNw3IgNkM5uCIutSRqZWS8TDEYmNGmtyTuiXj\nqX0b\r\n=pOyl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.9930d9cc5.0_1586374312622_0.8665492927904794","host":"s3://npm-registry-packages"}},"6.0.0-canary.6601d24af.0":{"name":"@material/rtl","version":"6.0.0-canary.6601d24af.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"209f41957405f7beb0a3dc7dc0e0705f279a6f37","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.6601d24af.0.tgz","fileCount":11,"integrity":"sha512-tgJBebnmJwlgg4vMvi0spVtfThJtZwu5MNEcVg/aNdkzeenfmy9gZhBevQJQYm5MTSdjPr5IuvVkuC31+QI1gg==","signatures":[{"sig":"MEQCID4DGDn9olcOyjhL7jkSRDsS5iAbSbX32V5tdNFW5SVlAiBKu5JC50FyTVu7wGVJstqroHTzjzArmQdb6MrlifPRPA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejmxkCRA9TVsSAnZWagAA3joQAIUDFrc+VTcTODQU9QMd\nTf1mjYU7xJfn3StoFUgrkl8tuQKHvCfo2WzhnQ/Fb+2uT2q5h7xdjRRp5Uqi\nv1umYSpsJmq/VDtW5XT+jMgtRQeHtRTFiTHxhXELSOTB0lgACNxk/T88V8o0\nHW9JATrysVBFrXD8lNt83aCzGR5sHh2CX687Et/4/PPTRh+Dn8o7eKWUVflc\n2h2kHbJCOGOq/sJ68hpBrGbdITDLzJ/jUuJjuLJIRPzTw/LYRvQm2QqBQjHf\ns/AG1zRtRxk3iUKMwk6oDYhaAj9eqVdrxCopvuF2BlxBDbTdtXrSoNr8CtcR\nW5yqYRVrM1lP9ZQy9fpscOHkpGUkaBNfMNrNHO2ahEz5HTEDZjGfU3ga+Yy1\nLHfhJ+CNTCaTHRN14Gawj39Kf8VEOnxnUS8MGuCzHH7Qj0m+h5/alWexM8dJ\nHPfX5Uwq+/d+en56NDUKjqtcpvPDSRBQQaHMk3S1HCnsd2K7djpikgAfqPR2\nfhT+EB8IiGAJlHyasKjCHW8sYU0+LWZwtabBHzGgV3BC8E+Fz6jJQNCkHvdU\nAAhR14WrbKGuD9NXrzndqPD7yOWNJADEtX7Y55roIDT8OFm52hp/HVvdUEYc\nIPYmMqTmCoZQAHMlTssMzuEHdpebrvQIjUcT5wxGkmTrwrU/DHqZ/KBbMd0G\nRm4k\r\n=nJOO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.6601d24af.0_1586392164212_0.562832202432352","host":"s3://npm-registry-packages"}},"6.0.0-canary.05f5e1583.0":{"name":"@material/rtl","version":"6.0.0-canary.05f5e1583.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e651a543b6323793ae005b6c71cd58421d8e1a0e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.05f5e1583.0.tgz","fileCount":11,"integrity":"sha512-qlLvGIVJMfQzjZ9GYQuxfi2Nsbloh9RmPkDVAYQJot6t/vUQ1Wkh6zVtNOPKMtLUyMzPajnHkhuRNDuw+6FFtA==","signatures":[{"sig":"MEYCIQCfoaY/3+dmBX+Qeh5/XLvPYu6JUwY/oI7zzC75BwZ8hAIhAJS11mv2bEPKNsPEvM+Hgq/PklFCAN+75caJQFcWA0LI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejnBtCRA9TVsSAnZWagAAhEgQAJhQEXUzYaqHSdlxJMWu\nNUKR06DgRBFENY+z5b0bSf0hNlMF4JNBpAcWDalSAAZCfcbYo5I+iwr7LABT\n8fhyqFsw2eAT4ZZ+E82YJGEWoJhHs/03088I2K6FAnU+m8OmAtrWwg1tKgG+\nBGDRMQbUTEcl/Rfw9AMAIcFYcF1GZgGrmsSxnBPv0ays6hj2Ci7KmK/pZ671\nFlqTSdz7y5J5kO/hhG3Zu6Kq9xLIxTl2YixDUoIggZ2zNsH+ldNLbbmpp9sQ\n8fBBaa7vKXp9h2i0tQa/bNAyErN1MQIDjpIbIeWxBUchfFJN4QVYh8MEa232\noay72mkl381CLfJkrhcKPz49MIPdnpQoKajMBZ5my2Y4JFMC5/o2lvQyWfvm\ndlO22TchW+EuY9mwQyfFTWBO9kiKzAVma02uVXc2F9De9EovmaSIjN9oKPD8\nKGZrRaxkqjs5GFHMlI84psTVVrWaEUlA10brS0BDbKHl40g5+xz7S5Kvlfre\ndPAlbtz9alxSojMT3tSK8l6BkmtuY8Yi3k2o5V1nK+759nraNDGEypVuBZ/v\nHWwn19oIcHzn6VQniTxspZ3ZSzl0T2nmwE0UXfrCCyuUO/wAruJj1KtOoLe0\nMNIYOSSILgukhwl7RWWr30AUohFhtXHWT7sWEMDqRYh9TrKXAOqoX638QTSm\nuPSI\r\n=3PPd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.05f5e1583.0_1586393196726_0.2304256889134384","host":"s3://npm-registry-packages"}},"6.0.0-canary.bce00e186.0":{"name":"@material/rtl","version":"6.0.0-canary.bce00e186.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1cc55d5e39bc7b3b40ede9175fbfbb4fb1e5ea9c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.bce00e186.0.tgz","fileCount":11,"integrity":"sha512-HUkurEQiLXRMh8493vxlQBMm0qMvqJjQNMKSgbkRDXXTWNOmcNQB5zebpqa+pm8Cnx9M0Vo50hal5etUr3WTfA==","signatures":[{"sig":"MEUCIBWU+EWCcsoRBEpQuOMASTKgzYVI6lBldcIA8zWeFilyAiEA72HLGLtZDNPew06HMrpBPqK8BZx8M4FTGKAsuf2gEuc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejz2aCRA9TVsSAnZWagAAuU4P/2LWjxsFSj3QwDwTbuy6\nmz9YA9U1G7HUbGwrqZk5mkg47uDMuFdUMeyw24UwSzwVN6OBlxWG0XGSVXQL\nosQ2herO5hELJbv5X5BWfDvS5+Rnw5ShqII8KR+LQAU3v1YqYwVu87CQHU2t\nTQ9o06/s7eL8o7YZZcYvuIokWySkgxBqeRLeMUE/gTIQOcPEtVpwYJemOnM6\nNZ1JXN43+Cs9UmuKfj0QLQUH8fAfJxQbqSyiI29giLooN8YGjQ/SudJjKRyg\n2A061SEwrS32j/gl1EXDkEelfzXLDDbpDSkxS2Uu6f3twhv2uG+zbVpzzdZL\nsWgqx2Fm3LbSzw3gqlE9kOxo/87ufvJOpIWhSkGtaSGA7yZBCvN5DH1Buq6l\negs5KyiVHztuDdN/r7iJRtaW/kPLrzuWsEt3x37Y7F5NZafeU4pWDtA4AtFF\nABkpjWL7lmLvbaICVKlDOWjpr7E+uSgHl8QYf8lLeVCYAphvI7fIGeEBlKNJ\nlHLn8uLbagWjH3Cxsd/9WQBDh+PCMFRUOhk3i/fPFC08x0GHxANgVi8kIMDT\njaONNP2ywWC40PQt08l+4/Dju0fc/LmlfFXWxWeRS5J7gd7yeEoB+PhJKZPq\nPgDsp0nBC6bC0b+oUDfIS8NYGUYCUOyKag2pOjkGPmWji31rbPVqUjDoo+y0\nV1UV\r\n=vpjc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.bce00e186.0_1586445722415_0.3922301243078259","host":"s3://npm-registry-packages"}},"6.0.0-canary.927fa902c.0":{"name":"@material/rtl","version":"6.0.0-canary.927fa902c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c6e432658b5fd6c8ee0a05048f416a43ad56a05d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.927fa902c.0.tgz","fileCount":11,"integrity":"sha512-aRbVNvKYXd/+987ZrG62cJrKVDLS3EQnocJ8jE6KJ6vu0XepV1ntDI2g91an5BF4h7XQYB/WWvKOncnb/oLQDw==","signatures":[{"sig":"MEQCIBeKFnqPJVtL6TnsjQHbo3l5ZuHDoOEZ3cXxhW+ub2Y3AiANgltAqOdlegSQJuoDROKoy2kYgdD5GRZ0g08nBW/FHA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJej21mCRA9TVsSAnZWagAAmGUP/i15lQVgPpDZmtTWkPSx\n2ChWhpz3IF8PozoeKzrC17kUaCcuvf2sj8u6VJtguYtGn33baTeQaief+KDv\n+SMmZ3UXPUTqKVJeo+5VH4XB7AhWhqbXE/Q/qWMwEChh8pG0ADMC3vX9M7lk\nVA/+GG2UEQJKESPAJ42xXSebFgUrJb3rHfCXtCzxKiuh3Sn27f+SIvJV6mQi\nGsBi1KdErEeVPvGgxl/e1E0nJYN7G9XSnRrREukb88WU7Wg1Dc7dMgR/75Ff\nJYOtjE7pYN8onGWyzCQUdegWVP+qSVh0ZgZLPVDIcriuDqcI5FaqAIl1IXZ7\ndutvwP81RHUOJ4HsTW5W3Fd7KVqXXjYl9Pald5mVFIaKAzy/P5s53IGid+LO\nJkgHqoyarRGR3pBgUYieX54mdBifRJTEoA1jlqR9Z2vizQyWhk/hQC30rGxu\nzc/X/e+gYw4J4DAR0pcLy60eDzp9ziMF6tFJMcmjecic2YAkS7NnQGIp5oe/\n0RJ7FL9Ff8xqA8PaUHNtkWKLleL0eKHoWoFKiDPbRnBhp1vBJh4qAVbZ4zTo\nzq3hMHdD7EUCt4nZiWgkWRwBDuPz5cFPTuyCN4TAH+2dYyKdSjsiKwng+6EV\nYGRVtIt3OJnG77PsaOstQCFSk5NCc8qI3eKzQpXB1lKOj8uwQtEcoEZLKBIq\nZo08\r\n=cbbi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.927fa902c.0_1586457958135_0.6121385397774715","host":"s3://npm-registry-packages"}},"6.0.0-canary.eb28b6ecc.0":{"name":"@material/rtl","version":"6.0.0-canary.eb28b6ecc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"99c1be655a9a457b7b764f5fd1b731f041865d6d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.eb28b6ecc.0.tgz","fileCount":11,"integrity":"sha512-Gb/K2YsFTjpRIfd7viWh9VM7ZpcrcLGgIOEFQ0+OYPvBiQsybRLWlAozPa0T+CEr9mqcHGNhgmlfjsowMCnJnQ==","signatures":[{"sig":"MEYCIQDF1fSvVGI1F0HZIlzZA3Yf8y4Z3pwynyhaOxovAMXykgIhAK3ZSHvJ+JuaiRpQ3yCbqVv/nvD1BK2u2hrhoTYJjdwD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJekMlVCRA9TVsSAnZWagAA8OcP/0Yn4gfelfwNPyam00bV\nMZ/VmDqJb0qkfmVNxmwptuUf90qcxo/M55OI2lfQMeXbpX89LwkL+zMWCFJM\nF2dUInDNSoomemtjY/ex98RB0ktR6+zVFOR5hbzO6WuD8lEOA27K6CB4TEgo\npFJT+JWD6vxySjG39KBbJQdnHBGoZ9eZzFxhrLtiS9GK7WxpuFlG1UvyCreM\nI3oRbJHCl3GmytEDDwg5kGNTIxe6kS/ZL7Wu6Y4e/1ZULc7zql0NgqyGSzGc\nOlDoSfGO6Y14O8tnKKWPimS58Gh9L2cKh7r412Ny+469yL2WOxV1i4wpB6qJ\nAt5YEA39BOz175WJ+lJ+tx8uPAB2QIXX5c96DAwbI5kvQ+uPT/q//6C3ENJg\nb0llS2YM8xrflwv4piQ7p3bW59LrP4rMpLcfxV4jT26u8yswgokH5dxeOvjP\nc5zqYgMUtkWKBTjGnc22SsgmbAdOnVwxegjyR3TFHDKPdRxuzNFWr8l+UebJ\nX5q8npX4CL+ldFMqIENLdqdzZ2nFkg6GIkY6fE54dKuHFI7WHli3F3zDfOfh\neTryyU6VMX35d2yjx2iFdmKtew98vWyC0nTU6J12EsHpzQPb+xTbA2WtgLd/\n7+dPAqY6Vq59uUy9tqpLTovjnYDCADu7WqZdo1SyEPAwpXOv+h9sAS53byHL\nOpqn\r\n=HOpf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.eb28b6ecc.0_1586547028959_0.3760900245184944","host":"s3://npm-registry-packages"}},"6.0.0-canary.816a43b42.0":{"name":"@material/rtl","version":"6.0.0-canary.816a43b42.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"612d1eaab73407de11f6f6e86a035cab2f71532d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.816a43b42.0.tgz","fileCount":11,"integrity":"sha512-wqqg88+yqiJu7K/8COaeCxCeXot2SK/tcEvExS4ynnyYlBbCeHBr2LSO87IEBN/b4qydkbG9Dn+2OvuLAJNEYw==","signatures":[{"sig":"MEQCIAbjzUZHkobAgEwuzO2NOeGpWR8Z4xzlemUh7/9VaDP4AiAMCcsHB7eGuffB9XUpc2ZueNXp6i4ValwNW1id5BeyDQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJekNx7CRA9TVsSAnZWagAA2XIP/A8oBYOG1lYkvsgQ8fZJ\nVo/PZoZJlPmZbHtBDkfACzrB/t+G5TrTvQ3A5bISQDxa4WNtPcb2zotQ+I5f\nS7AID7VDP+wUVfsTFBhIEUqFVx/5yOVbZFFRV5HeQJLuIS3C5fq8XhgGQabY\nguW+4u576TTuwCmPE4dBlk3lEV6Krax6XqAISwAiJFEhjB42dnxWocxBWJ0Z\nNQhfbFE6M3DHP2GicTi0O8X3wO11h4CvGMq4c4lsHGclnO3DQWZLJl+BtcBL\nCW+4P2uQC18Q55XeOwXPDp1x39wVIMoej8EdW64OXmkb4kaV5axmN2MqanuJ\n6wjc/u88TIlx6zcASIEQX6jSSu8SNn2fdfbNyayjF/5V14Vautqv1M+6JjBx\nOuOSFbhEmuhxzTaQYRFkX2D98+lcndqmZOGbquET9vDYl2GOIfDfw+Os0rqC\no6uSOw+Nd+5u/1o+uYudR3cAu6RD7Bkgu4IhieEGY1jGlwPB2Q12wSt7RCu0\nPnqHhgrAO1JwtPXOh3z8vblncJH0Mdw0BIGULjHchLBpmqCgwZDZMdR/f8gL\nOcVXtnXVaiB3Zqwdfxt+7UbEYeWOJWeu3YDk15vxtbJUCaAUCqM4F/seXBIY\nieaB3hHqucbalqZC0iEl9cTMwW0fcA2G7uthGOI4lBPQZODUBXSrJ4IDjbYA\nLQ38\r\n=ZcmD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.0","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.816a43b42.0_1586551930947_0.7028751079301614","host":"s3://npm-registry-packages"}},"6.0.0-canary.008c4d319.0":{"name":"@material/rtl","version":"6.0.0-canary.008c4d319.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"aa27431a99b922e3e05ab4d98d901f4b56e45468","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.008c4d319.0.tgz","fileCount":11,"integrity":"sha512-2fvgkSQ2DbN7kbBnnqH5DlZLGMgVrog1YouxgHzKdQ62JCmJezXzgH24OZBEDKdaipK0r2fAY55HetdlelqovA==","signatures":[{"sig":"MEYCIQCNl+uIm2ruyrIDHpvNIJ7d0ZmrxgFoYT8Fabbwi/dd7wIhAJua4MhWcaF3NoQ3UnQKJ++jYUF7LO6xu8XGvCPwCvCk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelJRTCRA9TVsSAnZWagAAUgQP/A9lRRnCCqComswmnmDh\nELOxbR78/bifQbYuBX4Knr8+1wDifFJ6Ra1g/S2KNuDK+x3Y8Pfx76aSvm59\ny8yBjaFEEChN2rre47uv08Km2VImGVEKyTMyQp2zmbav3EHd52dpGde8XEoJ\nFYGUfrP1txpHDQGKrIjE4UPztyZbRdAaocGka6YhVgaQxZ/U1oV8QEcs8e2V\nq5OL49ABaM0jUhDamhON+WkJHhYMxeWLYAtVn+JRX/vf6STj77ry5FoSp3kp\nFoKQwLpnE8+9tm78mWRvGAf6VxbgPNFST9OAvsytXXsEdrMgqQjj8OmgE/Gf\nzgetXtSZF+nCLRInd9/L1rR+MYuTfsJpvHT50HH5hYaYemAWqiE8OknoHsc4\njLQDSg1id4UdULGgQ6LWjYE6NARjBI9FmRVnbANLfqamXsXe2hl3NhhzprIT\nBY+KJLLbqHNk8eLKBq+6dk+UGADj7SfR2gPgZ/Zk0mErjqBmhN20nnG9V5RG\ncDRJAIORV7aBKwHroUH+XBIIUNjKWO3qlTEhAcU3nEYyo1lGDyuriX8pnE+X\narSNrugUoxWOxLC8kNqJZY/tAacLoonpJS78oGrc3sJSUDQ18xDHCAGVpJ4z\n6XnQ6DBEzqz4CsFCnazHakg0B4uKNzzemJBnYn31Sir2V6VqGVrwZSAMVvUN\n2l6Q\r\n=HiYd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.008c4d319.0_1586795602633_0.41656037042160055","host":"s3://npm-registry-packages"}},"6.0.0-canary.cbb3f28ca.0":{"name":"@material/rtl","version":"6.0.0-canary.cbb3f28ca.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"72a19a83b4062c6af66a05550cd1e288c023d58e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.cbb3f28ca.0.tgz","fileCount":11,"integrity":"sha512-0z4ypvm6CjwiQ6416KxmojgOZRYFqYxJh408OwMfTOsMY+4UwJT2f93A65vLo7ckvwZrq9OxBdPHE6q0kedjnw==","signatures":[{"sig":"MEUCIB7zYPOJtQKRB7beYuNUi0eXUzEw2MLugMlRveWfg2+vAiEAtd4SWGBscsWOpbsRI/JKj4QWdm+Mk4D7acBIlrVyjv4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelUSZCRA9TVsSAnZWagAAt34P/19uKiHLBfmqvxQAGefJ\nt+3Xw7FjpInpJYUBUhfxs8xp6KyCnCGXnvQWg845UsrBFpSMxHvJRm2UccYi\nZx5q6+OEEOWfMEO3oCYU6GswlmlW9ghy5S+5P2P5u+WWPkXQeDxO7Fj6id2r\n4/gz3FVZ7t6T5NdoG9tfJziV3iESffdMKKDn/ewWsA1L7dweviVTjQRAO8R4\nUP4RqaOAxBwxiUVAjbVU4o2WjXVLu5DV0jHIMpPSjTAdNwZ836u/LDitrZ0s\n6X+29c0KLdxKem2oaZG4PeMgcX0+u/rjVhre4VzafnyGi1cP/wKQZ8N/Fva3\nh/r+AwUOSJhSdmAoE8ShW73GNWHXYz6m4HwmaaP8wY1RIIp9dpZ1ciKy0RDB\nMj0Beba1cU7xtdpS0r9aPOcEur40pj4dPacHLJrQMVgjFT3JYGx1My+36OX4\nOgZBUQ7DJ/Wm8BAWKNngV4T+D/OcnwsGgXj/znxzKXHPaNOs9ZwE7pFmoS4t\nTiEitvOitEyakLkI3kZLwTx3uEVIgLDWK5KtgbrHSqzm+01athri/3I4AzKg\njB6+PGx/ob4n3+J7ne+np67fTCQP2qDlMDHcS9tycDPu3dTUSJLVH3Fbl6Yk\nsEM7K6ratX3+CuvituOP+ExBc7MXMRHmHImw1rJSq9vHiw35u7w8kT8KENeb\nsJeH\r\n=XecR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.cbb3f28ca.0_1586840728881_0.32856787620598515","host":"s3://npm-registry-packages"}},"6.0.0-canary.f172b0f90.0":{"name":"@material/rtl","version":"6.0.0-canary.f172b0f90.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f77ee784eb1174118741d493816e7384fb224518","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.f172b0f90.0.tgz","fileCount":11,"integrity":"sha512-DUN5yJuMpAuIHxs3WgB6pUbWxh9qxVWMSHn4PtbK7+afvsqoI0IUNa08EEm7iWJUG0hHucWVOeF7x3F7GHp+gQ==","signatures":[{"sig":"MEUCIGLvRDN7kDofP7Q3Ui+t1C9UtH9rmpCCA+A0VQVMvXsBAiEAhgYeHd6ZZIq9zNc8yIZsFA1IIOD90BeYtIh53YR/t+c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelkLCCRA9TVsSAnZWagAA0tcP/3uIH/pogzbppjbr+aVC\n65PvrMto1iP810EYqIjQjzJdHQS1Rdb+lVoopibV2x2P0zX/eFrnvZwKU/No\nhYlXla11Avwg3G+8qnTAs8/kH0qGORkinttAOJQXrPVw+OCKYOemQYlPliyO\n333fnD/4yQ65aqHU2JlrKC6F+z0o5LVOAKeU8q56teWxJF1N8MpBPixHTAWZ\nGWau7SxYbTtOdHZEzCvP+rtNUx7IszTQpGA5s9yCla3/fb6fTL8id7lM9vRL\nNqeJNCZ3PRPkGHFkszGCg5tluakDYXZetypafj6R5e17onW6OfcrAil83vpo\nzpOevRLefnIT4S8VvORod08NSbH3S4AW+2B6g6VvJ5hsWi0m1JhBrnlcRg3t\n/IGMBX/+mv3rch5yuJ4ECmTMrEDuQWWftSkM448RrMMIZRahrkzKGUF9xnHx\nBQoKx0dBci8L4MEcPtrt6Tu9Cj7Ai5b5SbESoojQetaYMIAKGx64CNjdk0Hs\nMCq7i+bCFPVjBFTcjB0n9etziYJw3YTqqQYKXAEscaiyOIE1d8dP1Pueog73\nDuruoV2gko+fmfqCQV7pbI56/o+H93UZbn97qU+GruSp061pUWhMzlt6Xklt\njoHNgbKvxZPAPFHD2Ik1nyuV6rZOdImicbF2ELAQZMjfBWEg7cjfuaqN0RIf\nLri+\r\n=Rbqw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.f172b0f90.0_1586905793872_0.6844844284358491","host":"s3://npm-registry-packages"}},"6.0.0-canary.c02642273.0":{"name":"@material/rtl","version":"6.0.0-canary.c02642273.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4219085b0f134e409a9ec8b0f71971613916a1a7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.c02642273.0.tgz","fileCount":11,"integrity":"sha512-kKkD8MYo13t2qQ7VrBIo7kuqmSnAxZw5jxxzsz8wbIymsDgKBaHvM/X0QZvrlReL35vZM3hh43/Bb0NOp3RHpA==","signatures":[{"sig":"MEUCIGlQgfKBwRh6XY28dAbFk053IAaQHhVYYCA9mW/aiIunAiEAge7nKt2bNaTInIjOu4z9nxlEc//eTScwOqXxKzkWkY4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelzNwCRA9TVsSAnZWagAAjpwP/1hvH2i0LcKq9NbLRu+k\nIrgJVtT4hmy9zYakS5tNDFoXvHCaePw71GncX21fhwT8J+vbv9NVBbbzM1tp\n/spnuX/ytO69H2mbar+aDVZaRSjVoLG6la3Fol7KJ34eME3wFmUIr3WDWjlG\n2IUIICkEMcXUl28uay8DLFy8ApOyc57pq0TaIDnCgbsPoVUz2dOlj3kfR8TX\nCNe5+K8eUwxrWk9um3eHVVKPRK7xG5LDSbnPQyk3zdyFWGl5ZtnC9B3U77oz\nBHycV8JteeM9tEff/wmLNvv1XtBpw4qKDz0vigZCA26NdyVKizFEzJTY/5cW\nG/fqrY4LgNq8Hej0sWMVLir55091NH7ethmwWP84MvDhCfWZkevmvhoEv65R\n3TQFS+vQ8PVYZhKoyh1AHOZG9Cw3+jeXh7qaCokhV57THF3HaFXjiVIBq35b\nmOSF8rFPTfTDWN8Tu74/gMpl0HQXg+tAhaukBBP4XZMvDU9kkM+W+pbw73ve\nnawBT77VkrYEUjR+7U0m9672pY8QSowvrz2ZBuaurzxcskDnkp8CApLLeLHj\nMECyNR8I1wo78Z10Tg1ffD02/XGmvanl77c8o8nXYNb5m3lJMB2OIynhqRYD\n3FDl5j2rzH8267uqs7FNUSpEmBJ0zbSOjKvu8ztpotl5pWHYwfzrBLoRLY3d\nYxTf\r\n=uj4y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.c02642273.0_1586967407577_0.0215742750652943","host":"s3://npm-registry-packages"}},"6.0.0-canary.8a299b568.0":{"name":"@material/rtl","version":"6.0.0-canary.8a299b568.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5d5ebd2d097978cbb545c15b96b0bb7c31092149","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.8a299b568.0.tgz","fileCount":11,"integrity":"sha512-85wDcc/zYhoOfsj5Q2K3NEvvcsvuO5AtrtMRLchIfso8ssndYOkP60oHumBPSds7ffVXtUk7wrn9A04P8v8P+Q==","signatures":[{"sig":"MEUCIQC5EycH2mMnAMSGr7eYqM1mlgTXp4ySszk7adRFsmiSzQIgfF4LxJF77TlsKMyGpUnMHjD6B48GRj3WqR0ow2CbWXU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJel43sCRA9TVsSAnZWagAA+yIP/iNI2jWY71pKZlHNIKZF\noG2RVxdrFBz3cUkAej2Vq3lH/COkP14yXCBVDVARlJWSTQ/nkAR3xa9qnkFE\ntmqBLDnwY0fLceJqhuVcv6f+y+ICbHUa28p3V6RpVckUkVqjBit8pKGViIrA\nPcx9PvFq/dIPnhnepAQ8S5x8d1y8GJucvwwHDFaeKfisH6igKLw7cS0vllp8\nSeY+cl2mxmkyFygWOSq2qBm/w5OKWBWL6FpDOwy27oMUk+5aVA9jALUGeDBK\ngCsaPG5UwqCE5TfWujtkWta5VL8zWNDAkSFDrmR/kUR2xo+1i2XEgIkMF+0b\naeoOtc3V3d5IVon2Gn1eBDgbIdEcKwNTliZCCIijO0mokivWLkM41gaeVoRw\nN1ox7mWWc74ddBZZYlRQw5mtJBYDy60a7IcXX1tPjPZUYetCokYIjk/QalNh\n9Go2APkWvIvvkZT8vdfymZxaIPRSn0PicrG8MHTOW6et6/Fx9VPxKsjL4DMu\nyu3KSTddN106N68TJU/AfHeKXGXGJfHtpwIsluPujZhpAY4lbf6hrr9DxI+q\nTBo9b650969hrTu0Bbj/23RLITYVC1vlPNKbc7qJEMj1HMyN1Z5qM5wbfTbv\npv0i8WTJ2evrH6JjIqnZd6p8aD0Hz115FQM5CSdW3GO/mdRwASpKcuZimgRH\n5dCR\r\n=cAQc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.8a299b568.0_1586990571618_0.056453388939092575","host":"s3://npm-registry-packages"}},"6.0.0-canary.490fbdc09.0":{"name":"@material/rtl","version":"6.0.0-canary.490fbdc09.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"41b71f0d629b4474a35e9d85ac62813dc48d8fb6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.490fbdc09.0.tgz","fileCount":11,"integrity":"sha512-YcHM8M/iSkmMOAOCWk5i85/bxGKaJJ+4gr+U/71a48plqfhIdt/RqwUzBp6oILiBh/yeeqd93072vwsVSiXq6g==","signatures":[{"sig":"MEUCIB+XzIBs+defmdUIlXscQ674fXCkYOo5r378/bX3zFGBAiEA5xDvzgdmX0gf5oQPocnJPKCjznBWDFUVwYGiWmDTKxI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJel/Q1CRA9TVsSAnZWagAAujcP/241P3FzCxQFuDkWqgqp\n8SkJXBoeMPhl8LB01SGH5uXSyAAU/Xw0EC3KkxA0Ky+Bfwxwhd5QezF8Shks\noXRAVaIXsFUBkR5mdh03uqqJ1ZEXrPOQqGyeOLlsSRa2o/DPEjaAq7gX/pkD\n5rAESfdCBg/MJMzfch/lQq/yeDCRtwdfZs7pzh/JGvyGuF/05MUwUHRrF+qX\nzfzv8Pk1uNNSaKxUuBdSSIZ7PTBqfasi02tzmn6Lfb6rndaatFvDzU6Da9Xv\nveL/jTqaF9a7lpX9bW/D4hr/xGAHL43Qi8Z7pk60632JSY9MIP76crU0cLIw\nABwicm9zTomX7fJE2scFORyy7JQwOQsuCKNS0qwL41CkEPkeMObhOyEa/bjB\naQK+fbhqxmkTsLd4w6KopsWQpHUhhiQgj9AGqjbXztkIZ4qWq5BCYrQ5Np1h\n0mG4Fng89kkCPEV5ceg5JiUEjuhMuT/MyPmwRWhP3DXJLUHxko0qG25NXfRZ\niv60M2Kmqd+q2rKdEAeI46kkUQKt9ug4glfPaaaFzV7KKDGzoiNa/yFIpDib\n/MNkUCx9T91WhrsMfWQdx1jRfYASxz5vertIhmZBe8GkCGD8wExXNDKKUWCE\nweVhBjoZ4HvMWAlXIIyO/9O+io821AykE6clHE8dyDEs+VaCFcsLVXLwgh/+\n/tyQ\r\n=1Yrr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.490fbdc09.0_1587016757227_0.41519401769991093","host":"s3://npm-registry-packages"}},"6.0.0-canary.f838c6e55.0":{"name":"@material/rtl","version":"6.0.0-canary.f838c6e55.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2ad9f4abdcd7436793c65ecce1ff5f0efdcc428c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.f838c6e55.0.tgz","fileCount":11,"integrity":"sha512-AacoRuF6KLEYTMJyU7ycRrjS2qUT6l+K22VOTnXwbncELDE8KqIaD75PbJguHtyfr+1pLihfjfLZlbHtd2iNVg==","signatures":[{"sig":"MEYCIQDvija98IFdAc4Za9mbJGGkyi3EkhUk2mLsyJuH2qoKagIhAPeJnynJ5FvHXLgdD0iDUQH0p7FDvmqQT8UGqBimQfVn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemGsBCRA9TVsSAnZWagAAjacQAKE6uehnOsl8DJtg7inv\noA5iTvjoUS8zHRRpoVkgEBbE1FCB+HbYTpCkBxccYVXUn1axAdtQsp5YuUL6\nKlgD9kjrqlxgcsxIuzYqpyWzOanm9wuxbKJW7sER7XpIQjDpicmYK0OyuDsw\nNKkJP2O1attLppfmPntvulK6DgmmHxbKXBQIk8OYTgfuFl82dLUxNOGAm6LX\ni8Op15pD2I6EBXn49KrH2V3+aN4z0ih5RGTIJpfi8JNQdf9V4Z/Fg518pfpg\n2cJEt5mibwsLFiUonN4Kc2gfQChfaBayKIYQtCjgt5Dck0l+1eLrplAjYjlh\n4v/dpRbHxPgFS9qXYkXMQ4fScZ+GfifXGyQ8TlcYJ3fJ0mO2cGET1UyH1TW8\nPdGYkIfY1Zl4v6qFKqWbUZkeLTC1iQjRoxEnEs0mlgb40FdrU/eHt1Nn/Otl\nqmjn9reqjQko04qqbJIbJ1PuogJMXhuL9fqEz14WUq/LznB1sXWJyENeKXni\nwmIVti3Ck3ynKKypcBYQU5UaCTMYXF46/+TO932ZdeQM5efh+LpnymLbxvTl\nNV1YztenRAQstIgIlEDXPMhodQ79SBSK/hJgAxOPlwdX3dYjAUNOXNQ6MtIC\nX9Sk81DGeBTaKWFUL5/JLgRvrpXq2UHK5pe29OZ5iWII1QIDNmEAs9U1/b/F\ntSax\r\n=723j\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.f838c6e55.0_1587047163200_0.059870370687805874","host":"s3://npm-registry-packages"}},"6.0.0-canary.ce6cb7024.0":{"name":"@material/rtl","version":"6.0.0-canary.ce6cb7024.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"339dcccf8f82bfa375eb85fe52fd1aad4afe4391","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.ce6cb7024.0.tgz","fileCount":11,"integrity":"sha512-Y5+R3Ns8EGCtWs9kOz4Qtsa3rnSF76qWzlRm4Z1PHiYhdD/c4guSJWH+DHCCNwnTaFqvbd2ETcPkBbdj6zOBGw==","signatures":[{"sig":"MEUCIC1AhhT87YSd/sVvbulqDwfkTF3RTnpOr2nFNLBbSrHHAiEA1+7d2Vm9VtDP12IS0GqcQkWQXQPdKHsiSegRadTcTos=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemJNtCRA9TVsSAnZWagAATKwQAIscsC/PXKJ8Mb4TrOwn\n93z/RwzGcLRntm0mTuAM26c+ntWwdY0+OVn6sVdf5mjEICxboYTHHInKt/9P\nGxEMgqW1hz1UIeQAGPKkQJ7dF5zB90WpzHRevlx/ja0rjmr6vnwVC3yATMKi\nnJVHBGeZs9acaEKOZXSXvaArEU7mfgt2qjgES016mVql1ANrxZaT2vYT4Woq\nOejMM1pEeWXXYqcg9nnWZA6bJsdWooasfBdnhyKYdU2kxdRZtezOyvHI/P/S\ngvfBnLq0tQJdsGWzI/k5P8Ltp2wgU2veHwg2FwAGTbDUSNAQAArBJIXFwnbZ\ndVaReko5FF2/KuLpfkw5Ydbuk8qJRsZqEidYckloMjj7UGGT9+4HFZXliAAV\nStd/2KTbxrt+LMCkoreso1dV9+WFJN6IFDIkwUlC6nOYbM4vuyg1weUHdrWJ\nEETVdkx0Hq7OW4jLEMI1HQWB9X47tCpEl+Ll01dF4Oty2jZQHb7fPZfQRmE6\nAoKkkfjyzwwpp4Z3GJfVhgSnnuhhCWLDDkxHf3yYD+G8cRHnG4qNxkH53DUS\ng/enXQZp5tlVJx19EElILsdo2gBEkRmwDpNmawayDyEULM83asbiILBFOlye\n0yb+NL+9H1fKu4WPiyToigZJnQ+J3rQUb6V5z2zI36eXH//G/qzXEhC0K8+e\nW9fS\r\n=J8A4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.ce6cb7024.0_1587057517391_0.718882352712154","host":"s3://npm-registry-packages"}},"6.0.0-canary.0ab62a65b.0":{"name":"@material/rtl","version":"6.0.0-canary.0ab62a65b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f1761be3a052b49be31645589288caa10ca8ce9e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.0ab62a65b.0.tgz","fileCount":11,"integrity":"sha512-WZ9Ew1rdnnd7YZ3QTMtvJNOkuEzVquAiIImypxx0KcNLUq5b261loWtx8Lk3SPZWwBS7yRDMNvBRduDh5bKTHQ==","signatures":[{"sig":"MEYCIQD5943oUfV5ojAc3/+y9Ujpnn1WEcQOyTH4wR1SZa1CKAIhAKOsbH1ZdxItgNBBRQf9w9hu0tajdW+IqqOZuwXykqqh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemKm8CRA9TVsSAnZWagAA3KQQAIBmzVa8uWAGFbQglKBF\n6Q6b4urBtnx+bt4o+Hy7viQwYosNFxZlrGybykVUTPcLlA1VH0pPa2muuGxq\nA7h7pylEgTp2R1SI3h6JkDgWWXYkC4VgsQnIMUdIf5wwpmycyikmUEpTSJxv\nlviTsAEMeMdV1vdFW4efwVbE0B+o+61jGlY59Ssa4y5SzHfxDeWIjzKVmC+4\nymYd3WIzMXetVnQw6WicgeRDeOGt87a3MrdXY8WIVNyfUVDumHrYWk+n63fl\n7l3cwXU600UZWKUSYPpw2HX3BDPprVBHXixueRTfqn5FbxQWqlRNq69Yh5XI\nOdQwiVSKXmXUW0YRM2Imv+xye7tH7hWAnProOM7vD9ZDQgm3WabMxmbWHh3z\n2OpoJiVVP8kCFVP/ACp7ArO9pEh07Zy46xYi/Xm6JVs3zCk5/0QqToHWU7r7\nSbP9+FYY9K2Wtl/4elOB5h9oyArv8P7XTBlctGgYPYimMu+aJZ3M0icbsU41\n5Yr9AzSgMNT4AQkFNWnQUcMzcreBhcZ+3HjLnUPzkGISjWJEiKxcM5FmwauX\nq98sM851WyRHWdZoNxU5kCFgEGfVBQIEvy+iUJbr7afzUMuKKg9rARXSyZFh\nnB2pVTPVh+n30gF5wlYZHkJCu7IWR79W6HKvIUHnHRXWHO6hDJRfb/n37QAb\nM0d2\r\n=SWLV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.0ab62a65b.0_1587063227531_0.2747794342589349","host":"s3://npm-registry-packages"}},"6.0.0-canary.ca61b656f.0":{"name":"@material/rtl","version":"6.0.0-canary.ca61b656f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9ff3bd61a8029b4922a969462d6b9a5edef9a7e9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.ca61b656f.0.tgz","fileCount":11,"integrity":"sha512-3zRzs0nO0cuRdyn0ZjoDlP3AN5sfda+xik+bQr3wEfpb6avK+U23IJbIpDsjNj/3HgLLmh2D7oRcS82AeB+Hng==","signatures":[{"sig":"MEYCIQCTysB6cp9GT9jRyzDcAuaJMpfaZoPUUqW5K7MJqVzR3QIhALTDoZ3gXqJNuHByl7bIu5g+lBc0ni/qZ9QyC2tR+Or0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemLkkCRA9TVsSAnZWagAAbn0QAIobUrsndLoGHFphgaXa\nyVAsGnWvkSh0tqtIo7J8wOVNaB+g2zqbUBkVxaT/GuQy4/SF18jEomjykNNL\njeSZ6GZjkAk81nwKTg5w5lmDq5obO3xqll0pDMD92vQQrKNiKwjnTDu6KR3B\nXtRali0Vhf4O3LEHGkn9SCMoKhmVBKhUual/OFY/MDqs7yXjuMUy6CwrsIH0\nlhnFnJbmMJXi9fBbBxWFZYvDS7xFRSoAULELxXe6/bObMLdh6Ox2TJAq82dH\nAGk0V7s6VnbCQMESwxU+CRHx27U24jmZlBURP6PNCvnv+N4TOtYC+AkGlZGb\nAg8btkSDMBnJYmONSp+uLaZF5j+0hWSkjDfpMWc0KEXEx3L4ZRm2OM/Vdr8I\n2jT1vaVisLUdBLSnSTLUP8eMNU0XPESchWapxJUnKdpf4W44IcKsA42X0JtU\neZQLuyK1MU1VvM6NMC0nWgPg9wdNVbqQslowubfJsbc1QfHtXFQ6zo8zyRB0\nmpm1gKAqdbmO3JnNX0VEhlYfyF6KH7u4C9z4n8hHi+uo/pZErp52goEATOLn\ndUj0UAcvAdIkQ4waeSVAjVyOZ+kqD1DtvlHA9+W4Klp20deIFxFoUuEhzPds\nV3QRiuaiCwVj104XxMinTSwNJ9z2EsrAeYzah/83O3iUhGu7UW3R5Y7NL8xW\n5YC2\r\n=Vvci\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.ca61b656f.0_1587067171897_0.3961131432966094","host":"s3://npm-registry-packages"}},"6.0.0-canary.45a6615e3.0":{"name":"@material/rtl","version":"6.0.0-canary.45a6615e3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"211f648275d101fae005f67d721f824622863c20","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.45a6615e3.0.tgz","fileCount":11,"integrity":"sha512-m8+rxAAhztcdYVNuwTLr+UFsI/Z2Nem8R6o1C3LXxUTFoyinoKUv3WzurJ31BsQg1DtzgPY0pTgunPOmhm4P5w==","signatures":[{"sig":"MEQCIG5FVc1McuvLRpfabKgIGKYJbDSPF8A3YQ221WdyXPWEAiAUAT3ZOqd6rJl1pa3R/VVlsoK81bQ9iIffUp3UoqFv4g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemMDeCRA9TVsSAnZWagAAcZkQAJeItjSwvxukcFYML2JA\nvgccPY6l4O/aOijoaz6KPTOZ6MMdr12cm/uMPJ+j/0/fN+9EOpEw+4wA54Gz\ntu88cD7tecZARhEku8M7zgT/eRQrDtk6kpkHRIz2dXO0Hxa5HUaw2l7bqIs/\nSKb0XfFXt4ChPG1PjpsNCFlAczBjRXsNX5d+xKBxbwnA+9QtS0qZDQE0NvZg\nt7MDF9y+Ra0s1q/ePDHr5/xCx+MR0v+xiTyJIi3C8ytE4cRm2vMRS5yvQBD1\nAtrgub1o17g1CTTy7rYgpwXW7zUrmjcx5S1h4B52MsDLEp3EIHSnUsTPDpMk\nSg7CjfsZNoH/gBFa/S/Ym8OX0HuWm91WGsyKO4czBUe23uU9pw3KJOBaFA6S\nUQbIOtSm2Au8dlJNUslATQ/q9dVLqlAgcrb47NjQkWHzxkt7f6wg/kmZWfSH\nMIG7/Fqi3JGpCCC/OuWtLxsdxtSnB/uKwXHbEl4h280kIVHLfItOC3fKaG1W\n/NriOohV9RPmECyOFT3ZM+RDyHB07sNpBnqUGhmIoKCWnnCCKs1uMw9gWH6j\nMy85Nt9J/2R9dCl3pqigJK0hfj8NLGlnXdB+YFj6uK32KgRieeRDT6JKa76/\nrMHiMeSoWAcTibym+91Z42IE2TUF88KUB9noBbAoEk0wwLFMtYc+DofwXsRU\nD9P1\r\n=svgY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.45a6615e3.0_1587069149684_0.6903305856604753","host":"s3://npm-registry-packages"}},"6.0.0-canary.4b04cdb0f.0":{"name":"@material/rtl","version":"6.0.0-canary.4b04cdb0f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"10c3ac7c099e10133253b63a96a12c3f49aa0783","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.4b04cdb0f.0.tgz","fileCount":11,"integrity":"sha512-7WkTUCA0FRyFAmeZOZZLyN3NlOxoOYf6qG2yIRH0ULtLBjCsGr+aXp2bW/t9JTaE9UZDEa6xrX1mFI9/RrXDnA==","signatures":[{"sig":"MEUCIAXENiI1IQErFpMUjrwEdmrkojDjtqsf51iTM7247jeTAiEA9+6A03ypktTYXtdxYwoYD9iiHrs/RQ+6Yjf4Kzgkflw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemeoSCRA9TVsSAnZWagAA+E4QAIMWkwdxm1JUyAgmlWA7\n13sCpYMtimOVSsQ75tNZGJhMQ/DcfcT9DB0rNIu7MROBrOxUef++cWMatZCN\nFRjErnlj08lnrFDAXRXS6XyVCIJFS6rL/6adUzvIrSgV90p2GtgPjDhvyBi0\n6W39c7VHrmYpE3YlAENPwUEVlQ/K8nFAjIg1wu3k8/LjvJqDIsY3uSW4MIdk\nQ8OOZBn3o6OtyXgtUiMtIi38m85/OU70JA+wHDTUhOBkCaqS3Hhl67LPhGl2\nBuFXi7u1g0L+6kIAOc159IKuDdTsl5hTlq5euvyJQ9Q3ObfZHR4pGoJrRALK\nL9fxRh2zAe2a2SZARHvR6G7ZYrSFvvpoQSY9w1sp/Q9J5ijGPT8oxYtrAsgT\n4bcgokr6Wn9/ManhXxdcpsCpuvhHdpc0lX//En1760Co2JFK8ZE48HjEUGEc\nySB7Ng+oFEXmMY8PaNvnj4+Z+chMV9KLo/3xCgeUpibmsLTag8w33AoYZjoM\n4oVPysyKu56Mb5b9n/jdLzVu/n57ZHPtYPBqAUstkV19NS+WTmZ6pW+Zhbvz\n46iCaUVnRuzsD2zrCRwCYpXsiw+q7RlXzZ8MKf6RgVVjhb38JF4wPSqheh+Y\nZwv8lqww2DH5xnvn12mSz/DHFK+G/Wof7nthAn7Bldwj/8112A5QvtNMUGZO\nOfl1\r\n=e/E8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.4b04cdb0f.0_1587145234341_0.6359193538569436","host":"s3://npm-registry-packages"}},"6.0.0-canary.b273afa93.0":{"name":"@material/rtl","version":"6.0.0-canary.b273afa93.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"fbc0f96c19b70b73940368a77f020b15f1336013","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.b273afa93.0.tgz","fileCount":11,"integrity":"sha512-FRD40lSxU+0v0Pbwfro2IcGK7ZqLxWDTCrNg8YfnkLgfBGNx56gxb1nvuIUwG1Hkn9JxQIqHvxfPV6LBZSh+kQ==","signatures":[{"sig":"MEYCIQD4XFZ87KS/YJuDQye0m8g5BVGho7eHRvNL7qJUKT4xVQIhALpFpXwoiCqkGsebs5/mfb9Vy7DEWN91GCYrMZTH7MXX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemjWECRA9TVsSAnZWagAAZTsQAI5GhpR3vFVOXy92qSYi\nsNb/EzEhlbjCpIdbw4hPxa3fFhLvCP5lglCWN0iIwGSyUNhaTZRe+R0/oxO6\nt6QGvgbyR0NtQLyzZdD89+l1WtRwHj8ef9nk9G1H+J3RCSWSV+JGPdvfP6b+\nh4iUCuc5DYdP3aHez1w53ZRV6s1KkKRsmb92TO6PxEGlZN4Lh8c7CZIJHHOo\np+R+wNnh76D9NGi09MSaXCefLHQ00zqvpLuPBLobb4kI8HWw7EJQ4k58ivUq\n63ucAWbTQAxqSBcphAAqcxq+q56Vrs0H8sgbNXR4slITx79/wj6Cv2nebEk7\nzcqDbRKrcMcUmECaBxA1O5l9Hkfb8opz5vnaAhgrDlQLAM12XV1wTj2psPE3\nSJqWXS6c386SJYvo1RJH5AUCbJzA937NFkcMNvbycuLHCwMFtYN6Gh1Cwx5w\nfXZCR+OY1c51LPDrgs6Z3WDHftmW0tFVFGrdxXCCfryq6aLsMh4NfE/bXLAw\nfWjx148amDdV6PV7ABf9xdt5StAuhxD2Fxvt9hFOAFjJV/Qx/znCtm8Q5SFv\n9AJTAm/ODthi8KjdWsjAQ1MFaVroU2VVODcM3kMsEn0MnCA5YdlwnYDBu9/W\nq00EgdFo8ZPCkFCDD3yjXS17e+IOjfq3pMfamnC3oCgUCOnhaQVwOieroJzg\n+uce\r\n=jMjI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.b273afa93.0_1587164548044_0.0026837540298769724","host":"s3://npm-registry-packages"}},"6.0.0-canary.b70bc601e.0":{"name":"@material/rtl","version":"6.0.0-canary.b70bc601e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0ebd08d9c36f5a8d7b7b0bebbea126a4fbd0e927","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.b70bc601e.0.tgz","fileCount":11,"integrity":"sha512-HUx2VUlTJF/6+17ggKGa2A8Czrz/v4+CZ+0kI20qOVTyk2+Px8rwmYTpFYPeK25RYvpFwZCV0LpG96yemlUDIg==","signatures":[{"sig":"MEQCIDEUFlyp0ctrAOdnBaUF2N0Y6QMxHaENfSFG6NZyrcHvAiBjJJhG9KU2RCq70YDir28mKL5AOzAH7l3GIzeM1wFztw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemjngCRA9TVsSAnZWagAA35EP/0ACmjaGqCU7k+BzoJPK\nLECtINjnU8xp08EbKuvXgrxw9ecvAhymvbhqFhX3MfSkP4vO2YbRXKJBOSPt\nnggqk/vn/MO3FxWdx0iAM1lCO+ekmFsnlE4/ZPfP89WqPcFxUW1fKfiRH2pY\n35vJ+TsB7RXYoVZXgHWq2AJPEGtDGI9ZFEBOK0AJ0D8nhSQNXO4Mmw3KBigM\nv2UR64ENMgABqhF69xXOvl2c+gYYRx+7D9s6kC9x7L0n3JprSr+LZJzcX2QN\nVbO6Se0e1Np6lR/U9XIYsx+COV9R/tL7ei2H6/QLPQGvr7SG+Ak5I4ljJ5DJ\nFE5rRXePxjYXlESQpDiyoJXgXbT7Msu9ZXi139jJZM461PmSW+v464bESBXe\nzjPmm/X0E7KiF+AS4U2hOBsACdqwF/Qn29FGD3+IggsvjL3tsKa9QMzh0Ibi\nqhkA8/NFr7cZ+Y3pLpNFlNkAcT7fMtKICbLn3U3R/z68ZVQKzmXr7Ym9WykS\nXjg0Kx/FmerOYqx+qviC/MRSe5ztPWM5MJK/y97JqEdIkn7LHS3L2fUQTKZQ\n2L72lgDseJq8Yy4fz3qniY13jvV7ON28OJGWMa2VXnXDgwA93PKYDSOkSRiN\nbqO+ho7sxCWn0886+eaZBXQ3/mhNGrJfA6R5pyitsIMXRWhjIzMzv+vqt4dG\nfeMd\r\n=c2BC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.b70bc601e.0_1587165664403_0.014290575990770327","host":"s3://npm-registry-packages"}},"6.0.0-canary.c4b4bba96.0":{"name":"@material/rtl","version":"6.0.0-canary.c4b4bba96.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"02c8516febe95bf86551b44bce58be9343219f6b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.c4b4bba96.0.tgz","fileCount":11,"integrity":"sha512-nAUMP4JvgVaeprfeDhYtWwm8r0MKeCsLfGBaAJBWqhcbdwsy0ySIy2z4cDHXQBbFstEphqbGoNDg3t4P9QgpaQ==","signatures":[{"sig":"MEYCIQDcrhawg4nvyPZAqABrmB6ZUSSTOVnusDsDZWvghvQ++gIhAJuG2VtNzJtNG+rOFZ1hFKbFip9vD1WlcOFVNBOSDNYa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJemkcOCRA9TVsSAnZWagAAk3wP/02mInxTdFvawO+V/N4Y\njeAvNVy077mbVy2G0Giq2Pe0/ZjrK0SdGS49k0u37hsaQ52v21Kv4Xab2Yxo\nOpcR+saQH2E9iTzcaJ5xa+2KVTh1896fbqqVN5Wj5fREiB6gnTZu22Kxhp2u\nZwVcvJRmywpoYJU5XQJexNUVWDVm7NvUq1GziuUCf1C27+TAWEnFFi112uN8\n35whEBjU9PswswCJVJo/E/uV5Fh+mhJb/k6BoKsknHffFdu+ME6LuhMRDNW3\nXr7K4skH+NCGvOTExt9gXXbHjsWj3J3ZwdkD1FXwNxPKc/ogrYv6IwH0zdLf\nBk+8QFms5Np6c6GmWXQu5g1zzbuTjD3JaIdO8TndDMoVvSsSiscBhzMrGTeR\nF8gtnZpTO4IqMvIcFBySUJMoFUszK4CO3PRxQNvAp3H+lBxr5LAD1P+W29qk\n0SjHBQiKiAxZOSMMOocv6HzYUFNTDn0+a2OfKk8SA60Lm3h15Wr/s/2gE2Xt\nPgN/j3ApWORBkxNi3YQGMsAPijmw772eCQWBpjIXQjKLGLTKsMnJoGhlxALz\nRFpzbbmrCmPsQLIGqd7SSN0pliNq50ZohzwUiFsLxyiYLbS6yJE4wzivMGuy\nd3+WOVrKnbMsx7nJUXZ4qcPfC0W5046y+MMAaksJWFLgWeqjwtyUwMoIn5SE\ngj7y\r\n=Evmq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.c4b4bba96.0_1587169037797_0.5590418919650373","host":"s3://npm-registry-packages"}},"6.0.0-canary.6c1ebc721.0":{"name":"@material/rtl","version":"6.0.0-canary.6c1ebc721.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1ba69e934ccdfa26ea5ea4cb229093387e8dd2fb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.6c1ebc721.0.tgz","fileCount":11,"integrity":"sha512-DhCECo7qDYbwbvV4tb7AXg2XjCQQPnRM5hF7e78V6gOGASFiqit+eJGYWrVi791U1vYvpwT9m/sOb47Yln7CMg==","signatures":[{"sig":"MEYCIQCXKIeJJw2lKD8ENKFhCUCAkKmg3d1TiIKV8Js4CrXkTQIhAMsQED8AOtOzjYEi+j5mP6fhZOsHpmd8NGKye6HnRDhR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenf6/CRA9TVsSAnZWagAAVJcP+gPQdiOQCFKrCzquxm4y\nR7OSdy8qTvaZrQkXjgctwJvso6AZlVidIT9Nd77K+YRHAwSUwcjTgkDKfgpR\nRgt8OoQHSS3Z9AKUW/a1f5HEx0vkr9DAKYZiOOmcCwMrtCrmuT7Zx3sxNlvH\nm9v29nGsqHmXHZQq0iWPhTfE5l9+MxM0enltws7wc4wSOz0LAuBK5ijmcwRB\nUmwHw9xMfAP88YVJU9GCk3hUN/hv5qTwLMpkxl27TMmDj7ch24IKkgVYiOs7\nTeEifW831woclyAj/w0d+mRViWTwxLf81/JjraZ+wWM1DH7yNx7f8Pqa+US/\n+IiB6ABawIigP2vyrQBfrqj1EONPrW3fg6iOWJNr1EScM8g4Bueo5tV9QrMn\nL5prqC1PO+QKvxBEMHLWKt80OuOJ///GlwvYRoc5NDmoi9CLS9zhpjznYZwT\nNwyeZOfJMLou6/IhVA8jx4+U7gwctHhs6nbBgG7UJNc9Qj2ZdcjziBoO5Sv0\nCMQvgzSh9EsbT7OecIILDyKrwDejFt27C0DSLbRjJ0bUXFieqK2ybcm+SNAl\nFgUSxntW7a6GhwSpnX9SH+bOkCGhvf9AD+B0OWRtsHOyFjiAW3zfEYi2q0O0\neDJnMMjSMDglVpvPYQG71pS/P57azGiTez4JRVjEXQwGXmNV7V6YAon9BXgg\n7Nb1\r\n=OpjS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.6c1ebc721.0_1587412671413_0.5711301830439102","host":"s3://npm-registry-packages"}},"6.0.0-canary.9cff4318f.0":{"name":"@material/rtl","version":"6.0.0-canary.9cff4318f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d790a914c157df7023368c9e6ecea33b4333397c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.9cff4318f.0.tgz","fileCount":11,"integrity":"sha512-Rq9WnX/uh2VLOgPtgC9RXNrDFgaL9ksZMMIl6bXHYkWPUuiRd3BETm1VLXiycRQ06qAPlowGJJ+enJv70a17Bg==","signatures":[{"sig":"MEUCIQCH+RP3L5O4hBCwKQFQyysVays4dWLQv1SG4bE0o0p8PAIgB0RM/4Qq7X2H+o3Rodk+5/26AFksNGGU4WXk5VoUDZc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJengw5CRA9TVsSAnZWagAAZ5sP/1iZGSZ0pVDPZI4ZyEKe\nPn2cIJ6o6El0TBJeER2BvFZLpLAQCDUjPHxFUgp3aGscotGtvz9Dbyqo8jit\n6th2VmTpf62eCkwW9YfIP+YUSJVGWMfOlA6YUo5jSbiV8p2ZBr14yUsA37Ml\nN54cG6QuY67PxzWC/3NQPmv2aPd+oSp/9RhATGW2Lnb2JT0v20Bt7dkEYueU\nGP9o3UTFxJOiMVwL8FGUSvXda9YQnDD4unaRRHzdKMddSJ47XZSVGn2emFV+\nHn+o4uq3STYBxrthWs4zcZ9NRT5WDjww/IXuS+MifkcVu5HWq88eKmVXv3AV\nnwq9Ymb1/lpjSm7b5u2g0eRxhYCBrSzx9PfTObR8KFe/gqdjMRWQIygBxFTa\n04z2i0ULE4VSDVIUo8Z8+5/9mAcumgaRlFugsOz4XDpW14Xj8SW88z7gpT/v\n516Kqe94jKElgMrTC8lR1DYsr4pJzqsUaAWar470sjEtudk1B+easDlVqKP5\n/hCIwbk9mPJfd9XFFQ4vBLAvdrt8vcWiFiO+dF5iu4u392T9J3iCTdgk0dMt\nLY1YgHk8XYXmkke87LHDlYpL2OBvJuoO0B5WT96Q0OE022yZg8fJsbMh/b5J\n/jjnMgGhTGGS6A1Z4LETt8qrPI21QsZuILVbrs++DZT2B9FwMSraSLJhLPUT\nCC8g\r\n=71DH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.9cff4318f.0_1587416120567_0.7184662927020435","host":"s3://npm-registry-packages"}},"6.0.0-canary.7b4482402.0":{"name":"@material/rtl","version":"6.0.0-canary.7b4482402.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8b2d0a7b00bc2ab06e86d956ced3d8fb112f5ce1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.7b4482402.0.tgz","fileCount":11,"integrity":"sha512-pbzK7efXivrIdnKrnNBWb2CIGmpcV/3u2/KJ7ux2oK/WYwS7dTfdfZLIyfZssaGIrZzYeIljsIvzoAax2lqeaQ==","signatures":[{"sig":"MEUCIDreZmsMIJEP/8DazdbKFhyounaNDZM/JYHeZ8UhFO08AiEA19sNepaAaR/fw1lydVmAcMOW9RJfO0mKXUNlpyaykKM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeniABCRA9TVsSAnZWagAAoCMP/2E19+t9nAdpcDNDsXnu\ngrSSOxsrnIkw1eYGAZ1eMv5+XI3W1865K4gXyFxfBNS8+P/tVhH2sVtJ4FP1\nzAaZMnYLFzLH7qotdVvnQtiom69NKr+dxDh+1XLgHjDt0/vh6sfgoVHihr20\noyiDDDBg4vl/DUxAXQq53m4kHWLyeEvclZaPrZOO9uLyjqI2ODV5drU1CIRP\nUgrCD+OJCmAeIsT9RK9vOuioH+JhdaNpg9pGQh1H+x5qzKuRSepjHuTaVQWP\ny5AC6kf7iJPJbGlHIo0Lkp3Uv/pcnbVHzRmX1GBQBB/FWXNPaNMuf+tJEf4T\nWWQZKBGwpJ/zIw4QXSUtb5lAD7h82bY6+UNLU5lOH+2WzTJNPHblUn9p3veR\n6Ut/9bw8yb2vgc98ztDHhww18DxQ0NyvLInTscg+ch7pnNPZlXGatZjp2Kyj\n20GFQia86nyT4v6mnBLsWEjXzVzULTyU2+LnehroJkducC3INb8cYMtAtGp9\nleC75t0TiprjWsGvYDnlrEauC4vpad+38PWo3Epwh2hy31XneY22AO1jWoEH\nSW5GaDKpYGam0VU+gDOHS1/9+WdhERVY0Q7nuvXefMWZ0YX/c2S+j7562vgc\n0x/Em1FnXeAgqbzyBBwfP+AttYJJB16LDdUch7Bj7LpZx31O5DkOL7jOvjJU\nIu4Z\r\n=pvEA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.7b4482402.0_1587421184877_0.47471784181653054","host":"s3://npm-registry-packages"}},"6.0.0-canary.deda86d8c.0":{"name":"@material/rtl","version":"6.0.0-canary.deda86d8c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a604bb67d3f29eb8fb9d959320f9e5af0bab3ba5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.deda86d8c.0.tgz","fileCount":11,"integrity":"sha512-+QHoqdkBDD/by26C1sdL74HtQ1tJ77mFrrnEcad8D88eACpvus3fSANfJpY4IZysLTBmNTcaagAqTu1j6ps3SA==","signatures":[{"sig":"MEYCIQD1PUn0IgkpWwi3cSylq8Iw3mNyZMjaSFxilLh81TySjAIhAP/vWL7AGWNYQrctvwi+8elHu7gvoseb9zhNlcf9ydUf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenkjtCRA9TVsSAnZWagAA5RoQAJHyl4dUePY7YXl7v9J6\n6XEPFw4IFe1hvNZsQ0sDaEgh9Y/A3r8RXcrOMzo/Jg3FJxOSl9HXJ/p7Ouoo\nw76EteEkrCUiL0llxs+P7G8bBdWpl433eWYH9dNZoqyjWiFXB/ArRqghz3GB\nDJT3lIqUnGYHmSXlAmfLwUcR7rUF7/sX5tfoxlqj8a3m2jaHEhRsofgS7uIt\n8Ct4XZDVlpscckY9DEVgJI0dyqO1nSvNbiKask9cCFWJ/Q7ejkK/Mv9G3isV\nhYlO9wHVYfXUxMXC4pms70GOQ9mgnH710M23XePCLcnNX/uZaoRs5bq3W26P\ngAgWDss+yQ0cKgT/uhZZO+zCA9hZFpIG/u+YSxKg4cPijvRZwD62Sb5MgsF9\nKoKNMDcdjVPZC+bx5FNdGUB2DpstI6h13SK+LolS/qP5eloLdA9umsVAXzIh\n8wTuzhpcyCAop6Sn3lLnd8R2RDBkb+lR6zvttw8KB2TqHrrrFCpwBZFtJMGQ\nS6ac3HCfl8+6cGmzf6QWxkQLEvqkQzlyVjwPo5Syjt09yz3SwLu4CURLL/21\nF7dE1YEX+yD3sFMOESPpCTUg67qhLxrmAg/30BzXcvclVypXrdn9In5PGkMM\nXqbApToVZ74KgnS6j722UjU9orrRyzqCdpP7RaoQTsT901Q4TqhTeqiMqUJY\nK1LF\r\n=GsE3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.deda86d8c.0_1587431661075_0.11757125540271174","host":"s3://npm-registry-packages"}},"6.0.0-canary.d10412cb2.0":{"name":"@material/rtl","version":"6.0.0-canary.d10412cb2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"aa081d8b1b657f619031e84e298ac5deb1a68cf5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.d10412cb2.0.tgz","fileCount":11,"integrity":"sha512-wy3McBzFBVnID0szORPi1ZNmdfcWKHu6ZTOpFCqP76Mw0B0bSNCXg0gYDjlJk4afnFULXAmQaJsqgw4vIWD9hQ==","signatures":[{"sig":"MEYCIQC3MrY+Iwe4+KuHZyl9/D1HA2A9l37MJh90busZA1hGWQIhAOjYF8/5Frz3vQEztgphYbQP5tQBQl7Fptrhxv6a/fqw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenzjPCRA9TVsSAnZWagAAKywP/3uFclINaWiORx9VctOW\nDJiGWL45mFoHvqtn/4atNzCw6dnbyZj0RZEmTu/Ke4hdZziqpnSoL7SyRDJj\n7hovG6+Dbz+D7hbjbQgXesxCM7LSoaML41TXF95rJ8C8yfI2VZmemLiRpFU6\nTCEvm+vNkbkJF2IFJUIcoq9+tcZcLeYny1CO3g/1T0olYe+DXWhiMLr0A+Yt\nLSFJFTNteUcBzO3vdMye2uJqPyv0DEMYt5TiXQOmb7AksHFXIRHdAIZ7bg7y\nWqLK9FO4GDA3eg8ltlU/6bA703Kkuf7p7/pETqBzieWpo/yQgkmWBICrsWxn\nX0oGuyRLh2ISfr6MQHLIxDVa05ivFXc0VGnM955ci8GxX7citLLSBQQaIJhu\n0qKqy7tVYhzuAx8Tn/FHJssahtmBv3Dkb6o35rcvUmazhwNMYtV71edMuYOs\nY8j+U93eyuAE2fi2xzPC8md5VwtjQnlQjjWuKuEy5FfaxlPLgxfaLwLYuKIg\nGsB8Z/+spGRi8TQrvTE5P6bulBFBnfM3FCHnvP5GSK/ZPXYc2nHCIHLJ0z8d\nCm9EMwcObl5QLQ1mltKjSDjxlYFmUzmXHcQzgR3J/rzmTXX2PSU5BVjuX66P\n4lW6Aozk+UwcoROp3UvArgQesSOAEC23hD6NXXD1p/FkdECzzzi5H7AVimhZ\nme8+\r\n=I4JR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.d10412cb2.0_1587493071347_0.017323116252358606","host":"s3://npm-registry-packages"}},"6.0.0-canary.c141801d5.0":{"name":"@material/rtl","version":"6.0.0-canary.c141801d5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"95b5920bc41f6d64c4b8c0b81dcafd348410a408","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.c141801d5.0.tgz","fileCount":11,"integrity":"sha512-NHWNLLe43ovv6gqsCCG1zdDLs3QG0h8Jh3JF4DhL/vOYCSl7sC/BEbh2lFi4hWjp7TtdYCKJ7uWa8CVsgf2ZfQ==","signatures":[{"sig":"MEYCIQCGqGnimRl9q4qqIWlzNqgIxq6tSfyjuul9foDjwj+rMAIhAKOPYRWTRoU0GR8qjEIwNU20LMGx0r/8WZmEMgHmswkH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJen0xnCRA9TVsSAnZWagAAT2IP+gIA+Y1t6g7oarJtk1ya\nPOW+aLOo+dhJKwzGReorCD7PQb/7ixKCPx9JVmd/aDByqMzjB2IV3ymMbbEw\nZpUQLo64AjgXkDbZ829M/DNZYA5h2Bc68igqwcJRerWRwyVhvt0IqADJExOJ\nOzqFyEC0g2AoXHE8A/8dWOT/HGnFjemdgqydV8DoWDYFL/m7AV9UZhaVfcrZ\n+At7RBjLE4yMHx0lr3MCDfu3cJasLYy/cega+6fNuekYAnkZFNsPia2/Y/QO\n5L36fmnB1Vr5mPSIIU0N/3yLAVxeS+VdvwqunBRNGZG/ePscHoC+SC2/xH/c\nclBDLX95KijISMHpUYd41Oq0KanmCCp9QNtQcl046gPe5WHPmiyNtAd4T4nP\nASH0Fa1vTeUfmARDvZe4WgPBNeRiCpOFN3NifQXhVjaVLXRBd7PlB2lyERJ/\nQda9om8f+h9F6+VcJ+np3d/xx+RCqYFS5XMT+VjmFPeO/oXKMYItu7wSkkIn\n8NET2f04Nzbag5V+k/5BkU2xI7qxwBaFRxu5H3eQyq5f6zfWGy4u6GlqmMdb\nY8ORmtgTvPVUzKTvTKbNb1evtWUdNC7izONQR67r06dhc13T+J8Z2Teugk3K\n4Ty/Hd+8BOCp2AyheMfxnZFsgzIRjX8jfkfqsllJ4V18zNcIAlFFKO50mdUw\nndPE\r\n=/XsD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.c141801d5.0_1587498086745_0.3405495488023589","host":"s3://npm-registry-packages"}},"6.0.0-canary.28d10a96e.0":{"name":"@material/rtl","version":"6.0.0-canary.28d10a96e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0c4a0604c760d0882a420fa5b0ade1bcfbb1a7fc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0-canary.28d10a96e.0.tgz","fileCount":11,"integrity":"sha512-UbIGgvP0BGhHSgsuCaXA9mhVEgm/f3Kus2cjpJq7k/4hHY0YiIeiBH960vI+XzNNZ8xxuXFzOLtPeolNNWR67g==","signatures":[{"sig":"MEYCIQC2DPeN/3KHmjD4oxaH0DPvBm0c4Th9xJE2g+uz1u+C6AIhAPVA8DpHu0KS6pgzDXUSaUtzY4Sp5LtS8DjxSVm9C1Gv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoL/wCRA9TVsSAnZWagAAOrIQAJmggIcWQnIxu3dSh1Ri\nsCaS/PZ9KN18X3QkbVtdkpr6D4UHCrsZ5vx04jGe6Z7waVuPBAwgaiEfvkW7\nh+Jh7o9xEVeTcc3ouaiu+UUzJjC+TvhaDeLk7SgsP7E5q/fXE8zXMqRYk0I9\nsMrUgP9L3CHehp0Jz8RCqhsBiLR94m71rZ6HyrwXpVxLyJ0f7he4Ncn3CTib\nwJb1iPa+kPmg2/LFVOn4R6z7ELMPO4lldaA7Rkw8DA0h8qFWVCOT3T8AJ/EC\nInGbpRmJLexnz03c7BNiGkCGEmUTyvuGNIEjJxJdseazK7crzQBHHrPirsMp\nB7gINibhJXM2DCoPw4yHq+7JHHqpPES7vbtrQiI43WiG0Wyh2gxjEin5AviH\nX4ZGukLVrDq37J/KY8T1joWLYJ9ggPuxeUdVgATfErq4YMniwblgSCgOTdYn\nEmV4pz0BbR0VQ1IoaCHCsKuA+fvf2A7hOHF9eB89KDloAszADSFJbY6okiwT\n9Oli8V+B9ikEUyfme7bXQlUbgR2Brrw4ZFw3uLlUFWxzCm3WQk3P3mjA5+gu\nozhtjO7cuS2Xd+oHLIu5+5drZXqwYIi1NraPtmQaSBgV8YyfbWVHnDb59hod\nwv2vo+Jiu1R7UZ1MCLk17JDWFA3mkeOTJu02NMVCE8LEjcqT84TqElw97FwP\nE8MG\r\n=M7Ck\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0-canary.28d10a96e.0_1587593199970_0.2763218821094442","host":"s3://npm-registry-packages"}},"7.0.0-canary.8540808be.0":{"name":"@material/rtl","version":"7.0.0-canary.8540808be.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f027303525a8a324032744c1992c7ed6f36ade00","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.8540808be.0.tgz","fileCount":11,"integrity":"sha512-BHw4VVAi4bbMREX8lo8rVO/ugVx4t5UAE6RXrpXurg8i4YRCID2JehjRraGrm9JQ6V4M8dQZDZl9p81Ba4ia5w==","signatures":[{"sig":"MEUCIQDvGROGmkuae/uybhoZtV+XLs9l3eQSnGRfQIp1aIijUwIgCCnhEjLR1DEei0LlhIyJCcOx16zqelLjksU1Sl5aZfQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoc9/CRA9TVsSAnZWagAAKiQQAJkbwWNWoLx1D5gy1kgg\nGiEeLF5HwbxFnO07b4EE2I7plc7gP3iwCjczEvacO42vbIirQ/8Tnnqv0TY/\ne0gQF2POL2pq6tc26q8/OQ7WnHkKT1gyvzMnAzzPICPbgVpp5BJclnlt+KI5\nbJkucsrF+Ft9p5Nnbed+OfNizzRQARLyZTeYrOPjdoGH7MKmiPTU6sT9uaBi\ncQDBFWrmagH4yYdVQd/eZWikfeFTfhCQchkPbOTV3DC90JS8qwW9gRHOqElV\nbz34zDKHUnVFOYmzylPScR6LKd8rsn0jfn3bl+/Udzzmz4bTv2b90W6vSo2a\neEdgdSJuWj5InBW2AF2p7DReVewFYR2/8lK1qhiD8QXSVI5LQLfExM7sw/1t\nMEGv9TmLTyexCd+c/Z0YCS+2BkVV1dbE6Joy9QUiITflV6a6hIjwUq7O4dJ2\nQOm07jdsSbLyB42DEtMN2SgdbiJ5Kq7kezbhB4/ho3OVkAygA2/YpMdZmfWC\nby6FDChdQesPwheM0R+hOUIiFAOuWrdBLOVE0LkeLU3LCPxkTutvLPtRpHwS\ngfnOwW0q+KH4/LS2LvKqHSDoZz+cggITNN6EiKqoudtG6tHM9UoJlB/2xetO\n6G80FUfAt7w31jAAcM0Oabc+Br4ZQKvaJakv9YeBcBFWi5qNlwzUDwaOCuL6\nUWoa\r\n=ZsaD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.8540808be.0_1587662718941_0.3072638014725124","host":"s3://npm-registry-packages"}},"6.0.0":{"name":"@material/rtl","version":"6.0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e8114194af72f7496ca2fc5b4ee63981c46f5066","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-6.0.0.tgz","fileCount":10,"integrity":"sha512-/WkzlUm3qylWMqv7Lw7ColZ8DYvEvTXtevxxz7PKM1hT9FNlbO1/Qywvda4VUtXivEeynXEqeT1T/ZYHV9yDVw==","signatures":[{"sig":"MEUCIHEINq1SoQXo2H5MM7ZrVstyM1cctZfiGtwEr+yg1K3CAiEA/HHIoI5ttrkTQD5sraY7/DB9B8dO/ibEd/IRKcNgAPI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14933,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeoc+fCRA9TVsSAnZWagAAdSAP/1tIlAdapBrULiwWjO7G\n2leLC/vTIc+SmhMoTsUpKDQpH/vrIobi+1flNmqIw9F8XeAfH/BsYKh2wXlP\nVHoN9+i1nQ8SoATMTmR3vmnTHn+za7+54DVezlVurxVxg9RlbRtOig6eE5qh\nW0MU4gMIsYoCZ2/Kab1c8VkuATGvJKziZ2xdHNPMfFDMNH1UCM/H5tEPnoHT\nBIy9rMBzPda53ZGMYIgvf2LXNGPtLLwn8u+m9KMkdb1buWaAASqCpVqCY+F3\nbjWCGCV5CvCLdU7GXL+LHycGyKYBiaOfqSQ2Q7iyIYrgubdSw1t3MwB3pUkj\nMS4h7EG6vzR3HyPJoTCUGQZRtzSaQa/AZyjuiu+ZZuzg/tzG+VMTMPMbk4ZA\nwB48gxEFZkFeaqjXncVf8n/WjOdtAMJcF/qk+iA6XBgh/yGs/BCyUow6PxvG\njoE8rC3PAo5lXxhDWL8nTVtXiZNnbfxRnt0+CXi08SBsvL/Kbe6gniNKvxMq\nEDTPPrCktGCNjQhLbFrPvHUtsQuJ7wUEOHxdOIcudwbZ7ptDyvyERSOW8zw3\ng2cBp8e6wyVa27o4+UHogI4mDVh14g+iwuIaPdXvJvkceaXwxgdIrolh6u5T\noYzPsMsjb4QeeIwtfFkFuT8XgUL3Zx71sxh/fR/A2wYKmmaIuH8EXc1OumF9\nFX/j\r\n=58Dh\r\n-----END PGP SIGNATURE-----\r\n"},"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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_6.0.0_1587662750707_0.14022422142151125","host":"s3://npm-registry-packages"}},"7.0.0-canary.2673adb74.0":{"name":"@material/rtl","version":"7.0.0-canary.2673adb74.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"fcec5755f5808f51cdd49a0d371d84fdd1f4fbd3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.2673adb74.0.tgz","fileCount":11,"integrity":"sha512-2ttUF9AEiGPGm+atXr61zlZhFe3M/2dfbYQzKsHScyRPO5+aFWH/aL9UTUXMlaJb+W5su5pMeUC+2NudgG5M+w==","signatures":[{"sig":"MEYCIQCq0db6cp0HyKIP6QGumOvQ/itiWNSZxni5U+5wy6Z5tgIhAP/UdRdrbcPjp9/rUfhq4cmh3WS3PTnSK3g4iX6CANiT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeohpwCRA9TVsSAnZWagAAR2sP/3i8RVN3gbSgG7Te96XD\nR7DAeC6H4hBPI7OHSvukno6gP0Qq/j98ZLCN0d0JQWT48U2CUpkm9bugC8KL\nqJSeA50EgMkhTNfBLWWq5DUvT0yGjNmmhHpJy13rwoYrP8n7y4bhfLEgCw71\nkWXpr7/X23XBUBNR5dCTwpMS79m+q547QOwoTFoJvQFTaGbbe376P7HrkiN/\nJ4VAaHBaND1S0fNpwhHVZ5cz6jgjZb4UMRIqoG20C9TCGhRvocHB4jhiZzhp\nt31dBZw1Z7zscHuB8NWjbrr9CUDR5r40njliN3jkT8NPoESQT0DCRTTDxbBQ\n2ywEdJnwbAdV6Ka7X8KE/n2xUDRPRdZOS77ZH9ZcfORj9BEowm4RuGlUNJRm\nxOiVoztMPj7DfIae+eayJfowzOF1WiVHAcSdlpIWhgUPUfi8lMb/G7zA4WI9\n8OgTN7SVXe8JwiOj+sygxTKmJ3RWeg8azrXoYdY6P19GpwdPomw52CaZ8l4B\njkt997T8ZoPLzsb0bpZ0oKqp43ec9tG3jMZ2biOjcVE/PrJl4fGTwPo0CLdH\niFQaYoG533KwUlCm6ssv1VMy51VFResd6z6PlC/yxsPbFolNbOOqU+uMQsBn\nWDIiIRH5Hvn6L4goH+rXE4/ixEoRb2ip5+Enkk7QEVLDyR2+D7z7VxXKUsFD\nxfWT\r\n=zSfc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.2673adb74.0_1587681903661_0.10799730533339735","host":"s3://npm-registry-packages"}},"7.0.0-canary.b10d0d7f1.0":{"name":"@material/rtl","version":"7.0.0-canary.b10d0d7f1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d6e78402a0829e0f00c0286433c8bd5f9a73a2ef","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.b10d0d7f1.0.tgz","fileCount":11,"integrity":"sha512-MGcdeifw68OTg52dDmb6ZhnwKnERQCVGTEq5rFwm2Qkn6aDXex4Qse/N21i7Wwupb1ljO2PKH+XjupKB04QyrA==","signatures":[{"sig":"MEUCIHICbqEGQeAU67Son1Hxr9eo6tH0SrLQ6KEArdYGJb5PAiEA0psFySQuksWvFmcNnb94YpBPHLgpRDeU+YdcD7zvPK0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeojDVCRA9TVsSAnZWagAAZuQP/0LOFazxEvvR7aiAARM1\n6eL3wvP63UNV0dphJ8kJZVdhXEiePXqcl0VbYym/YnVALwVAJh79RBhhJWyw\nHS/hitKPfzQRI2D4f1Gq2cpE3QAgdEdb3iDtAyPHoDVGDhx/cpY7iscFS2i2\nKr3yBmEsoNAh/HV2hNp65h1jT86X/OdNvilAhs7yFEjXS0F8HYLZpSgX0FTQ\nYXWgN6nZ6OTpLNBE+IoppGfrhwI9Lctyu7wron5G3OiEksRD+b9GIh0w0WAr\n5BvSs8lTw/agQrvwDpFJnkeM9PXB/xxqHfEmU1xifgGEmk36lDmDfLXDvjxE\nsjSa9n9JjWup2PDulM4wJYWicB6nSXUoDZvc7zkcYSt3c4Bpi2TCUtFNdxiN\nTbePLr7u9a13Vht+3P2dBFcKVBGGu5cZe25EynXY7vo0dT46rBsjQ6EM1eDF\nwuIWFG1OtjiwS77ObF6kc4Fgn6y4IM9OIcm1rZFxmqQpAB8B4kuMUPgcc6mi\nMcbsS/uubRX9Fe2aO7/OXNw+Bs+3+OoiAsOlR6dScfgodiRD2peCMmxjaZqp\nCIo4n6upYWHrMSr3sYENrPeea9JM1Nvyqylt5RIFzFRKHxrOGpCYLGr+kFxm\n8Jh84wkhKbdLetETP0B8alCcPZxSrBA/BaTXhG5PoSgvZnuMw/tivX96levO\nE5gP\r\n=pcCQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.b10d0d7f1.0_1587687636822_0.6834282753758614","host":"s3://npm-registry-packages"}},"7.0.0-canary.3bd8c1bac.0":{"name":"@material/rtl","version":"7.0.0-canary.3bd8c1bac.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9ddb4359bdd4b5d4d11f0324b5d248362e248ea5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.3bd8c1bac.0.tgz","fileCount":11,"integrity":"sha512-XJNNxlVaW+Ct+PiYRub8wqxpRAeyifuKmdiluMJeKVkrlhVbp7QjQVDJKMuoJOnAlt0AySPDzEn/r38ywPxIBQ==","signatures":[{"sig":"MEYCIQC4QUyV1POMgU8JZgHrHzMXCkqpKjkJQHCCo6//LQQXpQIhAJvf2CHOOk7R+rqlN/3+8Bo4MhUPfwVlxjR4MZzqRi+s","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeo1SdCRA9TVsSAnZWagAA9r0P/22HjMYkwTNhKQy2lleC\nJbjtPJNewGRjUiZkGA+5ac+qE59bclW+B2CBmOHwe9UkbhhW/RoCA5vxldMx\nS8/GMMeou4Z5nwv/xtVGeOfgi1N/1AL20TCL/n9JUM7IrIp9nlq0feff/UPN\nRP4fH9o716N5Vk1rlvhj+nzvDZDH/HPLDyvFViPtxDab6T6k+cD2u+Z4xojK\ndtJOg7WbIUzr/+ZHTGSLGnPX45LHyafQKGYncp8p/VQ9SYlp17sCMvuKTEnP\nSEiRQvW8X8Ag4X7AwFWa0ORLn6Uy0jcuTmUG3ZTCdy4v1aMFweJPz0XsJzdz\nFqxQx6ELZcgc3z2eXainQ7FybGecpSP51M9rbPTHry7PzO1JoSiYGPqalTVb\nAfSk9Pqhr2rlW6URvoXpJgnvFPXJLCAFX6rxzAa6UxHnDq0Whg5j8F5b5O17\nNJpHeIjh8BnLhTUkChFd/19iuGv2/SIn/i4rkhUuORde3QfdguSPa+sRgUm4\nhDAI3W3yJ4Kk+zmYbydHfBATnELpTh742lrXzxAAHzjHE9iHkikFT8mvfv4o\nzQb4RmONNr9kjX46ZMdJe6DeNmercBTVKw7G8lT+rChBy7P4s9xJ6prfqEbR\nUL5WHJkmvvgrwhsCxdOAQh+rVEF8s9oKLDuVe80FOEDDBu/QULomkfCUiuYN\nvfhW\r\n=KrYN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.3bd8c1bac.0_1587762332923_0.4401080126067687","host":"s3://npm-registry-packages"}},"7.0.0-canary.b83c8dc22.0":{"name":"@material/rtl","version":"7.0.0-canary.b83c8dc22.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6267306cc98c5cd193ad027c11122eb4768dbf9f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.b83c8dc22.0.tgz","fileCount":11,"integrity":"sha512-gAd8EiSYb4rcUJZWwfLlthc4VXE9m6Ttuyl9SvzF6TE6Qowc9UKS3K4t5Rrs39e341Jd+0zsbNKa4/eKCyjclg==","signatures":[{"sig":"MEUCIQD9/HFKleKWX40no7gnFlcXoEVX6m4mWdUOd8qDmXveLAIgPp0++P4Jeyy/hoSZuO7VYtpKp6jJBLStenuw7697/Qg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeo1ecCRA9TVsSAnZWagAAtxEP/RFHV1R8fxEf0sSaMglS\nmZKzWrm7+7AEAt1k0sVY+qjf893tHOP9xGKBiwUoIpnPJR+YzInUhZXK3wHn\nbDH7UfQyiG+vRox5/ytOFNbUVMDHjsbqjLi2WjFGmDaL31t6a20Eu6soomQ0\nufLYfzPaDmIoDgE8HgQUyZF3qt8b5/JpsnFySOJ60NBnJFjdKEwymYI5N/j7\nUM4CatrqgzlPq9EQ1zGlFi5XWZzOs2GAqtxTPHE3f8kOQJj9CRM1/evHINH7\npI/UI3spwh5tKTm0R4NEMPT2ySoyBO54Z79sivHBiKm+71IRZBEaT3j1HAy0\nK+5h4t/j6jo/79tMkD7YPu9NrkL4sUYIvxJMA3tJKIgxJiq+PLUFfk/xQ48f\nBnYbnYVCC1EIzxtppDdFFRT0Tbe45WDY7+QpChZ1RFEoI5wxLBhlZjIwzv4j\n6KdYJjapoa6N0u79yqT4r2qb/NYmh2WSLV3CLlh1I80HvdJDX/MaYT3hWeDi\nwHFhFzvDVMBZarKiFTBOHpKTJMYf/T+YdqKoiCr/353EF/cGDCJCVuGtbdqQ\nK7aIIbKHq3pOXsT1GzX6u6is9yrFtLyzS8f+/7aevXLuCZYovKgSwR9VAgkm\nJqQ+GUy/8hZdfXVVh5g/4BYWUpD9Y/Vh6t+WlGz0QZfO0e4gVJD7syRLPB99\nfHwq\r\n=SioK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.b83c8dc22.0_1587763100439_0.060508001060264105","host":"s3://npm-registry-packages"}},"7.0.0-canary.1b3dd846d.0":{"name":"@material/rtl","version":"7.0.0-canary.1b3dd846d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a5b8f523b98d85d654c460dadd62d2308b519a1a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.1b3dd846d.0.tgz","fileCount":11,"integrity":"sha512-nUI1I6Z/qxAvAxayDgZIO9k72RjI4R+NbGNGqCW4PFrKqaYp/0FWM2v28qeK0t1WgsHQQVMZf2to/Bvq6JcdoA==","signatures":[{"sig":"MEYCIQDYRq0nXeN4YNBdAS15HG0EG+qCWlnr2MdCU+GGQ6FC2QIhAO48TVeHIpgNjUrkV1lr7HYHjCHFSbzFGBLOlR1W8Qfj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeo4ewCRA9TVsSAnZWagAAnMUP/A0rKUaXX1BcdF0WCapu\nPFoBO1STTtFglu0uoqwIZgl0RkmaJwxS8NFDEVHWEXWZI19WcRrTvnGJDwpT\nk4lPdms2JfaLud4HZ2k7Gheu1lcrHiUqzRLu7FpBMcs1YcvDPgOJAt1i6Y17\neTO/VgBWTT0ja22giw01bpj4zU60BuFHXU/ugCXPrXBbWbH9ASYXMvVb5Pqs\nB+eH8yNc8/VHh1HjkSnnlLmBj3nVz03K2bxtDR6zDBK3TVGLsTiXxl+4n0GC\n/D/NJsCjwKFOiiFkWh83nRtQWTk7ev3fYxqPBGJ3rPXkJ0/B+4J8eVeMMIJT\nHKf4w2EyeA+iM1OP+Ey/cnDWbFtEhp9tQoUYMJcXQOblWa46jGbkF7kNvREe\nzQC53WFKYlTJzJhjPCHZ1lJvtFMYPjgs+2ZQBaceCoW7ZZEsBiXdRDyFrpeT\nh+ZW3pTRTK8xR7g52yco7zGKbOSRvbEplnxFI746I/cAD4STv8qLVSUHr1e/\n+gnwetTxOYx9rnCS0VLqPG9TDJO2fWpFRNPT0xw2GhOuqT6a9h/xooYGWn4j\nMTbpialld+8BLh5XtHkWAaVtuE5wRX9hi/67KvsSfqeYODgvdWwkZEXa+1G8\nqYTaefz9h1ApgBX4HRvsaIkTWFwXinBWi4vsetqCyeVBUZQ4dzh0kxrI/+bR\n4hrH\r\n=ucvV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.1b3dd846d.0_1587775407966_0.12527294106184939","host":"s3://npm-registry-packages"}},"7.0.0-canary.29debfea7.0":{"name":"@material/rtl","version":"7.0.0-canary.29debfea7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"65be1d48c58d4de1cd02dd423c832e0e2eabfb72","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.29debfea7.0.tgz","fileCount":11,"integrity":"sha512-IozQ3LnASPQ2LMxyVzNlWny3JN0fcen5PgZL0UHvh+4ISEBaJV50cX91RIYjTogec8bkyu41GFCYD3Ch2Sbg0A==","signatures":[{"sig":"MEYCIQCdL1/nlt/j1oE/dlUiVkOECbp52GwlikKNVvnloCAcUAIhAKmKDEc4wkdkSs+IST83bCS/xBZPgDdRH9TfB4LrLya2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeptCmCRA9TVsSAnZWagAAAD0P/1kLszwWQJaQZRt/0KMV\nvVDVj/S2LowldXClWTow29nmKSbxqPDKYVHenaI8EF8eVPJ1UEdQSiApD5mQ\nV5Uyh7vAAb8rpQFl5tsprI34YRKDqLn5y9Ps2lgBXZZGorKTNwJagijMPQAi\nsiyDnIvyJ/DHROTWZmYNfllSgCuPZe5UYxBHQriMOUb6evxEk4w4Mp4BAE75\nJzndFtxvQ3fzTV1iKe8Pdo/AuQF8TTbk8uwlR9RiHPP/fUuC1J5ymDGnPOkw\nOmHL/egnhZJ69zPiLIoZPttIvXEmIOkSg3sD6KoaYpgq87UyMTfu6UN7qCyX\na1HqzfuKvqfu5TeXcU9xddd9Ca/Pj29GXzuxioyrgQ9Bbc3oGB2xBRukDLTm\noSAyl23sWkhcnbW7m9E40c6QnqKxr6xfhFYcHM7f8GIYu5suFbEGcWvfSVKN\nbw14LxLbz2h9eKCX+PDOdihlwn4WEJi4Qb204wxoeVt1FV9cxgKcqd9FvtPl\na4YvjBa2GDw7IpqIQwP7GqCH10m5P8FV5wVKuZLOszmFwK2Lypjd4YY0N4ju\n+jfJ2qBwHwiRfXfkQSXckriPUWE1igbnDt9Q4+VP2U+F027cLU1LfsyPO7m3\nES6h6KI1dHxn7P6qHgYaLXFMc+gtuuMGw2MsSxIuRfJB4vSLVIPVXooBWoB9\nJZLa\r\n=H9c6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.29debfea7.0_1587990693955_0.8556274219659747","host":"s3://npm-registry-packages"}},"7.0.0-canary.28d32f8e0.0":{"name":"@material/rtl","version":"7.0.0-canary.28d32f8e0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9b4688e404739bf2c2819e8fc3efbc94b86e4ba3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.28d32f8e0.0.tgz","fileCount":11,"integrity":"sha512-Ty4U0MyaUJllThEM1xbEBaxqO+jh1UgUiUZvUDN6ELoZbsjohih/C5uE+Sl2rd9e5bsjGmXZf+VktOJJqZFZTw==","signatures":[{"sig":"MEUCIGFow7ePtlYUm70/gz19ofZ8eqDuQTd/bD0jEQRo3dOuAiEA6G//pt88yoFlU+ObUlaxwCk9Y6GQNqU8jBda3bzLbR0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJepubUCRA9TVsSAnZWagAAansP/A64VJjjNqlFJ1rIlRGG\nNwEKgRWjKVY4DiniQgFCx1R57+KLZZLSoxA42R7VpQhnUzL80igz6zewrhyU\nNQADaq5LUjyHIABjs605DglInQHAHfdg/ay4U3zY8o6z4lI85gvOxfN8wq4Y\nmSjA2LKwwvN8my8EqnFGc5bt5bB0RKSDezLM+/vMRGFBQvqY3UtqQnGFvAyU\nSjlc05abOjeXtaTwsYUkWXiZxK0Oxj1+NJ5jJvrnco9VpZh0IH5tfzIlhfS8\nuCIRYNKLuidkC7vT6kEnaBgLfrzx7kNBQ2gSreuUgVmHCpFLTqSmZD8/eBW7\nlu06xdna7CiGoxYn+qqcJcssZEky5CKbV+RXaQ90EZ4NFGnUz76JUeQTwgjY\nY5q3LbaIQCYiHlASslLgGhvEhL61Q7NCPi0BxqgmJ7eNNFx+89hspf67hRw7\n4GOAJyu7K0m/jpMU2LcQFw3zz2RSRTivPSL3WS2lBp7rywWr/FxqxEwQ5MnL\nsvjq5zH4BYe4kyDH5QGTtTUttgHs4LJJvndc3cdLgTEvja4EFh1dIK0bx8ST\nUWFPzJGAklhUlqmHBZ5vuX8tnbC6Is+b2zzzTa8PTx1vGpbnwONOE7TGlSc4\npCJCCxLCbi5Xjde357/jGi0x1UlDXMUBrpTpGbAkpm3IxyQDDhj2DJ/u26RR\ncLtY\r\n=CpZ3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.28d32f8e0.0_1587996370391_0.8481427763013556","host":"s3://npm-registry-packages"}},"7.0.0-canary.af71cfdd6.0":{"name":"@material/rtl","version":"7.0.0-canary.af71cfdd6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7fae2f81a64800266eaee1615fbfe9013294b974","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.af71cfdd6.0.tgz","fileCount":11,"integrity":"sha512-1GGlmDrGbIg0n+wOW7X0OFSFwV+2UIf5CejRLu0nLzVxW9NQ6b0b/iZ2KwmrWcieHzUtkXePpXAzrBDFxwrjvg==","signatures":[{"sig":"MEUCIQD8qXScfjp6bcyLz2OlioClTWPbLdiksgyqnHYp7aUO8QIgSNrMNHr9BOVlstQc24wMTQmhAQw9Pw67p3y01heV3QA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqLlqCRA9TVsSAnZWagAAkyYP/0QHir817+6H/FqmGniP\nmmRB+ni7k6NzdXit6GoDnadAaFLYNftmZtW29xAXvJB+cx99CfXkMj4hktyc\nuI92Ll7G76XD+sv10hdIK/tozlkqyUYu5deyzo+btWP6nO3cVgbgNdnsUsW3\n9Iap32X1rxKcDGLT5edHXyFBUFxo+/Do3MHwLQpxeph0CS5jIMcDjYdDJPzt\n9calK+eUT/TFR/Ion3XHwM2LLb2+/9BOvjR6J3qHVIBeGrNVoviK6tv2P6iC\n4RyOGw9S1+LUFMIFULWXuhYSo2SwkVzh59/56puXhXdjZ+eAINjcOQR4+Zn8\nGp5ewmsaXc01jiKqfvyqokGfPVS6lfd/1X+Wa3de5Q+t4anrHIgf5XkRVytc\nU8qxkUNtkgd/O3TQDb5P7la7pcksvmjwDyAAFTffRvdpQJe0XusYaxW1CGe9\nUdMChtzR7wjdsQMFrog2noymL3d+4SMfR9ZyMt8OQoveS1HCIEfpK5grpEMI\nYetSwUcgwiB9A6QeXbfO9DpZO1NdL3OFbvhlNzjXPwgJNP2GSS4uvndZ76gw\nsI06XRcJ95gEFPuMF2Vlvgbrihq0gTS54WzqycFyTAs01mYumFIolx8UVQC9\nclCMLduX3Rgad1fHYpzRjXpwHuNiuRg64a4zywszseOGPySmsvoNwpiA9hXH\nlyD4\r\n=zBmz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.af71cfdd6.0_1588115818507_0.09215172527951121","host":"s3://npm-registry-packages"}},"7.0.0-canary.99d2fc961.0":{"name":"@material/rtl","version":"7.0.0-canary.99d2fc961.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"178e5eba433b0b6a3323382dc17a6fb3dd277339","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.99d2fc961.0.tgz","fileCount":11,"integrity":"sha512-qjESyGITF5hpBpcuCbwLi8qmqYpLRJSljbVfTCHRFaKOsSuXsjqP6k9qr+HnV8COD3L518IdD4k3ugStP7PDkw==","signatures":[{"sig":"MEUCIQDmh+lXRoK17FF6mBT4mEOj/SYdALe4I6mkHgAGiMkJrAIgZfIBeeBsT24II1p9TV7EpeV3L8am6fAdRU76Q1ExwDc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqVpHCRA9TVsSAnZWagAApI0P/3aTdFmFvQtyzCCmENGh\nIgRBWzQsOZm79YtOUJWfKD4L3XgeOWwj1XTgJTfTHn97T32I0sFPzc4APdsI\n73Hgv7Zxks+E40Mlkn9GnzHA1E2ULB+B+v4vgpbjyrEqEjHewcwu85WDNj2N\nHJlAEDfoKqC2k3QUn7X/Q9ILXzbFxQbPfSxcONoejb2UGacvUqfi+cDd6PbE\n0+3iekkDulZ2u+/76nobO+d01ffy3RjSaHRvr2dO0sY8HtlWu6Qup1gkYrCI\nXz2fI8WAYbXoztJ6puuoskuVDwgZG0JgUKyEeJg/XKa50UoaqyGBCml/gEv2\n8vYMj3f+MaItvahJ/cEJ8E4sgvQTtNsLz5OTwjj2buZIzAEwR8xt2CfSODfq\n6b2PqSF1MLCt7jvDPEn6g+Vi6Xb9wbq4Bn8PbHKezCgBmnSUzI77+nP+SvW3\nRwXsrYKnZ/EClElyDHFXTJtQB2iQJmJrBoCE6p6YeZnkggjQJ5z+vDWOde15\ndrc6IeIFLxrCDJbtdQrehgxQHp/uWdPVYuo/etBcON0s1z2vwF5A9rVEVgxw\nQd352n+ICZlIZtGtePrYpa4F2kdzm6Ya7RcGihn7ndkWWpAgHM/G8wVungpb\n0YIPI/m1Ze6qu2ltN5t0R60NL1dOMe86twVy8tcrfnvmqVZY0O2mnYAMxPtB\nVHGi\r\n=Paao\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.99d2fc961.0_1588156999013_0.8776140622394097","host":"s3://npm-registry-packages"}},"7.0.0-canary.0e052b24f.0":{"name":"@material/rtl","version":"7.0.0-canary.0e052b24f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f0dace408c7769d3a33c768b68d369f5e69f3f9d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.0e052b24f.0.tgz","fileCount":11,"integrity":"sha512-c0Uw6o24GkywgPPdXs5DpVqnf5K1K0Nj8OnDtvlnK4aMf7w2bkOb6Pw6v10/CFyv/J5roVtL+6OIZAcAEXkzCQ==","signatures":[{"sig":"MEUCIQCS0oh/c/0yHz/80Wi6ffnKWocW+6VHb6Yl3Sd5rnDK+gIgd3kgOvwbjwKQUlPZDar1Df0PVgWJCbvnrAlKckEKEeM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqinZCRA9TVsSAnZWagAArHEP/0d9RYv5of5u5o0uRWCc\n2Dxea0A7TVHJjW5Hl7JihsULwPZI8iais1oS/qrHEg70j3N9j1aJYNnDLPbb\np9hl9M6gjA2kNt1UNbCB144WN0PnJgi21VOMX3gWu7L7bmkNqZI6IuUG6//u\nCEAZfEKuCwW7J7HAYdlgrocy5xAk/VhBNkiizI9mnyfryLubSX3wmf/0MTW9\nOI3O36LormAZhHLPuuGt0K/zbas65vMGorz/x+ksniEZkmpidMOuAkcaNrEO\n4CWR2KEBDVhj7vug2AxWU02LDq1ErFT1T/QSltzJhzbkMfzZfVmW84fC6M58\ngXNWSJnqmUNa/+Yw+gifX0O3y/hGBfaMBU03HfCTVq68+irTpJawSRPAdDDJ\nqu4GgxDC+Ry+fvisXLeZ2TqIeyxa0bYXlzZpnlZQxIhDRdMVbGKqyhpZIMEG\naM3oBzj1djiECMGOG1LkmUlDjzow7LXmEt2ZDjeCOykxFYutqbAFJu03akba\nZdsY4dUm9oUS3hnlIy2jC1mvERYMQz4F1FmNKtXSC7QFvY1cOXJ/BSr1vxtA\nu1GBb6kM8UHoeWMvEdCgRmcgX1EpGE7GpU50lfAalO2c50Tuy74B3MQigRow\nTw2yATw1+demHmAvhx8s9XxGo7Gf1d2cM2dNnAPxmUOWvbMgRkJE8e0dHVJv\nppBd\r\n=hAtI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.0e052b24f.0_1588210136702_0.9525448128449154","host":"s3://npm-registry-packages"}},"7.0.0-canary.ff4bc632a.0":{"name":"@material/rtl","version":"7.0.0-canary.ff4bc632a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"eaea6928180601697dc42625aefacb41e6c18908","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.ff4bc632a.0.tgz","fileCount":11,"integrity":"sha512-8yBoTmpaA01zbEikxxxW8UGDwnxkp552QLP43YibIpfJ6+CPjnXymYc4eEivHLAAq+h70Acgzrgp9Pvq+UH+Kg==","signatures":[{"sig":"MEQCIAlkPPibH6o+J27KYO7E4HveC6oYdA1c8gKTeOfIQ3i3AiBZ8sXzA1Dt0Z1dsKlEAjvEyJKJINBbMnB1t770VQtH0g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeqovdCRA9TVsSAnZWagAAIU4QAI7KAmErmsrKdneUMVql\nnl/8DhTxVK5VK+HWo+IVNrHpCfupohHlrXf8rj97YbIuiyU9fSoBvNYv4tN3\nfBNMhqf+pk+sk87i1sN4vjCNuYZZMHHXM6PE7WjL86CI6U0yskQelrZDLFLS\nYKW23Omu3uPafMOu6B2L8hsjAFjb1cosZaR3GHSYFC269FL9B+EQtxHE+3Ll\np7tWe2eEkQ4eVxAONoShrptkHQ4WgfVbWXKvNDPk0/n3PkhQa7ZK2YBKg/Ps\nXknMaIqAMX64Ed62J9hGBd+fgbyxIDP2QWr/vtntI6RQDgtu7JuUiIWmHQvr\nw18G/SUUKsJQdT1xwcrF4qhDFgmNJWt8IeL3JO4uO7LjFF+45mQLreqqOzfO\nOmF2GPUiwwnGN5ZoAgmHcj87tkJgtBydHPqyfZotraepJ14sP6GIhACBp6Zg\nxYC8mGNtuVn3t4ZV421e2h4TdGry1col9iRwrCiGc9fvaBjfasKwljsyfVDm\n+zzp0FwDs/aqvHb2EVKlPtOzctBapKnyV4gQJz3dg0YDgIBFDErZhEik5yqM\nzHxYAcE3OKwSgXDrTELn/6rIkA+o+60xMq/UuGctzVPM28+wVRzIx5/QwD1p\ngrg2nRAT5o9oDwZk9umtUx50H+t0G53ERKn0IBDfc6DwJ0ePaoiJxkj+JDam\nWGS0\r\n=o1+s\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.ff4bc632a.0_1588235229429_0.672966878029051","host":"s3://npm-registry-packages"}},"7.0.0-canary.b0f83d2fd.0":{"name":"@material/rtl","version":"7.0.0-canary.b0f83d2fd.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7af2fecbab79f1ffd5c602b2df5f4a905a51c570","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.b0f83d2fd.0.tgz","fileCount":11,"integrity":"sha512-oNrSTrauU6ZDz6SiarxAydkHDMcreYWMI4vkrkki14/cUZK4iydAwjj9YKBtUt2mriZlkwcIDbGPj42RJDhJ7g==","signatures":[{"sig":"MEUCIHL0wKxVoi0m1hnMpHIXAtUtsEcTSOf8yL8VZDHUqu7vAiEA0kZBqFERY2Y1qSq8zTV3gK8w9sJ8GizmmQ8BxZhEhnc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJequFmCRA9TVsSAnZWagAA7KUQAJJnQeeu5ISJjkmAOCiR\n/s1vwKSFl19L02S2zYlRevZaXLXKKkW8AsiJxWd0wQgouokH+eUjKkM/m8JA\n6wIm/Rh2OoHJHlT3QkNxsLQuhKnPTOhkDOsUX1B8nnw7VycG5rk1yGqRuzTF\ncpWkROhl28kqk+cAUcKxUUrq3gGT6Pd/KxC2J6t6rLflWHKCinUCSxHehzqi\nmu+wYX5tj6PJC8WHcU9kU753u94n3HvW9mkcE+WoZaRcrFmpmGiczbwhLmLC\nu9ywI5KpX5eNqEyCWgOb8DgHoPkK5c/yLyfIhTNtzgUqOSjanusiEMFQpKhQ\nUGChRNr1eoo2MrZZkDinupvPN+Fkhtam7v+R5fYJ7uUkrI1V1+eoQmSkm9cz\nEuZml68aacCDcquRRngueuFlD3NYFcaUZcrVPaiXqOU9Tg0kYNNJ1Szwaa4+\nLiuFj4cSdWwPvlGMpLn3orGqbVOJIJIVrftbvKvUQtRpor3fZ/sLqna+0bHi\nX/M6EhcaggnMR9i8T5AFEXviW+aJuLiGGwuTWQ6WjDtcB97xcfkk9BXi6eq7\nzesAuemLqvNG1hmxpV5wKcUxNVZtWyNctxQwtIayVwq/MWROKB5EeG4kGkVF\nnpel8NUsrflH06LCwpvbyqGiVlCqlJ6QEz7ttpftt4/S0BXLLwvnicwB/xZq\ndXJB\r\n=oWim\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.b0f83d2fd.0_1588257126004_0.6228250836932752","host":"s3://npm-registry-packages"}},"7.0.0-canary.e59906a57.0":{"name":"@material/rtl","version":"7.0.0-canary.e59906a57.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ba93915c9a033b018f1639fa4685d3c8e15b60d2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.e59906a57.0.tgz","fileCount":11,"integrity":"sha512-UeVNca8NNfHvCzvYQmau1izb/Q9a0LOMi1/Z/cvH6+WvHlT6bmIxguK3HdvVzjpfX2Pq4VByLtSG+nAafTQuNw==","signatures":[{"sig":"MEUCIQDFhrmU5+arEe5t+h7FSK9hvsyEkgDIX7Q/oReVJon2TwIgH1s9uWNNajWN7sFCTa8H+EL86pThQ2DzVF4mIgKLzgA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15323,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerEM8CRA9TVsSAnZWagAAKCUP+gPzDv6u1gayP3C64fYg\nVa4lURMN4eOu+U2uU7FYJ7hewNhbWsqc2084fbYNVHWy0Z3KO2O8AbREIKTF\nYxGQR/zj9LzIVKQ7VtB5w/8REPcyc8gdn70++bD2uNlrPQOncwrBTgTgB03B\nLbUgYMahYcy3zvVgK3tIEhp7l1yQfKDzAbHQKBgYwO4IGaH5zmSqNSpNmAli\nOT7bCFfXg6M6zUri7MhUXetz3jGXGo7X7gLp0r+cAt6teIGLxoN3DwyggRKm\ncPNlCGrZ2mtqP+fU8x4SXtNl5C21qUlGC/Owmpt1J60uq+0lzM7BxRLOl6v9\nwmNM3EaHr3dedq/0Z4i+je5JKy0q0Q0mvKMG4RowdN3dBJ1TSyZObKlHDrYY\ns5/RXQFacl/L9A2zDGrKr4aW493vneM1gcW9eouRsu7vSLgu8WVMMJPl2MTg\ntrmFCfYaZraPzBoOq0EoU0bq4KC7ft2YrB1l44qWFmiiV7cTMxEvvOe5TrV7\nIz2wBXyhnvUfC9dDKvZFfnBvB49FSlUdewEjVoMoHRef2gK9xTLTjuldYlNr\nhFUDHfGokGWzbYZKIlKDbJYH7g5rnY/En8EjuGoTaOcAu3ErLgEpH1Eazfnx\nD/O7+/R4wc2v4tPjG/uZfYHzXNneb/WugXK/bwUoZFYRknRrI/eoJhryl1nJ\nNvoA\r\n=gF3t\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.e59906a57.0_1588347708220_0.5930505880111849","host":"s3://npm-registry-packages"}},"7.0.0-canary.c02712b59.0":{"name":"@material/rtl","version":"7.0.0-canary.c02712b59.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"19d7f934c411ca46dd24ff25837d446b9c3bc9fb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.c02712b59.0.tgz","fileCount":11,"integrity":"sha512-RVapj2CW03NQtpB/UMyl5bZMgyLmRYU504JWXnT1YpLz32YDZXFknIYWm1Z6NV9a0lOJR29vDC0ywyzsnB45nw==","signatures":[{"sig":"MEYCIQCH51UhxjcTuqKbsR/z+oMQIvJu24iOCp31mbYyrcgLvgIhAMch2jR8RHRXq3FF1n7zrFL9ZLuhIrHpEHZdwboJ1gKb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerGmKCRA9TVsSAnZWagAA4TgP/Rm3XSte/O32SBwxj5IX\nXya2GcBx4ieiAPYzUIOgxzpV7HoiZ2UmABnyPHD/2ojMO0VEA+23wVOwTkyR\nN/u8V5asCNAvTdcBMM0pp7puDolNnVUx6bjCgNY2waAJgTU/OFCeQF+/Y7AC\nKKcKKc4qwZOkhAo+2zULRtyQRlc+uAgovQwuUi4Kl1cojQ0bFT2Vxdj1sMU6\nfNn6wwCgAsdzsBgWP+MT1beA+Odgqfl6J6r044ICgd7Ro6cMD/RhcLsCityF\ncu9EwpQv1mP2eCkyi+6rDhKK9BGJZboSh+k65tymXu7uNEW/kJJmO6G9ynIK\nENjAce0kjeHlOY+lKIugZ2MI/xAEyMqI/T3/0v5swwK1ZhoVf/dCyO0RCnnT\n7GRccSNN8xUvbUxog8PcboZSJHHubAhtmLNPY2tBAFpig9Kh6jdMze+bcThT\nLBoDiRgoWuWbg3Sk7AlJCpxYRfw9vexDdSTn5KSQ/Zt0YKjd1RxDC+qbTBnZ\nms1LnPDB5TGSo99EEXEfKoM4zStf3/T+J7pGxpgDJIkKBDgQJ9dddX2LclZc\nByLM7u/I5Vyk9Xc8q5q3eTmJ/F5qz7Mfmd4ob7/xyMhbn2Sg17JK8jqFXzhJ\n9lghlI7/n65sKJTy0HNmQDNA74DqBmZ3A13LQmqAbCLYsl/UdT6ZEX83gniC\nEpPS\r\n=6ZH3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.c02712b59.0_1588357514095_0.85338835934284","host":"s3://npm-registry-packages"}},"7.0.0-canary.15d65448e.0":{"name":"@material/rtl","version":"7.0.0-canary.15d65448e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cb0c896009a64e218e86aca32e12da23af7353fc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.15d65448e.0.tgz","fileCount":11,"integrity":"sha512-o39Vp3/G+ZLSmcTXKVN0od/8oWfBBaDIkSX8w+9yzgnuOVGuh+lqV5HvVG8VnQgCrdzAA6Z+JTBODHo7zHl4vA==","signatures":[{"sig":"MEUCIBHVjjTQ8Rl4ea3bIifeeWuFHh6r7Qo8eyaF24j43ftkAiEAu1Su+khlAqUHf3ggA6tOzgeSBbBh4PpRq3JwzXhn2v8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerHbZCRA9TVsSAnZWagAAKewQAIJGP8o/YBxNuOH2uFwP\ngs7FVMO1FXe2l5BQQFA9e14KVfcy3glsOd6kQ4UgzpS7HfwXH50y/xqNYbjt\nBM8URLAM+tgks/9sYS23M7hQbkL97Vr0Lcz2C1axPLIu5utujryAX7Ds/pUS\neYwAGrJpTIH7kI+ACgrT4dhTpp/WpMVOCD16zkD61m9QEPoEYYjZkHRWTd3b\njmdbmzvZ6fn3HIthj9GFejOYd+5SRLdF0bn7lQRHb87y5fqLMCdifeTedj5D\naFoc71pQzjWFRAuZpE0LgtFjZnKVGdA51T936YytMb6x9wO8dJEziL/mbSS+\noJeBaVlLhqwRmlaKkbd8c6q1jQuBK2OJ1Ku0C3ETyuw5KSgpZW1Ti8vRDxYk\nqfwjAoJgB1ESmAA7jIrGZqJ2OEMIRT2ZIySkD9zED1QMIY32LGirCtNagrxr\nQwvZ0NG1lKKwm6svHRMv27FvxAsShB2hi0zOyYYFMjZQ9pkoKsKpr9/vcPML\ntNaOcPzHw7Axi+cge/xcJ/vBNQmm0EQKDuTw/hyDW1tpMVqVNcYv9eOy1lE/\nzf0Ql/RR+gdGlTxYp1ICC3C5keOJ1b5DwmFY/4M5V84s7XGWHdsklI8+1NtU\ntoHTTXkTsbnwI8SvkEu335ScwuvQDMzcEq+KOCnBTszsBpP7xniZr3RYEXe9\n9lVG\r\n=EQVD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.15d65448e.0_1588360921500_0.6974180414954843","host":"s3://npm-registry-packages"}},"7.0.0-canary.142b1549e.0":{"name":"@material/rtl","version":"7.0.0-canary.142b1549e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cbe9ac77dc29a40db7f32edb909875a5de79527d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.142b1549e.0.tgz","fileCount":11,"integrity":"sha512-dWNgTyihDwMsyuRWifAIsJMdmwGRNyfGeIpG6Dl6P6VoCGT5tlP//ywwMWYsqfVr9SJa3r3qvViXhmcxqPYA9w==","signatures":[{"sig":"MEQCIAIvD7BSJmfTRSOuouA5zGzW3o12rHe8tWfKU1E3b5p2AiBlJrWQu5DUM8oMP1ACPPtLbJSpjsUeinJM67+R8UQbmw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerKQmCRA9TVsSAnZWagAA9nkP/ijZB9cexPysgh+4XD4W\nkQuyRkpdcQZE4qvHVgGmL7m1oHy8N4r/NVi/N0Bfrba7ZL47sP8ZQgkL0hib\nPJmyjO5v87bxNqv1XtsLxC+1oHOD46ffF6/573l9Je2373YnCkZVKTug9Z5l\nL75KQnHuWKfahIikSBemn44vtGnyn8QWNxrdyYvgFCQV7chA096xAPHRd66f\nlwSrF1/ezuBm0H5a6Rv0aK9bm0i4HUrukJfnIslxbdoZ4Ycud5DD60L7m2A5\n4cRX/zOqjZc7gTjk7HPh9QL8FYuGb43aOcTExWvONAPqd6tKkG1ayQrLYi7O\n15f7N3Nw77/kWvMAWqJ7d3EnvIN+ajVtuKvbjtwgFZt9u+8Jvy7aXL/tVq38\nFJPeIRNCzLAGrti5IurX5k0qz+znhlXOFb/gSXTbvDViT52WKCUilCm2j46Q\n766TBVcotCMttbFpaBFf13pDmM/qvE4GiPJE0G8ejPjIAlBXerZodWKEkwCP\niuSKdqWBFnmev9aW/dZ6t9OsZ5go/xGDno+oSTwc5ZOsVmULxdva3JfU59dN\nY7InuB3L4QMdx1MPyOUaa0GFjnbb3DpCW7MwqpEKnaokfZdDGFAsqwvpH6/U\nUDUwqsYuN/nIes0acLhIaJKu2RHTv2PicOG72RdKUL9R/SriUKgi5VsERTal\nXOv4\r\n=hOoI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.142b1549e.0_1588372518125_0.8499146723660271","host":"s3://npm-registry-packages"}},"7.0.0-canary.524b7b812.0":{"name":"@material/rtl","version":"7.0.0-canary.524b7b812.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6976e094711ea036e0b75a407483f64b6a03f42d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.524b7b812.0.tgz","fileCount":11,"integrity":"sha512-/meZK8cjzlH2DekK2gf2rWs62sIcJsdBJekMbXrLjkhyAJyqdoCy7w2gMRC48Qq26ThnZX4TU67b4IS7vPoYAw==","signatures":[{"sig":"MEUCIQCoe3NBjKS52AM5SPusHSUiuZzF6dsREwVMeyKMgsZ4WgIgLQnYBFCNefQa8cQBI4H0ULRCTpFSkUVvz3ye9KAf390=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJery3ICRA9TVsSAnZWagAA+hgP/iwoVYro+BbzfC9gjrms\n71KEqjJIdUVfQmqcwyFxXf8Ux5M7PXZ5BP/Y1i2GXiFYY8KYUsSdJyooZ4b2\nIKqAt7O7w29xypHfPtzPXv5zyPCIHRTefOZyZopmT5/6qU5EpNUm/yBuGrw3\npcpstKAOuKW4ruA1y3Ud9YIqzU5IAlBnVqMgKz+MwrWjg2BTsrtYebUAOQD9\naAijbWMDh+4ASWfxzovV0ZqBg/gvRxvSlaQJ3o/L4hLNJNvlSh/Ho2vIcxsT\nWPsy7AXOcmyl3w39AwMN6ZOJePPg5sMJfNms4tWjvkJtdehAYJxV9xarhIs8\nmeN1R/Hk/Rb7YRq9LHFwYDRZUbaG77RfjuNl0cIhrgCX1wps6mItN4RoykTy\ngIwBRMp6yJZ8aPvtehZleH5FmfDNwmpvfwi41fLSwQowa+Zq45fcNPrTmLQw\n4r3AxCzJS9BJ6W+yPKeAJFl5H/DakKjQXEuYODG5f0ijG3hWTaeKoZXU3b1e\npJ32qrSYS0ZGj5kJubc5GOji/7FFIU94PJwuZxXzFkFyxSNFFD/7/uuQL83o\n7dwJY1l1UZCQuA7wYVfnvIdMq3SJXroo9KGjQONN9QcxQifO1zSrodnygWNq\nSXUrjargW6vep66Sz/Lx8vQ/iaMbTRx73HdJRXgidhL40LzyV7ThQ4hjUQAX\nZF5t\r\n=UEo3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.524b7b812.0_1588538824183_0.929110809555679","host":"s3://npm-registry-packages"}},"7.0.0-canary.bd8ca9678.0":{"name":"@material/rtl","version":"7.0.0-canary.bd8ca9678.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7ea8a92356280dd0c1d583359da6e11f633af615","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.bd8ca9678.0.tgz","fileCount":11,"integrity":"sha512-FxXWO+N7AffNrcLJAuQN+xCKClfJx++10Zm+mzN20m14qiKNtNVfOtYyl2e1J5OpkpRN+p0RiX+L9CkQj87/eA==","signatures":[{"sig":"MEUCIQC9s5wpexf9Y0xJWGLkyMofxerlv4xjhjJVGpC8QVoENwIgJ7XAdm4XOLFJACpOcCUrU4jVVv6Qfg6M5p9J4kEFEyE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesE5kCRA9TVsSAnZWagAAmh0P/jzPxhHZdYY1HYvKLRMa\nk5H0zVGa7BJ1F7B1viKQPF0uE5VCElW7jrLT2V96b2LfUQmPfASvaaRxlKfh\nEHhN3CGl8vH6gDeJu8MRWg9LMs2ZAnlyxgtHyiXn2WEF/h+ygpgb68m0CKVq\nERS3prSkqqRewzN/PrzwwRvZqX3O5wMny/HwqjOmkjcC+QnFyMZxSUITStH7\nuGWQVVM2Me0KtME+bb0j4IGENANVANiW0CtcBSnDBahrJ4GQM1KvXXZOUk5p\ngGDfAnGByeEAFjYZghtyDNI9ux5OZCU0BSkQDjb4Lv41NTdKbQbsH5GjyQy/\nQOkvpaVoWnQ2ClH9bNelu2QMpebpdsHnfoRe2WF/rLudzf30JReoHtwJJoRu\nEU1+41GLEVjt28y0SnJfx3mZpo1NRS4rPCNaJ/ncMwXFZznvVd9FtUauUgS/\nYe6yeKIzA/JkKJS6f3B5U/gp91Pb1Fkq3uusdrEB+Ma/yZ1wIEjSb2gtgkMc\nKgn7B+tzDZ3NBR4oYKjMS9fOic8aoX0S9IFMqMJHwbxZD5uxZCYGiNAfSkad\nvK+MADr+oxwKYstUfaqR3iXpKzhSPZrdjqOEvmZEP3ilq3LZe982+deKn5mD\nS1pGE8ZgDLiD2CSjIS++s3Yud2AxHK3ytmKl8F6mYhYm/JBdEV/cVzaCCg+3\nvbwb\r\n=b3qh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.bd8ca9678.0_1588612707802_0.5823327357644494","host":"s3://npm-registry-packages"}},"7.0.0-canary.2553e86fe.0":{"name":"@material/rtl","version":"7.0.0-canary.2553e86fe.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"89fbba62db24b73a465cadbe7506a5cbed35f948","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.2553e86fe.0.tgz","fileCount":11,"integrity":"sha512-M925gj7JJWawtmHXeG1z2hzt5r2d1m1ltPEHx0yoCgVOEz4JiPIZp3GyRs0uz6qgDGS3UhOhxCrln4EumsqwJg==","signatures":[{"sig":"MEYCIQDZ97lp4e19zeVU2zcNfMC4Hc31lRp2lzhClwkNsa1Z+QIhAMcgadn+rbGu4qFOKNIDb8sANu87GXKnSpiLBbWG0K1p","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesFEyCRA9TVsSAnZWagAAjA0QAIT+sMxJkutKDzxhj4jU\nFUKJf2n3nfZPucFj1+Z0vfe9EWweovsu4ltvdCl8HRU+UDY8Oy0BhZLVewLA\nDG5foy4wry8+n91aUICaO+2onZKYBsmkEst8y6C2Ogp1HJTqrAPQFIEC9ikc\ne5WRuTGL+DKpVMWGco7HftM8Tkgvv8oOJ8UZjrN4YR6ECgt8eMRE+hBUW0Mk\nFa9aSQ+Fyt2lIV0m22efBKEsWnJtE4JIoD7rjRE0S8S+fFYS7PZeZuFLQIPx\nF3mmnBgxYf9ptF5Z3UqufOMt0uKWJJ77ueTyT+4HiooRptWS1KVh8ukEiGxX\no1Wsq+rCc+8Rf/HnRBFF0Ly8yvLF5lEhQMP6WkzGh0zFZn0HaL0gJlFBD8Lq\nRpTsnbkEjWp6MmKcUeRUAyrMQ1VAUr5M9MMtTTTdB3ppgEkqIJLFvfPm6cr9\nzqo+w/TC96c7yQBR9ME8TX774yT7gf8fw+uRItLUoW9O/aXOS9y1sIAcuUhk\nnjWVgFcOl9RH6peozTX84EHlpWbglYErkPYx+keqloluaq+/pvxshDkER0Wv\nD7dojGJdBX7VbmQOfXqvJteOyQR0xbVuadBgqLhM2+tqDJsVVH+DWCl3F619\n44H+4myxGlKgYzPbSDmXjU82EJ3hOKVam7dCebZ1/B9+8xP4sfOOADT+jYNv\nFT+3\r\n=cQUR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.2553e86fe.0_1588613425978_0.9347154605484211","host":"s3://npm-registry-packages"}},"7.0.0-canary.03dec929e.0":{"name":"@material/rtl","version":"7.0.0-canary.03dec929e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e325030b6b3da77df112e96c44d7c0c12e851cb1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.03dec929e.0.tgz","fileCount":11,"integrity":"sha512-MWsGOnDEe4+mJYXpel8eNTEsuN8XUQZ/1s7XQ6BEr/SGXm+6quuLumjZmabqwSCkIeVoHSjsoDom5pXi75/rCQ==","signatures":[{"sig":"MEYCIQCkSgljIxqdcpNcki45AZXL+/3qHTiqGUz/mTTclQCFdwIhAN3TrIdEinBD+mfdjg0tgM6ofIbm3j/V7rgU7tNNVqjy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesKYtCRA9TVsSAnZWagAAc6QP+QE2iJEu1sRta5vhaUzQ\n/RcLJkJUm6JfeheMFilJGmrn2yCggtEcQ0jcYgk1k//MV93A0WkFui1AIRP6\nGqD6F9gFKoFBeEIJnntIB7yZ3o63levUvFDv07y4smQPX3+sSi76JFmzuBy+\nLJeizDHoCfGKvIDoN+pfeyp4+JfY8W6MVTCtJc0Z8OW1+z1q5HYcmo+qLLIZ\nD1csIDp3+5k17gCnPOCZeJCIR8lUta9OWPCoNHY/psDb1t3CgXsVjJJ8qXlJ\nkzJ8ZmF7xjnqElpi3HMwvmwcHGZxBe9HObWG9MI80jkce29ws55VeF8Ne0AV\nPq/Q0KdByx+KSg+RGo2NXu7R+cUNYlsxYoFp0FRHJYaE8zphGhLpuEiPUqP+\nWi14W8d09am0W5jzfbR397HqIMPdkVMF5ejS1MuElIl29blA9CC+jD444y87\nfH2IAarvLHXzAjvXu3KcbFPLSDp1Ap/trcTJjNHZzz/eYMTcLam65uoD5DZB\nTDrwryREcbC3uaXsXTmznC3T/pBO4o5in8jpr3sUU8aVq1vyfjCxPrTFnLXD\nocRQBQV73qF60+pPUzUkGYb25FulruEhEaLtVq0Vb7Xz01AhZdntQHQD+Ecn\nVYyPUXP64UeuDMPZ//AyOycf9OnMAdMoV+czl7e0rI4CEf5h/Tv4NyUbuvCs\nAbqJ\r\n=plyb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.03dec929e.0_1588635181159_0.44192979907058016","host":"s3://npm-registry-packages"}},"7.0.0-canary.d92d8c93e.0":{"name":"@material/rtl","version":"7.0.0-canary.d92d8c93e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"23b16cee381f52d31a25a424bbb921a3b23ba266","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.d92d8c93e.0.tgz","fileCount":11,"integrity":"sha512-HmxYd7BKsR37QZQWX7lrZepvaZGCc9kJn5CBv3b8d9i3Oo+m6aJttDU/U0f7QNBTNBD+kLAlTL9pDd9CgvsYuQ==","signatures":[{"sig":"MEQCIA4ZjSejn2WFHdLcbxKMCGHnqQeIueX9BvVtpaH1LF+MAiBBfOOOHHjdVKX5H3M5sV6ry4wHJGzMK64svVA159+WKw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesZssCRA9TVsSAnZWagAADlUP/Aj4Pekg1OcJdiII65Xa\nQnxuf1f/qCn2POsRfSKmCPkbDEbSXu0swF+LHy2mHH8KiLRvIw0jtGvsOxiq\n9MUvmfAWOPuVXw+4mOAwyzbK2x5DoIOv8Fa9n9XyTpT8MesCnWNo0AZdMxVQ\n2q7JjeGAQwVZo4uoaHe0xz6Wn2IVSAWje5OvOuyRLuOPx0gll0tRnw/k48nR\nBd5tQmmlJrQfGGD3oH//+egyA6Noxhttmdfc5TKAYiTlxJ9CewjB0weC4a7+\njK8Dp0I+90OJQ2YPjKEGMjmjqIJdB1oBoZ6o4GyXE5QULfD6hEEPJt1yHafj\nPMAlgRjCHJZL0vApagiqOHLXC/kw8LUcceR4jOxQ2HQWuAmpAidOFxYEaupv\ns+WWLDRno77TISn11mRMuJDnRbijVI02rXI0SE6pBRYI854w5FkJNSrTy1lo\nQaLwQP7X1rPZrHeM2jFXOtTSy59pZT5lJtb6aLZxibJZFKmpKGDUtKEX3gqt\nmonou4yLy6eot0568EGVgrcy6B92l0syHjSoOOvtTnJCbDVZyIhWFmxfMKzI\nRyIr++JLdJOjf7GNZ4krCL10BtsqPXMuKB0oYFOtVYXudoH/l0yjnQl7U6w/\nMyQlRN/Sf9sI5rrwwqtS7ck3Kb3qmjLC6+CnS3VJSDoIK+Mu+PTuzwf5Cig8\nAdQj\r\n=0jLQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.d92d8c93e.0_1588697899563_0.8683405699312556","host":"s3://npm-registry-packages"}},"7.0.0-canary.09f591967.0":{"name":"@material/rtl","version":"7.0.0-canary.09f591967.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"aef74df019e2ac5ad110825d8955748132330e2c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.09f591967.0.tgz","fileCount":11,"integrity":"sha512-l90CXyWh0cKe3sUeOBKOtdF2KCT0GAqkiL/32C6Das/9FC1WH+X+DrJ0ACFcbhgQIFrJPxCebMXqLtxX2WDPiA==","signatures":[{"sig":"MEYCIQC/9zU0DSCkRbluEiUajaed8OQddtuGAr7wz3PC6GEDWAIhAO5MYyksyMggiZ6kLpxYZu3PfmZQ8A5KCUQUxqUcuc6x","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesdSsCRA9TVsSAnZWagAA51sP/1LRT4n3iYFVRLAXc3uW\nDCDEJHWZr1p8QtQrPWc67L6jT0pk/Z6wevSV3Xp7xdFtS8yLeZVzagQaX0Y2\nys1iOnf61iJV8VVhz/xnH0oDHKWbg3wfLeSCMUuQpK4DNBKQAzXbvOXV0yy9\nub+O4Ye52GAqdAvOR16LK87mbC/hZiTUhlMFRpxWlQsoC88xnAMG0ZvJzXjP\nhYvwryRZhlxi4rIMwDu3e8fYQdq41VTjhno9UnJufd8GHXktFMh4WBA1EU6m\ncT4HwlHMwbZwOeYpo9MqnR/Kd/je0XqECl+OyKGIvi+EYmrA59ti67ySPBPs\nO0ve2b41Jp28k+3TQis+BpyF1PmwdDBOWlsv6ZHRqnInXVIclYQf43vqfBGL\nBnXTrZwhEDZbUGEYq4TGasgPl3kCatb+wxVyls2e4ihvSQmLTCNZD1GHoGTk\n+c3ENDXUrRqdMPtGXeV46xuxsRxbWh+MP4yNr48mSTbF2S77ndkQ9pj1C2Ki\naEj9V1pecx1nNonXPwKlbgYVKy6EFZN5paa9htp1cXeHo+LRVepyZ6ouSITa\n7VnNGSyDI/CUkOEAQPeLQyuF7NzVOv4ZulZniRv4ZUzfLHJvSXBix7XM0TUj\nyRxeFuV5b0VP9O62i8GaVQiSCGciWAOb/HC6lLaXpvSky8Vw7lBwuoTkWoZU\ncBHL\r\n=NnsE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.09f591967.0_1588712619497_0.4602326897566815","host":"s3://npm-registry-packages"}},"7.0.0-canary.3846ce311.0":{"name":"@material/rtl","version":"7.0.0-canary.3846ce311.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8a5c34f12a3f8aecbdc04ac0a825cf9f72d6d65f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.3846ce311.0.tgz","fileCount":11,"integrity":"sha512-NBBd2cwAeI9uGSV5PCoO1Y0Zk3wozhHs3pSFeKygl/WoF5oevw+jzSad1zdaJC+XFRy8HIc8+T2QPxoM24laBA==","signatures":[{"sig":"MEYCIQCPOXG8M5zsxGxvPGUHS8vA2olLWeCwh0cO2eNgv+pOzAIhAMcO8TiQVEOCYBsaMkE4erUENBPKGq85SS4m93aQk4/c","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJessT1CRA9TVsSAnZWagAAAP8P/3rBVaz+dVBn1KLDnA+n\nM+wis5rzJNYGXQd/m9KMksTxHq7al3uIEP+M1K3i25vKugiuxVgCVX8L9zXS\ncF8AY64z0VdzzAAfOyXcMR3i0dkktX0mbNkKnCnESsGuAB8Bjdg6kN8kxQl3\ns15LAjZD5Cbza/yo8ZSqARvHqcfMXRwvcNLRqZXgE3amTRp8poW8HNHsdyFr\nIF8pFfhEtLwxWjXNQBSZKFNTp8EcJ9TBuIrp+ObieQcxi1y2xd80M6VzZfev\nUBS/8pxw2nC/onyrEgqQ3LKECqEVrPhcI6hphq54L3yeCCTUPNCu3EL0jq4E\nc7UD6/ZR0E4B7UGRJt0wi4WjXD9/8u0DmFeb9dE5y7JYhGw5O8MU+Y3KuDVf\nAJhgf/AywnpGJETLGyYoQwB4qxQ/JbtBiTQRdhYM05/qAkwIA79MbEr+O4pl\nolB+Klu4hB6Gv84E2FMsBy0oEgsMfqSRbZDJ0V8KpomO3txP4sqYibePLqWD\nFc5c3b9lpU3Lj8m/8RWxtCNfjuZqdIwxPvFgXi/1WslO648oah+CS1mf1nwQ\nInAzkMPpzdD+oINBecdhmUxRu7EKepgKSHCYe7YupOnYLUKkVc5YkOgHnj7U\nUIuaNDxLS4K+jJeq0u4gKiPdYrDUUpbrMaiN6bgkQqA3p/8Db44zmaY1h9od\n9V0r\r\n=obdI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.3846ce311.0_1588774132489_0.241735392242727","host":"s3://npm-registry-packages"}},"7.0.0-canary.ed7f32463.0":{"name":"@material/rtl","version":"7.0.0-canary.ed7f32463.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"169c5444f17f899786da12d98a51f5be0402129c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.ed7f32463.0.tgz","fileCount":11,"integrity":"sha512-ePg9jgNIHGjKMwpvWcWx2qRNp6LZh4lRH/i92mMO3wZLijuYQZ73cx2ywAgOo/myHqeGII8vJ6F3BXxk+73ScA==","signatures":[{"sig":"MEYCIQCoavq6dmsISP54FV4ZpLm0jLkwknZoIftQ+lOxYhOOGQIhAO1cLwKGf3EOvpGpi+6mwIzNXNujrPaS7YRDK0BEaRuP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesuCHCRA9TVsSAnZWagAALQMP/j40cxl0TUaCjytGXaEv\nr/AWFxW9C/0Qs+K30nXy5phhvD+W9GFUCN+/Kk4Jtpd1sizNc240WnXuMyfu\nMjyfsoMjw6ckAx5zubSMJePf5u92I4hhQABFxqm3RqevWrs7QzfuJpWgiQYB\ne6s77qhAVfaUTI8/GR+tavkuYpdMIKSR3LdE3oXpgfJKl5ICT5l1tE6P8A6B\n9Wwu7EZyLjN1b/6MfMpkq/YV44rSS9QUICs+DDgj5M2fXeo4oA00N+3T0X8/\n2cPKB6woCEUgrIRTltWLiYJiOQQieZrjl5GN/FJ8EEr2LSPuHSv1gnmF9Ydr\n/f27yK2MxH2QmUwP6bOW2b17E7tQnAt3yaIXpiZ/hciARqAnHS/yvwI0rsYr\nnCDnM1cSHwUcjaIdb+LlQtP0Mtok0D7fKsK7542xZK27nOdwDcJQ0GsVRrXB\n79P11Q6Rtx6HfQ//R++UQ6FCgwLbxBR3ealTfx1Bz6611Czd815ztaMdpAhc\nnKjsF71gNAqrmdidh5+iWay1N3TFqPTbWAd/mTcdzCEXLh81NiSawshZO6mB\nHJES1lckQ4DzxAUGFXyTZZ8B9kNcNT2Uun2aibUu1hOCnJdYp7dauvK5P9Yt\nHrSTZUZgYo/9Qt53BlA4PGbwvJ47fV410l5wmzk0pl41socsIXK3Zql9wrp5\n2b2P\r\n=w6pf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.ed7f32463.0_1588781190813_0.8894471063479732","host":"s3://npm-registry-packages"}},"7.0.0-canary.8135cc085.0":{"name":"@material/rtl","version":"7.0.0-canary.8135cc085.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"39d82d655c908fa32cc585587fe227d3ea187653","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.8135cc085.0.tgz","fileCount":11,"integrity":"sha512-uKViIGr25acwHssqqKgZ/y27tBHkWHptJMEHyPRCNoIffNMIWQKBz+yX1WZN31RBpivNNm4DleKpqoog/Rrjmw==","signatures":[{"sig":"MEUCIGLwAcVtBChC/5ucQSO+LT57e31alNtNYTlAKqWfLDrFAiEAmxUe584Gsv3hq0m7JGWI1V/ZQWpoDYmzRvLbQNzglbg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesxX5CRA9TVsSAnZWagAA/lkP/AnG1z/ef5IK7GbV7KVE\nWSOg6SP/q1kZMy5fngpJgXU67Aw6MzJyjX/WO1de7yXErrJXR//W+WT0Abo+\nLjdmPZpc+Czjvvb/6dWsMBQTWsBX7SiIZXrapg39lzP8s1Bm2R8CYqUeC/aS\nReSXCNU2B39KPaWlfboRzUHYT8vqUTvTWvlMbj88HeILxSvrTb8LA17Ww0Kn\nUPbsVh2kktvmjOmvUVnTz183ANrL5Yp2cuTDZBm5XsSOSxRs14Lngxfz6sB/\npejqpiJkBjZqfUREmmXqZ5veObw0u/3gq7bXSm/SjO8yqKhNbwwSOH3nCse6\n4aDHLNDisK9pG7j3ypjGxaqGTUP1WAEG4QcsueMFRiyQJ2QP+TD9eSbYiDfY\nxxcCCI2qQPgmNos6Tfw0X66U/y/8KqjALIKJWI3RZtAjYABTPh5KpRwaYaMS\nABQpNfLaG9qXcdBUQ27DlFr4hqeLMKePwKljWx8X+e+FJxvIhPs1eFo3bkGJ\nzEGkSrdjJPEFJpH0GGiIhF/d8TL+cGXqurqZix7+640JVBpOcgUpD5CBrDGl\n1JW5p9zc2bgLGkQGES3hbzSEClCtrS3dqrcxWWO3vBdXk0jhsMfsS3a3dhKO\ndoANk2Cjw/mbWGSj3iqYCb/ZnIiR+tHvwntq+qNvqo061CfzAJksvxhihldu\nXzdZ\r\n=lBby\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.8135cc085.0_1588794873226_0.50112708981169","host":"s3://npm-registry-packages"}},"7.0.0-canary.deb212de4.0":{"name":"@material/rtl","version":"7.0.0-canary.deb212de4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e6f2feefda6706f8c4bc9086342d2ea536acc73f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.deb212de4.0.tgz","fileCount":11,"integrity":"sha512-bPm7SeN63L4fKNVvsEhCktYP1xMThkASCA+8gSPDb6YRHzYIAYzDyDE4y+Mp+stRBySd47hKQCiFFpCEM5qzZA==","signatures":[{"sig":"MEQCIEnPTdxU/qEvuxYENQf6s2h1l4TyWPCqAv2Q3lBrmm/aAiBYLSMQ6YadKNChVfL3PKip/LX+hwqpKBSGRB3zMu+87A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeszehCRA9TVsSAnZWagAAb8IQAI4VYgRedjvcE96jYuW6\nMd5X74qeSeBKPK3bhAMSCGNHgi2f3KaKep17PPTQHrM9Lr1FX1R7H5WldVcx\n7mk6kKYP9qdRTDqe46Zsyp560lr+ua8DEN5bSuvzqB0YoyBB1XOKN56aMuJB\n0SaPAQ5jmITV59I+jCUqzAuwOYDKSiji/9fUVm8RkMVowbhoJIHsdejUt4gk\nX1ZtkCSulmJixysmu8cHK7+jYzlDv3QUp4OuvvRiF/+jjGXqdr/MjZhAl0Ud\n3OI1pLBDsHq3aEs1qQK5ZGjGpltOcO/d3z9HwxuXVnTS251ZuNF72nNLIL70\nwnDMVXYKd6vrTod/2cjDIe5f0g6z5h5/nghxhitBQfB/XwoGt38OkwIbV7Yl\nPxGgVJVetpHtIhY5rGGHR6txvH/tATLrIX+1cdTjzEMHctSXRqWHYbm/Lg7M\nQzWR6VJOxv4QzZfo+D9nMG76KNSngWiOQyKZeg2dFWWoz/P4/Vn1v5ijqLq5\nByzRd1vgpeM5sAssraUXxRlqdfMUq58GDCwc5WUljN4CmfY0SjiqOYg+ZtP8\n84QX6SjA0xzTdt7c08fcA6rnNpvdorQOAUVdTF62QiJVKiIgc1ha4tlzBDHt\n4cPCfhKKmm9KL7XwrbFnI8EeQK8HXkUQdXFG24lNzcVjOLp3lxCAwf1fg3HF\nxPV4\r\n=LDzz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.deb212de4.0_1588803489031_0.29973881794210855","host":"s3://npm-registry-packages"}},"7.0.0-canary.f83e00898.0":{"name":"@material/rtl","version":"7.0.0-canary.f83e00898.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2e0cbde56e5c4a9d1303911a46ffd13666a62398","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.f83e00898.0.tgz","fileCount":11,"integrity":"sha512-k2qHOxjbmf9mlTifHFIEQIW3ARZ1AbEQ4noguh36c5zrBIPpca4LjvXuvHOFYIa9BwKfjyc6rWrNvMe2qeqRPw==","signatures":[{"sig":"MEYCIQCyP1g72kS3E4vwaS6N+JAn3bFTWYt1GrThNVdKRZacKwIhAMs2lBuiv/UZqV/RUsfCuZkz8fF9xABLUWeZ035BlqZu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetDv4CRA9TVsSAnZWagAAcJQQAIqqsD9+v/AFs0yc0d04\nYSwFIy79KueTti/GnWuY5irGh7bZSJCGeihEjxSq5addnEigRPDIBWbstimM\nAmlWzFrpljr7YTGTva1J1vDwAJmRKkeTvrn/t9ho85W9sthZgyuUJexCuGUE\ng0qt2GkCfEPsSVKDPsszTIG0xn1mcnNVBY438baEXAS/9mrc81SO0zfJWFxQ\nexciourbJZaDcln2cTcJFGL40Q4EFyntPIVG6qe7GSl+oDriusSUfieCrHnG\nQ0T6URq6yAMHJUrrwAQ7akUp1pa6StkL2Tw8DIJUiyYY2Gy/R0avZZBwtbvb\nHzr/UZNx4NH+tTCegEZX4keAc9UtSEAZMYJq2UQ0cTCj/XLhFIKLZNt6QDX5\nGWqtXa1LwbTPf6/1HoyHprTBaln0JXcTby0hqnK7coMysxgFi5tFqRfMWYpd\nWAmcSoKf2/aLdf9la64vbUiDRtcxNfDb6pBMVizAhb5Y5aa35xM5N8d7kkUD\n2l3pGnH4CQZnVuunpnAtD9x9V4K3XT6yulolIBOUl7gXmuoy6aCzNDzWvxMm\nF1WkiLI4pHySi4vNCJsxxASQ4g6qtfR2uURs9fDoc8wIK8/1lAE9afxDD6iV\n/v4eynimd13tkbIkK4/58xzklKT3wBixcEYWMYokhG365snSYdXXq34PzjH5\nCHpD\r\n=cwdD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.f83e00898.0_1588870136000_0.9970794423998544","host":"s3://npm-registry-packages"}},"7.0.0-canary.047e6b337.0":{"name":"@material/rtl","version":"7.0.0-canary.047e6b337.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"499242b178ececf990a58ef21a41f790dd05640c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.047e6b337.0.tgz","fileCount":11,"integrity":"sha512-CPL7eNk+PaQVgonFeAhkWQH8Ahjf/PdmqMZhlaZ38eGYsxXcp62y/2Wx8v6BmWfKfXeAiU+z95DEP4/ctCsxqw==","signatures":[{"sig":"MEYCIQC41WhavzqzCLssjMCKXw++SMhSzPs3gz8HEsuZtWZ14AIhAN1Q4CUh/XW+wNipPiOr6uh/bPcGFF2Ew3oM8bsDfPei","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetab/CRA9TVsSAnZWagAAsLoQAISkF/UwX+bpjI0715En\nTq8hjtqIGKdotAKsv2qa78JEU+Xkck/FOr9LPS21ZWOqIlatzIcFlH6ffvmR\nL/MJoc5cShaW3yplM4kQ7gH00LvR3Xsro+MGn2bBYiUtW4ob/4s5lKkLPFOC\nAcpa9d3WDbZhqFqrz5lVCuNmbEwH6NPTOTamzhVL8KojtttztDcbHtObS7D1\nmNJigu03XxLG6wJHKhV7CLJIKO7jUFr7hmOnEW6jofILh/LisvYAnD/PafTc\n2Y0HLLzXzCdr+GLN7WpLyeNCron6En/fsGYXCntGlkxFbwZxXAuoqUpkbVZ3\nR5bmTwwOhs7ZZpfoVxUQEfykBTd2YJO8t8yruiN81IiO3kafsOSnanbzFYyo\noRBtJmehj8R1rRYWc2XFHvdLTw0amXvgJFYu5GAd1q9BaKXgcBoNIRz4FeGH\n9Gm1B8qmDSTTfWRmrP1UW2XuZM5kcu0OP2QcMjuRdV/Gw5mqaW+6EsnRoccE\nouO67K7ztSOjugjjcppRxHP9ZJdZ2QUyooxJvwG8vR+cLNUyS3VMINq891rk\nLfC/zQiDcUClZX5mgkelVin/vmZPNSOu4/8uNPidCGvc6++F9/CtN1a2/KFs\nwG8Xu804tbJjXCLK8eaQutyYNjxDbRA9EL1WgIH6A7Jgh9eLJVZjbMzIh5++\nCUgJ\r\n=SaIA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.047e6b337.0_1588963071327_0.620023354320866","host":"s3://npm-registry-packages"}},"7.0.0-canary.119e21426.0":{"name":"@material/rtl","version":"7.0.0-canary.119e21426.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"231a003b88de53a6ea72a0c97b8ea3ded6f71204","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.119e21426.0.tgz","fileCount":11,"integrity":"sha512-JNG8xvL29SDjlxus1wpieg5AmAxiqeJZQLVGA940mG4I7GkAJJ9qtGpheC22CjifawV0XW6QW7K2kHTIo0EiDg==","signatures":[{"sig":"MEUCIQDwquoriXVrSOn4TJeKz5Hlk/dl/af+E1kh1SQ63k4AoQIgMl4FIubmHFo75m1xMcRq1Mz53eDAwhUza2TMuwVme84=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetb9dCRA9TVsSAnZWagAAXuwP/isA29fhauoKMXxxyInY\ngawvjugeSjSRliWnBjceYRWuMA4pP1nDHgE4hJmVFSF7PddNCoACtwvfNXWK\nC3t22ZkmC6tWBPsUsRX1HiHJ3R0N1X2sCzLF0M6axK+BkTXensXX4AgKZ0tI\ndzQ7swD09w7O4IcPeXbK4qUpGVCUz80SHBJp1bzwiimYymfe8Dy7ZYeWmqJd\ngqQK5uMs8fzgVR87OyCa+ylrvb5t77ECMnHsmoPItBDBfg5VOjZgvd3v4gPh\ncwnDeDPiMP3fTOyFN2zphRKmS06Adb4f3nW3i+xxgBFift1Tl8nJtURjEz0J\niYpuQCJvpGRqnq83BDdFxoTNLRquJlCrslMbMYpBGg5lsedVrJCYmDgOAEL4\nQpRGNaDfHhG+9TPVhiacCFHJwcFo8gcHtBm66Ybt8Ws/AvIIPBkCr4MWAp8A\nElJQIYm5DxoG+wMkSiWN42GBguBolDThUfs2Bh+isUS92hJbwhhydzOUHyqe\ngULYibg7K1H6abtSfjfXfF/jIBO9PziRKRYhYJNbQgTfKDQhi4uYbGIMykgL\nkm21HJnodForgVjc1P00Ej9kp6VZiZhu7wPTU0geMjSc7J2KZfiJFILLjVuc\nOAdQq9DAvUyU6FULx+sEVgFgxDFbgipbHHoxfHkDfIleWcmSUZuzhCyT/9SM\nMM6j\r\n=0ha6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.119e21426.0_1588969308675_0.29209447368948904","host":"s3://npm-registry-packages"}},"7.0.0-canary.2f052d824.0":{"name":"@material/rtl","version":"7.0.0-canary.2f052d824.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e0a829082f28be4beff18b9fc2e29ca9ca04aa86","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.2f052d824.0.tgz","fileCount":11,"integrity":"sha512-vkEzY50begR8OVJjdr81HDcqfH4RwXrwSW8Y9WQR/4djgFjNlHm8yx2UuDjFmzdaB7WWORNzeRGSZ1T09n6nZw==","signatures":[{"sig":"MEYCIQDxw3YasLmsCwoBX/7b/tYody5h2BcSfUqs/RVulNWM5QIhAOe2XQVNo0sjdZ/3pkkBiDp+kxDKlAe2Fju+8rgSQ8Cn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetcnZCRA9TVsSAnZWagAAz88P/07STF/sHUwWerB4rsm6\n1asyykecT7uuq8kzs2St0/LawxqH9MSwcftGR/DCs2w0x6Or7HwpEWkpa7A1\n0JS3S0yxrsMKPMbT7mY07KE4OPnxVXSVfDAEbT398w7rHcUliVW6oeOnPTk6\nLEzGGrxFyzzTI3BzqmmdlN2MXCyKRkO2hYviysWOiIucp4U84iyH5bPMdcNO\nEWk1/+6gy6sS5kJR/Z94Iwq4llOsC6Ifl9DQVkzz6DYneb8ZIOXXYGb9fWYa\nWlmRCvcgADXQGZvZRBC+4jcfAVHtSkNUSy+kUvSVhYX3Gi8wh2tjh7KYFIVd\nm7Thq0AlkjTARj0Ty+fls88ZcdkVhvvoe3gxKKL12wweohCn/S/X8c+GwtRg\nTOLlHjSVCJlk82y6J8ZqH+2FjrDUwsVk5uR+7D6ODubFdQNDkAp0V7gKy6xE\nRcC9Pd0td8hm7Wlqz1S5wZx9jARmt0DjR+xsi6L2Q5tOedfY5uQVVMjLkcBv\n7+wXhSH0KFuwKimcoHupvZM/KGEs++juWCj0IzU46iateTpz0EqRm99v9igX\ny3Ed+KVFshcKZE+chbvQIT4n3kyIziDbpWPs6162WkR2O//yYMxZN3blq6hu\nj8MQQc6EJkbHL/TQGiWIbXP/Dy995L0/bRqvCRmk9gjn6q+r4ykd3khJnNi5\nH/ir\r\n=/TfS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.2f052d824.0_1588971992883_0.15949628062818633","host":"s3://npm-registry-packages"}},"7.0.0-canary.e84444387.0":{"name":"@material/rtl","version":"7.0.0-canary.e84444387.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d72d97e0468cd935312d5a5403d03de0e52b3ed9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.e84444387.0.tgz","fileCount":11,"integrity":"sha512-f3RDf+2LlHBP9nd7XcqxI3Vrcf1P07JW7uisvzchMeoVdDSz2CdLe3IzCOSN3JGpPBntKnX+Ltsn04VnM+DlRw==","signatures":[{"sig":"MEUCIHSROZtxI8YJZjoelqvBQiq2Z7Tl3fxqx9UuEt2G1nP7AiEAvpNjfWJmkNP9G4dW1b88H4sgo0J034Zpkg8Mo4WHJRU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJetc+VCRA9TVsSAnZWagAAjzwP/3wHAjSxAphxi9UEdYDS\nNhT6JGRjMxk1OxiI+eJsvwLqlWJk5SWUqPT7FINBDI9ObBnGqeSPqxDP9qVm\n+NTPgdp/QM2GjpgnLAOTc0z4DaGmWSA5YLMyjMy4Ta99ylKNuNPr7eJ2xGSH\ntlmVKdd+bKkkjIMycqxApkY4P1Xd7/ivBQAqj2DChxucNRT0aq6NELCztmOf\n1s7yHbU5ZvFuXHJI6Levk3/+jZkUb/fiX4IK+bY3G1NCiC5xL9lYsFe20hqH\nplvkjCLLslx5zfkkMQ5UhYKEy5Dk+8FyL2JvTReWQZM2v/OZAby1ijMNbyFk\nqyeDoSKm/Du1jt5KlAV1yHfbWXMffiGvXpdhUYC4tmDskQOrlBMeruO9prLN\nGPXCvChL0QDDAAAT1DGKYz3+hqP9Y1Cx41n134vf6tWFN+MFnyJOp0axka2q\nap6DTvzgAQ1gEsm0CqTJ+nLTdmr4Lrvrm6QKP0vLbqaKlZ7gUyHoAJh6ZDpB\nSmbUKoTt0NvyUXvHJccC/n41S9ssTzF/3uGfkwrl55R6W5HZyqnIGQoVSeLc\nYqKZcib+1QQAomH32/9VA/IMRalW8XflUE0OjEFZs2Rh0eUSAsnrZbO+UV2/\nFDAz2GaYfcdIMA6JGx1bkIVapq+1RTl39tKvt0hyxU57J8HLsxFS0DfYOt7K\nfuLg\r\n=3EjR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.e84444387.0_1588973460551_0.16536310933287646","host":"s3://npm-registry-packages"}},"7.0.0-canary.893eb1876.0":{"name":"@material/rtl","version":"7.0.0-canary.893eb1876.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"297a0a324208456630634fd83138121aede8adc0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.893eb1876.0.tgz","fileCount":11,"integrity":"sha512-nxZB7JKi34705cAZjsbbSmXRKRB2auAoJsI7giraUx7iqO3NV76jeEJPHI541BVS33bF54YzwDt6KCaM0Nm+wQ==","signatures":[{"sig":"MEUCIQCAvuMMI1JBUlZ7cu2VZ2JlIBXuugr+NPdaZa19V9oqpQIgcO4GbVvWKvoNh7n5m8a3i+0rmO7/BJOHIQoGBbUTu34=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuV1ICRA9TVsSAnZWagAA++QP/RZPYMerS66veYIja6/x\nXSMkI3CVIxKUXWZC7fNF3WsPk/g0E126nTeMvAAS8314cLuXV0OUsvBr8qAe\nxupoKlqcUrfVh/LdYS3fbL4wKycazsyatZvahuY32zP69x1R6VvtzvgNWV9k\noKLjUfIMO43Ehw35YLwgHC3m1ynVnXb4ErFeMIXHnCUwMGYIpzwv0cgm3GwB\n+YnGEBEEH47FML0H4m/8Q/Why9guwTiUjoGSTFqOx9Qma0MghS7b131EtOg/\nCe1nuvQuM6lcxF0Y/nj5a8HGU7HavBN5537u62QlYB6M7+GkULGkj/f68pJZ\nSVtpkDgs+WfbkTGHsQpdGFFD+lcUVhCaYPa6UO96W0ckBSj4AtQeKW2oD2rK\n7c80EiAnVxBsJQsf4naqkiTu3VpJr9TELimga3HAkjMPxzT0vWw9rX+JBG+e\nSumlb3vq1HT7wcF7RtiVoSnIXAD2XBlWWFwhu8TnUclpqeUWUD5GadQpGu93\n5tzzr/9CAkCk0viFLPr00W22pzFFV/jkdUd8lSLkJns8BfdHMSGphKe7svl6\nk6RE2JFOnXlbSTRZLRg3eFjQrQ9It8F6LZIDAAssJXo/dNYPKQwL98Oz3fl3\n33X564nHIt8TWGp+lp0j4vZmvy7WFrDYkXeXWb/cGuFGnAd7+nkY7piY66EZ\n5+Jr\r\n=Tmwg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.893eb1876.0_1589206343666_0.6886488059726448","host":"s3://npm-registry-packages"}},"7.0.0-canary.a5aeb3001.0":{"name":"@material/rtl","version":"7.0.0-canary.a5aeb3001.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"629c489d4126b564faf6cd6bf17bfcb5024fc842","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.a5aeb3001.0.tgz","fileCount":11,"integrity":"sha512-WVM4qMZ9EYqSwMuhhu+0qgBWF25/Tc3qf4Ihjgg7NgZDDgiisEzT3Wy1oSLEmwfoSQNzOqlG9OLUQLvHZQHQKw==","signatures":[{"sig":"MEYCIQCs6MlVU8YXSAJ/0r2YHrojUMIKjA1T7eftgvj8ZvnsgAIhALNLeDUX7C5oJT/H0uyUqxVwC6kaXCncB0OA49m/YVvS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuWD8CRA9TVsSAnZWagAAAoUP/0+R9hRAXUElkXqnUBbs\nDN+zw8TNnL9FrKfZa6T4t/Mi6WzPSDfjPSAzjUAQKX/zkigaSiztLaWzH3oh\nOxRHEOHjrgK0DRwpixPIxS4wWrFyCX6Ar/cKn2fmamLnNUzvU7I7gGHG6aGd\n68Dada6u0OVB24KW437HWABDeyRWLM4T4y1NRfC5TejTeHGSbIMfLfAfAoIX\nxKRGIPQeNBlaUREH1VLKAD49Tk1BPtfvmsdURlUDtOY1g80pNB0jbEFQjKyp\nRaiJh+AgC6iQJ7xdJ02BfouwC2dj6/hO+CvlkVxSnpQ7b9+Dec5Xn/tvMrA7\n5J+EyjNkxd4mIaLI2sKDBwDIlQJWlbzqMAdc6U+t6SXJVf6rhQ585OTNRuyA\nkhQ6xj+RViHB5qjHyZp/kT/GbEXaz5P5A8Um46+b9DG9Df6Y9wYjwdE2Rxi9\nvjLwci1S91m0G/+6cwvQjtYnjDldKNA7NR0AT95+u7/2pE2xM0uqHe5SHq8D\n587BKdDutuiTdOGVJbuFV2UXxQsPHTq2LAYRrtzqDXff0M/U3xCWbhi4cOlC\nYCfcyhGQcG/quJmwE1E+hiMnVil8gMwEZrqKe/o2Ktmj/mh9dcVPbnutUn09\nVQ1m+Ymipp++59kNeAWBUtiDceoETyNy1pnOBeBxIVWecKab1VJkm0/RTLPG\nc9bG\r\n=6o9N\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.a5aeb3001.0_1589207291665_0.6687082741348569","host":"s3://npm-registry-packages"}},"7.0.0-canary.610c68d97.0":{"name":"@material/rtl","version":"7.0.0-canary.610c68d97.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f0197a7284fa7278fc3ee242eae2a0fcda0b680f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.610c68d97.0.tgz","fileCount":11,"integrity":"sha512-a71J+f1kWyegru+QzbfgEo2R0MYs43pYO/jV/uBUhXSJ1t3IJ2PNMqyTBED3cInHbFIQNUo3aVhDAX9qmDD4fw==","signatures":[{"sig":"MEUCIQDdXFJXRMr7WjWhvUAyAp3GpTlpo9M760pEpoWggzM2twIgGy3R0JKfplnJ2InWV6lSAOQbVLtIeYumwUsBC0xKxmI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuaglCRA9TVsSAnZWagAAWhoP/RBbVU0zV3ncieUbyo4s\nudR3rCSq23g/qp9xBgoA8ufAyLWhXelpS42HTZH+bhyUUEmoYmwoyaQ+UtYR\n9vQAdYCCMHB91jAI2KD9yK3C1WFUk/59Vu01i5tmUyFV22kW4HyVoYN7qBHD\nP2saxb2zC8lTF0DUiH/tua6inOn83zC/IqGC5yMR/Z5WQZdOmejzQyOSPsAY\nmZugcosc+kAF2AFq7TSOAWcuhLpi0pLubJgdmEI7zhokjlNSKTiWLtqAvb0m\nw4vgWOfboVusq+vc1nKQWU62DU3+JNTUOh+DbmeqP2VbCqPKi88xKL9+NOQx\n1F4sisRm8ZtqsRrYGjRaod+Bn6CYj6QCI3KEdTyM/zz40EdLF6ir1J4w1GDY\nR7m1EgQaQocSrVJsxO6ZtAqi2trGtLYzuzYMYUIho71INHgCGnK5mOdgNLJU\n2XzQOy/p5s3Iar6u6YYELwtTuFJme9u9VuDdHhSD4LJkdxhB/oLaQO2XcCXq\nht0qgAUYUZxCaq7GnlvlwmuvDuFzIdqRdtnWu17BkVpHSj/JFlBwNqhQl+YH\nXTtI9K/HqA12SP+btgsva22QkAvJLFB5vR0F2qzsPYYzbSAVooyfnjwUoU0F\ny+lvOES9lDwdhV0IC500OEuJbCNV2M6XroKGf5kgYVXkdSPAs6WUqF6aghaY\n8yD9\r\n=8Osg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.610c68d97.0_1589225508995_0.18615211290795108","host":"s3://npm-registry-packages"}},"7.0.0-canary.ed52af767.0":{"name":"@material/rtl","version":"7.0.0-canary.ed52af767.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"993814ad92d19e83f07e73d232257d9d8929fe43","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.ed52af767.0.tgz","fileCount":11,"integrity":"sha512-/j3hYFtobKYAM8Z4ZqFNYlcEVHiTjABMLkaXOM0AemRf7kFXA8TE52XroUP+UuspoOQ7JUWPBrJ3amYwcql3iA==","signatures":[{"sig":"MEYCIQDaaJEmUiVfdrwHgomD3Gx4lnhyYZbZ4Z9vZ56zo4eZEwIhAM2wkNq3KwpZVDdZ042EE3kzxk4NNGghTiFa+0/m973X","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeubT9CRA9TVsSAnZWagAAUAkQAJgPb6eIiKPw8muS3DDv\nZy6DipHzoD9fO0BmiovUBTlirrcaUMPOkwP8jJSnn65avirVizmkYOqipOdn\n/l8q/QeoujT6xT4eIubpu53rkfAwBiYRF3zg8GvBQkvROf39UYhPKr/q17lv\n1y6+liXvubfJXDYxiMdAmwRKrYWPl2rCoTIVkn7QLL3x1LxBhnJqf5Z2GYRB\nn0OOug7tP5mgEo1eIKewSmqu8NnkViWDvosv0OnAxPi66/+8jXlAhfqEnYls\nkTKpASz4k8wegbVHknpCHKf414sGAJsobV5IP+U5Dk5/q663ATmkmaAl75E9\n9f43MhKG1xsXmBNCC+xMuEivOpBeQW0q2k4SOkbkeycY4JYOxtIfWGz+2eCT\nROiY0s84/Hu0cKR9T4GBeBHzSEXqI/fRdeYEveEG0CXNZgQujD+XaY+6QaYZ\nz2iVaMxq9Vf4vCxXIqoe+jTanwlQ++Odkg3nDh7L9mRS4Ejki9yU2XmS9Orx\niR/MnUFUwLsskI7jhxtI1W/pV5YgvOFPHMIFlnnu4RC5nfJEyee1u33unIdS\n9yKEvwyeDFlDf5HB00qzMT8soGWVcyRrgiGhSBfpiMqT7xGzCQekIBVBnlMv\nKNyAYIPWqY6L9vPvVtvf8J8eQIWmHDbWQ6c7w33tCyCsBmtEkqK7aOT0c04J\nvKRO\r\n=WIWn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.ed52af767.0_1589228797233_0.43509341731307627","host":"s3://npm-registry-packages"}},"7.0.0-canary.058cfd23c.0":{"name":"@material/rtl","version":"7.0.0-canary.058cfd23c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"344c85236a867e99c08773917603add15a6f3306","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.058cfd23c.0.tgz","fileCount":11,"integrity":"sha512-WbgNFxtvtRv13uIBG2Wlto/cso4b6x8QZvIaCWfO1HQoiQYmlmsyUXJNAkoTNAJdvatpjDStyfjfvXTf8tBC6Q==","signatures":[{"sig":"MEYCIQDv7TkgGejDsBgd8QvViI5u7EPNNQOhbmU1eOBigGQYkgIhAP80e3UaXkq4aPmPmjrOL1aLdH5wosklJ0dK4YBCEvP1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeucKSCRA9TVsSAnZWagAAWQcP/3H9bD8h/zBKOLTL4Lhn\nVGMnLqZ55eglREj+C7uAYUjP6fW5zZOreaHR0Tdfr59vU/3rRtz2qd4DOSsu\nBQILHX37QdL0N6xPdNvYBc2EtcyWUroA6FHcU5Q0xRi7N80aX/HUNSdouFEV\nWD4Ix+N/riHlTDA9aldMYEcFJWHrfl2Gikkmd3nCiL9H7Ybl/mAZLsM6AT4J\nosHVeC8zgX3UN3UrXerhur2nfKnT7nCEb14COjOIK8m4o1CM8KmYmbDwsqHE\nOye0TfpZJVG6oyjmOAuqEea50Aedxw8CPUsVxTsLHnfGnX1ud8GAf/ZsF9nC\nerJlpCB1svPUENR2SDOPLzxE156x/XBIr8OAESb3U/tKYE18RCRQNd0yQZ6e\n0UlvOSpqIwhmDlaSjoITeSrZqI1aEDfhNvgEaa89QVJFSEvtPWV1Ii6zD3pA\nmCbWFUiB3WqTuWbRu13YSWXp7DCyKy9SIgsH2+kEsPDtS+gkSG65GFsf2oFQ\nPFSskPgt7gkxMo3Yd1qj/DiVZxWCgfPyD1NQiYuAvr+o66106CcX54xmGQUc\naAUKsmG/7OipZ9+XJ2ij0tZTW/G0jrMCTiKIPCb1+EDRRdU3KJg6iyKBFMla\nQ5X6STqy6QtCvfd5hQBNVHryKzVYq9O/aLywn7tlRiqZHNFJ50H8wRgAhtjC\nEQOJ\r\n=ZhZO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.058cfd23c.0_1589232273636_0.6756958305327978","host":"s3://npm-registry-packages"}},"7.0.0-canary.0a371b4fe.0":{"name":"@material/rtl","version":"7.0.0-canary.0a371b4fe.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"98a9172fc1bc1779c05335b87430e00f62cad6a0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.0a371b4fe.0.tgz","fileCount":11,"integrity":"sha512-BMlwhj0ZbBXxOuUnVuZUsm+7MtKzviaQNzjvqUcd+2uqML9nybrsqzPLyATvJsG9mAP/lxCVKphBx1hKodg1xQ==","signatures":[{"sig":"MEUCIQCTrFJ74wknshTeB7SQOBtt8ITCISQ5t5xLGmLs5v0OrwIgNdNRCNrZFKlY8lWA3GSEB6MaSvmaVhIO4D3XLjwj4H4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeuy6KCRA9TVsSAnZWagAAuowQAJpPfQqnlJ/zAt50B2y+\nI8u2Q8vetafnkXWCoALt5VFNS/xTeGu2kujiCPHE7WQ2DAyu0+HYfIk4gooS\nQIyCSBEUHNRebCZozsKnvq1yp4WSTvs/Izkc88qxabMtnHgaZ2xYrYlQ9868\neeOWHiq+DCdR4lV1JOhyhcpdhOZ3iqJC/mFeW59TLJlUJ37J6irWqDyZv5d9\n4RBjv51NgHm8YPFYIzb956EX5+TnfAa38vwsRcAGXX+YMOBJJXrI7FR5ceDQ\npU2xvA8YEv1+lcwYhk/+s8y8/DWR2H8VtZraVentagZ5drbI/S4yaGWJeInY\nGSyCGJiRL03BxCW5YHwhoh87ycBWENaADYgsdFqcvOvMgRpzuIKs4rzMzey5\nNWho6k1ODgleX6cIbbjmj2VsAaT5k3decusBqy4imo91sayoFeZwYvc4Oped\nC7PpNDpp3KIBscU8sWbelwVeWlLq97wArCNjU935DqJ5M0imHYTSySNTZlS0\nBiRuRxh3kSkShf+jY2zcujzDNNce6qBW6efXrhH+YNcMJJDl6P6E85IarCAW\ni0rqHC40Q5AfoCVqLKbI0f9vZC+CYnaTIz8ctSpQ0JKRw3BlO5s9ym6PwUpA\nLof+7VeWPKiOP6+r3sCat9vp+UiVH55knismtZ9K9+FpuM8D8e6HhnzFIh+Z\n4aMc\r\n=kbSy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.0a371b4fe.0_1589325449893_0.1010496340092828","host":"s3://npm-registry-packages"}},"7.0.0-canary.2139200b3.0":{"name":"@material/rtl","version":"7.0.0-canary.2139200b3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9d320d611b2b191166831267a9b7de5014ec6586","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.2139200b3.0.tgz","fileCount":11,"integrity":"sha512-e6t5+28pYDheV/P5OudarUvrqvCOaDPl/LLOWj1v6UuhEqJMEkFSOrvuBn4NCIw29UVIq9jcrglzF0xNIJLg+g==","signatures":[{"sig":"MEUCIEcYjOM2KTz4hPihoZTo8Vjpzd425ksiM5SS2sjmCDsOAiEA8/UPEO6bVjdeg0S2hOi50cgeOa74GD4f3R/uQkJA6xg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevAhOCRA9TVsSAnZWagAAgU4P/03mZ1EpGC0QtIshgek0\nWVAQmE/6+Vq0cqXonrri1bz72RTOs+feVEIi4nrugSjV8kjEkKWdIQ8YHhAs\nyobByO0m10kJGaAXasCdmhT/fEAMKjkOFCx1eAUOpFCPZS0FfyIYSlwDpSvC\nvl3eDGGv//BdXf9aEHz08xcr202CylNC7t902om5TPoGbRrtrtFy73dvT994\nw2rMBkBkM38GZD+ELMb4p1D8eqDgyY7rG5tTJ5ZCrDAxq78BRsnG5/Gi1oj5\nMLZ0rvbJnHdiI+0u3TwU9qYPQy23m7JOnYPKmBEUGSyvZa9nzdj/07AZ2ZdS\niitVMCgSFYzIv1Pv4+Aczca3FZoSL6basN5ozdpW+EGKuy96kuwjObozzsGM\n3wr5emoQ3cSHbVlQiDC+Q6vgwWe9jMFu1LAw0NGh/D8A4nDnjKkYn0mkfxyx\nZVYM6K3HzDMzNQVfZG/7naQwz4qggQoEp1nWD3d54BNISLXs9TdhjI0kcxaU\nblnyDel5fvFuRcCaChp3r0niVGupOQNOmbhwWr7BBAHH8YAMGmh7BBtLitjW\nqDSNVzWcbltuE30yz/DlS3MOmFrXEG88x9rV1xmX1w4ElO+kwTmwXlnHiIHx\n9ITOayD2252Ne15qef9ihjOBXUO6KQ5x8JNDKKPURlGJtSvoPglpbJCJ/GX9\n2fq6\r\n=sMUY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.2139200b3.0_1589381198036_0.16162710241632428","host":"s3://npm-registry-packages"}},"7.0.0-canary.744d751a0.0":{"name":"@material/rtl","version":"7.0.0-canary.744d751a0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8a54f08323e6dd1bea317b832baf61abd58efc48","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.744d751a0.0.tgz","fileCount":11,"integrity":"sha512-7DWDVu2BoF97kx1fjF0bKbTr11YQLzLI7f6fP0/EjxB+6FQfb2qGJheHWpe5pkrdZONLzx9BAijdxpoG1fs4Rg==","signatures":[{"sig":"MEQCIDmzX8gO6fL7IClHZOZ52VVi9874AEGf+fFNyOYHh00fAiBIkrig+V8/49Yl0DKoLf4RqrbWKrF/LXtXmFrDQJL+Sg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevMwkCRA9TVsSAnZWagAAg0UP/0C4tKCpsjWBz+bcfhqF\n2iMsPthhCj5bhekwbrqAmuNbfgJwpgABh5P3p0LC3R+aR/g9JSsvpRdnfHKW\n1/ZhA/4D9S/cdl2mXOIXZnSW1UL9rA/HW6EzPdYzGiq1Vjr++x5dJG4wWDp/\nWKMj4jbfubjGcyV3a620BtfICByWFamk+ln10SbihltbIjbBdtrRNch7dx3d\nrwedk46mZtgLBc7E7h+1tuz0vw5UmTHwvJ8BpE8iO0R4ZxhwrbARqlL7VNaM\nhX9GHRYu2t18DPETxO+V6osc3987qSps1FxZ9zLquS3LS/jgIOZe9YCWjr4N\nqmgH3lCrzlD6pV/YooKeUVgxMBddOUpS5vr2OU+jy0NJSC3BGeFuItOI4NWc\niQeTkmvX2lLq1AiMExk046SqvPMAwYYLjOnA96ldwddi1ODtMHEvN09+fh22\nUs/RggD0FyPdnkUZQ8kDEShW2snFf8au0rzjXfskBe8WkMg/zkq05z1Yu3LN\nzSJCw1nZi2U8hMmUHVsBpTeeWOJIN8Ej2CO8lMjnC+DQqiZxUjKTaCUFoU4b\nQTi6sDGCSyo+5wfoGe9XkfLZqMK4oUYhwaAWyajn3D8KE3OXnrq1QhP4243N\n13cb0qeCEycskLvynwMLmZ0s7qauGx7DxtwR8iMS1wwjprX8778d/OJNNLhH\nJOnR\r\n=/gYF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.744d751a0.0_1589431332200_0.31217891092999284","host":"s3://npm-registry-packages"}},"7.0.0-canary.ad0c0c103.0":{"name":"@material/rtl","version":"7.0.0-canary.ad0c0c103.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ca415c6cbc461f399ff17747909efa5c86797943","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.ad0c0c103.0.tgz","fileCount":11,"integrity":"sha512-OMoVacWvB7v9SCwxOxmgvymzuSDfODwVqh7Yw+w4N7UvXzVonsRND1coNBqkoyiJrCiT1i0BhLpLzL2jZYowTQ==","signatures":[{"sig":"MEUCIAlspsthbr3UsOu2qXdG0WKzqfLzZWEy1yR6o5uL+rlEAiEA41s0AVyiwcDytsq10tCNYjyMBbSunT/C78vjGwvWg/w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevVrLCRA9TVsSAnZWagAAFoAP/0SoVZH6GbZjYpRlpxG2\nbPt6oexHMAw0RPHQWb7f5+4eUzymRiWRIZui73ImaVay30SbhDWhUN8t11YY\n+RLwPuO+qHOdRW1HsegqL3mx6P/kmGVDZKasgjwlFc1Ss7I2GvqcQ/X15ARj\nZp1oQuwodg6Gs+8ZNWW6PmHTR3earZMRovzgPY3rfdEqZ7+jjBRhkrpAq0WB\nhMwCHyIy07HksUMB0YQizExk3H3sO2gMEhzE/dbvYI4eJofALqeTKomH6wxV\neXmE6NQkourwvKXmqRsboP7uWjDVS8Vmc5SK5uEdpVR+H/OMTgyF9K2I0RdQ\nWXg3lsjEum9cA70ERHQ6z2jojqmQ+g8un4pUNcRoFppiUtiQEoXixtW4WOmb\nkWH7byDA0x1qkNnRSnZqMq+8KzXx9RUxvHlTVgKjnJFeUohdaeT23IVHGI4m\nRk8Zd7ueqm0r2IOH0/QrOIyxZLV6A3d2+58RgWvXC8G3sYNK7vkiHidImzNh\nlPklmI8nFlkAz/3qlOzz1/6TXWhGLaxgcsp479e9SSiHtmFuxK5bXJwOyrMt\nvkpB7+5dkOTJAXtIDXMqKCvJdcDbtmbbcsOCMjAfEV0cYWpETQiIygK4Rspn\n3Wmi1O5T1da+rsZnanwGZRkvoDs5r8cfmFGsAjP9mCXEr7Q34UxnT1x5Q4EE\nvVhc\r\n=4jOJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.ad0c0c103.0_1589467850441_0.6632006679092717","host":"s3://npm-registry-packages"}},"7.0.0-canary.fd8f8f2b7.0":{"name":"@material/rtl","version":"7.0.0-canary.fd8f8f2b7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"85e1df09ce4f17a25b21d3858ae934ced9e519d0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.fd8f8f2b7.0.tgz","fileCount":11,"integrity":"sha512-PRK+lYc5BnUhQVneHVF6vdDnj21K26VIgAtcGQ/y9QQ9r1G72F+y4NQQRPXpAup+beHDNzQ1T11T0mhyOtLHVg==","signatures":[{"sig":"MEQCIGvW+qns/g4/WCupy+0oOFRk0djV56riXLpvJnP4GUj3AiBz7PR52y8tuV/6N34VCYMgUpWVJ97NfxtFi+BAlYr6PA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJewsuCCRA9TVsSAnZWagAAPb4QAKMsfQYz/lc8RzIdvHiT\nXkMwWpn6mUrF0DlF3T9IplhNVlG8SMHMzlgIqALImEfLRBUPeqwK6BZaVlPW\ntLuuFoF2FmyVIVnghj7ZXyl9TaNDPqkXNGpk00Me/g/kZvlmaImgRwY7H7uq\nvMAlzjcDmTcXLAyS8yKMa2xJcp8eM8i30+P6qHu/85nlHxDxSxAZXczxmEBW\nnO8T1Gn7qp0fGzY+LKETtsivEtJhYKAamlGp1dWpU3Fv+VqhJBv/3x5Rfkn1\nWEgSAsY3oxY846MbNoCt665q9mEJ+YF+17xjaW7DB2oJU+HqWtRMt/xVBmfC\nwU6R5iP69484/tOLmgG/UJe8rGT6TdEMfcWmiWkFU+ISU6uZuLczWfjtbv1N\npN+EIlX6CRqsXoJyO7SQQ0hOAqK0AfKrVdmCXe+ovursYmgt99j46ZvF6ig+\nwbYU0ra+SQkeWJ3pvqhQiRP/Yw+x5F7Fv4CdwRGtcxrHzJX0pPjdTXbCpue/\nZDjpFm8zySmkDPE4nzTsMWkBr9sYqAb7x0Jks5plTbOpNd70yn/woORIpEw4\n9YTk2KRlJ7UJ8oThCQeKsWAJgG8BQQ05cEcCGuroWmtiC/e7uacXgVSDijYd\nZR2em/s1AXNW+ZujeXlzO9o/6yXzZwMZl0dTyb72ySJW3/pogSVnHEilFZzo\nKuOu\r\n=K21w\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.fd8f8f2b7.0_1589824385949_0.3206108586082883","host":"s3://npm-registry-packages"}},"7.0.0-canary.730920fbb.0":{"name":"@material/rtl","version":"7.0.0-canary.730920fbb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"aa6ab3f5baf59f97b0787c3d31e3dfc98fea4f2c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.730920fbb.0.tgz","fileCount":11,"integrity":"sha512-H9OoWzJDomTHVxVN2IMJIPgDo7tqkmb7JjYzxo9ifZ6vAdk8E6SUz7SP/CvBg8iRVkgHASEgB4bjh4FcdTWlJA==","signatures":[{"sig":"MEUCIQD+QoJmICYCQ1llMcyRbekgy2+Ns7GDZpV+4YnmiObNVAIgQ1qWT7UnUCYe1mrZlw3qT5NR3DnPLtH4D3YPRjXYjOI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJewuVbCRA9TVsSAnZWagAAWyQP+wfiM8pZsDcydGQCJiFp\n7LbjZWjeDH2AFX/GdYX9p01UhmdA5e2eQgTiZBxdXfzWqCaDcbceG35sQr3d\nENMgWkc9Cbj7+LylqPKgcK6tyEhTMW1aDsQTuOy9I78kyN0GvjSfXsDaBrW3\n3XMQZBPD/Ynfi7GnFUZ9YYNUZ4c+gLQUkl2DnNTDhLNpH0rltjstIR1Xpvzv\nzAY8ZyRPwr6mbCZRdjTJdVI/bLKv6jINNBPGJdr2TT2Vd2kyvENlQebQhc46\nvDX81onZF6BaM2o0qbQCFRKELTHW7mef4YS5bIU5u49WE0z/yxaGNSGEXGLB\nnEkyPUr3gNrSV0JYcWZGHr5/5unPvXF1w2LkvPkjNYJ+u1wE/cpUYnVzimOL\nglGmkMpZkIJRuTaYtAWv4N0LPgg1g/5Z4Hk6cNLcxi/SdO+6W6b58MsK0CvI\nSx24UJWn1zI9mz/WYCkHh6zoISlmM7lBAh2MIVAYM9jjgmw/SjXsDsfEXelk\nLt5uQlYbZVNHVi87qns7OF801pF0Ej2U4W2RTzWWlI6lDGQEfc2TiOaAzIr7\nkEZY7TDSnQfGY8AitozLBFfarH1sRUf7NB39DWWIr9qlsIBy+P3SlcZyUUuT\nQuiOspAh+rydt7SmlbQH1QVddthhW6hdqeZrXYrYNR4/4FE1aZRalxMsTAra\nxF8D\r\n=WXCa\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.730920fbb.0_1589831003152_0.5173324309436651","host":"s3://npm-registry-packages"}},"7.0.0-canary.bcdad99bb.0":{"name":"@material/rtl","version":"7.0.0-canary.bcdad99bb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ca7286d0625a2639899336ba10708c7af210cd4f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.bcdad99bb.0.tgz","fileCount":11,"integrity":"sha512-PZqzGP/W4GqWnpcUHOAmasbtcB/HmH24bHOtle0yZlls0FB37pmGu7iNO6yeKtGoMdJ7wd7MTt/wXIiCQ8+fUg==","signatures":[{"sig":"MEUCIHoYRUyYrMsIwbZuze2VZikLSr4XHW2jCz5WPLdc6TPvAiEA8JbubuecKxgURJsBHKS0nFTCATE51GJJ5SQPZ4akiks=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJew0/ICRA9TVsSAnZWagAApkUP/RW4Tvd8Rz33wOAi8rRS\n6dbmGXeBRW/y7/eGJpk/BrD7kRICsMFEugnd8FCWYXBBClhWYSSYT0cqM2In\n6Hrea5sh0I4/g7VNZpnZR7pl2qG6pLwUVOWoSJIx1RmXXR9Q4jIlh81tERco\npRDgHQowRnFWTHGRE7OoGtnkdvSs+j+UGVfLZa8aFA2zI5i1iAcSG9Nbf1yE\nseXamhl1J9HwTPJUjAN8cPz+K6OWpVlMr2IkX6SnsUd0RdA73sNB1yXJJVfP\nkpIGsx/kq8WkgmGhVc6t+HqlZJCipN5JD+0dvWBazB6SuYQk2VUY4CkCR69B\nKtwA/REI59lv7DtzULA0e2pF5jduGWk1/XHfaOHODqxVDrNYlf9iRwBiFwDr\nGCxYkGpmUi6Bwx+KYmgDp0HI9NdIYHGlEYztieDh2BpRUNUawDDJplFlNrRx\nnJgrkLxBbOGSLYCAv6xH+3L7wQqJNThh/aQNALGuspGTOVSm66GEvBDcvslN\nrWKUuty/TR80N+L7nVK4CVUsDRHewR+0o7PihBkYif6eemnZU1rHigH2dKGq\nMOam1cRcZEfH5YCEyb4WUFQSCnKXOJOc0IgwwhXsqZRUYwtzUPFujIL6Sv74\nSpQMTkXRWFbFmrremKkuBkXTns7xVQUKYJJqiJNhXRCS3vStKW/hbM0DNcU0\nA83W\r\n=7xqu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.bcdad99bb.0_1589858248033_0.3113528471789464","host":"s3://npm-registry-packages"}},"7.0.0-canary.4497b86ed.0":{"name":"@material/rtl","version":"7.0.0-canary.4497b86ed.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6e2ad82f457b80804486c2cf67f1a2574a6451a5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.4497b86ed.0.tgz","fileCount":11,"integrity":"sha512-H/8XmDMTN3BBx9sOsak1S2LzSKZETk7zWCRhFbqMnellPHomCTwu0t2LxKHXdnRXPjIB3KbGyk6EylsFLRErZw==","signatures":[{"sig":"MEUCIQDtOOUY/q1LcX9Op2lWlV/J7mjxmatQKid6Cgy0GrE5LQIgJpCNO5pJl8rC8Cadx7ugN00L4ox0Vxh3+wClSevtvx0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJew1d3CRA9TVsSAnZWagAAeIgP/3j4SJcvrqreyugYJy7e\nFxefIOr6oH48YUbP+LF5MvZcmQNEVfeTRgOIntrX0O/pRkNK/jJI9aW1Eisy\nJ2jmVjF88ddDowipuNdNT2mnrSXHkyRh1qSoIK6kg9Pif3N2dlhU/F7KEFTR\nZEwTtS7BAgpEJkfJjDlQLPKKSPFiIZB+KWpQkpeh3lSkmO5PMrKu66LcSWDz\n5TdPSgnT4+KWkToFD6YH8FS4lMX0rX8HsdDfH8n+iJUh0GBL8RDG3sByMWRe\nxwxfBRv+kYVrricGMpnG7or3b+j2/u6GXpR0U8AjfY/fvDxzQCHd2k4arBa3\nERcSxmY9ASRbo3NzvAoR0jZRNGMC61Z64cIuUx+cq1B4aV+OVrsw5dZbqna+\n71CyjXBQnttYOH54PvW9otLZUuWIc0spOsFik7GlbwvNDrE3XUB4Vvf7dGep\nJFQtt3z0HaXHVyAUy/P7WxFORBqjQSG4iklgvrEMG4MrbCcsJiCe8gjluij8\nQIeAB5Os7agEuEe+UsoAov610PDkecXWWXuaA3m4T+oQe58+UUEeeX0vDSSI\npofJ28Kw4g1eC9t2+r2xVHWepRgWL5J/0fuK3Y1YQobQiafVHoHB+z5UTFCs\nPT1XDcOvL7XV8hfj7XHY59yj/n55iDQdTSa42TKyLaStjB+DMrNPEZcxZwsw\nISCb\r\n=zNvM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.4497b86ed.0_1589860214897_0.9624542717608893","host":"s3://npm-registry-packages"}},"7.0.0-canary.2e60575da.0":{"name":"@material/rtl","version":"7.0.0-canary.2e60575da.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6b324f3e9f8f918a997e46442add9787e1cbd974","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.2e60575da.0.tgz","fileCount":11,"integrity":"sha512-iS+GPgYKUxWHEPXNzPvECYOuwieyecPaoUWG7iTt6+aBCQUEz/4QdFl1D0nKdEGWjUCPJ+rfkAcdBzH5Xyx6Yg==","signatures":[{"sig":"MEUCIQCSdxGAE45Xu1/LyJ/BzwGBnMy+KN7LZMy2mDYnBPqPCAIgAYKZVcqqR4oi0694jXmuUFF35Gl78fL1c2W/DIn+6QY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexASGCRA9TVsSAnZWagAAeuEQAIvbEVx64Ob6KoVDcFCl\nn74Ph0TpD4nrxby7ySDVsFlmAQ0uczEih82/KN0p9eHK8VxXG/SqgzVWOLez\n+n8ek8Y/mcc3s0YQnKzLM0RygUR3NHRWWvn3vwMCsz+Vt+vFw6esMqY7fWNi\n5/J+bzUsSCTqgyesCEoAibbl04t4MFsC9kqwz6Z8NRInkEepzjORiiNMgL9J\n1BlttlJj9mfW3KcFVlXruCA4DkwYGym7SpBzvI2qgfM9t18t3aKdioUApGap\nh/eyqF6BNbXTti2qiuhjtPPCCgX2cttLlwwef/fpTn2y3LUIaE5R+INZqib7\n9xTWnkuQPdigipaxuZjFCG4A4rkknXCmZ9cOJdJGlejxKISgGC7EF02bzlLj\nDlFZv2W5KJXA/+iVqCdtEnqJVguEy18txUWMQAKE9i4OaIXPfo9hFeWKGSuN\nCoKIVOQiXvPMZIB+NP9zqYfjXrKteStDqCTAPv0eybS3YCHu8QEU7/TFQihm\nwCMsoy/F4BO/iKH3d1vE/FHrRUbKbWEWk7323SUciuNf9qBofXunt7c9Qghc\nM5szoKe0RQsq7m7IFpc5axaGuhTJ8zFTihYUg7E8G8/z+QLE69otS0S6VvM3\ngV1JN4YIkURfaKbGn8Cou6z6On3g0mpFeBwcemfqi0/LYK0n9a56AGDYXu86\ndQcA\r\n=T4Tj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.2e60575da.0_1589904518343_0.9249825993180834","host":"s3://npm-registry-packages"}},"7.0.0-canary.e3eacefcc.0":{"name":"@material/rtl","version":"7.0.0-canary.e3eacefcc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7da648511c6855648c148f452320020885a18acd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.e3eacefcc.0.tgz","fileCount":11,"integrity":"sha512-qux8U63VTxNZcsurEnoi4Z1l6DHrBlqmSXzy2/cbNpbyZKRWq7/RUHsg/8NWz/xhb45OC55gFAif6F2n/ZHR4g==","signatures":[{"sig":"MEUCIF3r+zN9Gq6pvsGU61wf+EIgqthr3ZiE/THZ0LOTKEBRAiEAmpG67j2l6XtKOEBt6Yiq/cCpETghTbdFDpq3STkF4lk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexBlbCRA9TVsSAnZWagAAhvcP/RV6JJEh2/YSUxZO7fSk\nz3MmOTViJyhxCwyhsiJkQtAvmEPwxwIfTUlr+mEQNNjtkgUV/A3S8yESypfV\n5f+8Fc5p3nfz7TaHJc/33I8hTzn6JZ4yLhoTecmzTycD/QnE9tRzZ7+8yfVe\nJIWfdigk6lVF2muc8bE0JBDV+Y9oSXk3mM/7TqDPTDldPpjZT9gSoPVFy/eS\nP7JkMf6eIchXst54rj40vQ8SJ571V3JqADwWZuo0RDid5jkuJ6MsVaSItQ43\n1GKCWXZNIU7OIR+nouVr5cHR4XVFhu1vy0C9H5kFUbEA9cKfMcGunaVuAEj1\nIozFZiF/JJMlf2+jYOXQ7eZe7DZ+uiQY44RhleO4Am7+bHjS22jq5Dk7dGLo\n71uBIkS4H292OViXKcQvaGr7TeRUz7deAv6sbA0PdBcLjXDLPI5MJT+iaAda\nQcnCkXxOejJNl6PUnN0kBUPBFNVdOykmwy2niWsIeDjmi7L6lyhpTLX9UJGD\njurLBYlCfpQd8y4p34kjwBg15MJH4/22QdFEThj8w6vWjcIE3RwOEWzwwtbS\nnMibe/+2p2tprtqL/F6KnYsY/AqdnJa8bF/It/9vtSLAOd74ASKhy6JQa5HM\ncRkxX4mznK7Ey2CFeNgUChpzK7HTdsEa02fEyvbYfARuO7w9zvi6uWjn4r0z\nMj2Z\r\n=0IGO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.e3eacefcc.0_1589909850325_0.9530509735562507","host":"s3://npm-registry-packages"}},"7.0.0-canary.b065a4d2b.0":{"name":"@material/rtl","version":"7.0.0-canary.b065a4d2b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"95d58e4fd7df0fb41adb442252c0c15174062cf7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.b065a4d2b.0.tgz","fileCount":11,"integrity":"sha512-pL592Vc1BY3FHRVrzRMgqbqg5yoyOdk0tmfJbI8hot7qKxxgY+41taFxo3htsFZqAmQ1jSx+W0BwXtNhH+BR4w==","signatures":[{"sig":"MEUCICv6YkoqmJ1Y/ZGI0+Hm3r+AcMd63tpxi3qcNOCYW9pSAiEAySCIMYxcWSeH0sjbQclIjeybcjZXvJNtwMK185UxFKk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexUBICRA9TVsSAnZWagAAd7cP/0QEUihq4aqmTmWZQCx6\n1hRNeJC9BBRPApZ1rdLRqMV3SySOHUrRHswJd8C++WaPuKizsx8BmFZC7Due\ngfs45pqMcIqfuPXD2N9iostgwxQiX7ttI4uBMoNCB7K74ecRFXHM7TO/7b6y\nGYaTHVX+4nCpiP6W6EzgkHp6VYpEZgqlObozsLKILmZt5e2SDFoo3Pyaf6m8\n/FRFRxBJYHL2fOPW8TSZJGdtptER2c3prWsLVQ5cX4pewncu6pr6sZVtohJx\n3oCR31iWavphJ2QsXaG7tPhf0i7XIMUDb4kzl0LOFPZ4k8WZVT+T5lijYCWb\nCMfyRlbxbgsXfZm5cWrwOCuRngDDN4lFw4F9Y31cilokMIqyVDT8xE+dRV5F\nOtJdQsI+Y147BCAXDUTGohqTqRGwaiuLANmQ267/cCkoZmn408wJa2KT6wnQ\neuBFWhv55G2f4o1xyOTidRG2MquMF+nDPNKwCc/QZKxC5f5t3hq8A7OFFXPm\nWCg/eDz20t3fD9BgCKhQbrvf8cBsfjIgRw70ZvZUMuAGbmeDXooqkdgvuJdb\nf5sEnuzfii1pg/YoYunoWsRkqY3YORfTwPn0dlklbOJguzIU26z/1K6AFaoG\nkyughNtmYNQMkdgh2H8FPLScEpMz7SrETi4IzE19Y2oNazFoB4eS/oaHVhNP\n3o2S\r\n=Nibq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.b065a4d2b.0_1589985351947_0.14624749302365703","host":"s3://npm-registry-packages"}},"7.0.0-canary.4ebce8d78.0":{"name":"@material/rtl","version":"7.0.0-canary.4ebce8d78.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c5b43e06ff362c6fcd42e423f451676cc17db056","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.4ebce8d78.0.tgz","fileCount":11,"integrity":"sha512-cYvHziMSy0Y1VVtEmXRFR4QeO6/licW4Wu/JNghDoJvaYf1wWlXj/GmRaVgJrWsv9GpHX1ZjY3Rlx1R7nCi9FA==","signatures":[{"sig":"MEUCIQCGAn9PY63OvUKmUB9tS95rsEe1m/4UtyVTOg6arggHmAIgBDWuW2M99jLtUl1fSoN38mQFhI9E80xi37AkUuTZkAg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexZfvCRA9TVsSAnZWagAANXUP/jU5N0onfhpz5dH+n45m\npZkKuY48g462FTtRA2o+U780azKUlqnDMaBmFf6JeREC2vyPIXWb1dpkrIgL\nUGLlC4Ef8rkG4MPvmLmY5T5e4BzWHOg/iMrq2UdpUFqbAFrnuQiR66ew5rva\nsmeUQ10DqP6PZRV9yg6QoOGiWIKevL6jdnUU/4DZawLzHicOxoxpzh9fk58k\nhzBqvYH+P5LrjB0yqQhjRC3PSMjjGXNk75nJV+Xfpshnrhja9ZJDMtjM2aRo\njpQa8oh1PAwxlhBcqUjorMY5oRv1gkNVl/4yLIWy9mZcyNIyZ1I+UgvbsdvA\nxOkuN57kKnyNJGj1dNFhSMbzssBIHqP27pECsSnQ3LJQTEKn5Pl8qKgy/m+o\nNS8WK++wCku/CY19pdoJ6ECuCKoivnaDlOzuuhomrqq312AeKq1REkl05wi1\nswKWyfLYMrBg6oh6XIgsSrkcR4lagxSxRDXCbgg/46w1MshVDOAtQp6gyaKv\nnVBlu+1HdCWIoosSdFoFvS305PrsNIp89uZ+pTZkM9+iMSnCU6UOBgh5xZP6\nZqBOovg2pnDel/W5xdfo+vXBypcSvbpl5nhQwgtbPrgRGP2yLjvFPngWQ+Cv\nvIkO8Wg+WFxw5zrJrkwOm849jxK8jf1H/SuxxenH9hL5KN6lUkeC1+Ed98jT\nG9e6\r\n=lsEr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.4ebce8d78.0_1590007790504_0.14183048680201282","host":"s3://npm-registry-packages"}},"7.0.0-canary.b0fdca492.0":{"name":"@material/rtl","version":"7.0.0-canary.b0fdca492.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ebc26368f196dc3d446e6bd6ee8f2e0798065a08","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.b0fdca492.0.tgz","fileCount":11,"integrity":"sha512-y3KafgZq9yRRKZVWkUOgJpirobnZeQl46RgXTseP1VmQcvIraNO7TSyn97BnjiKx/LdEsO3zC85vK2eAuulxhA==","signatures":[{"sig":"MEUCIBNxVCr96ryG7CAkyDesHkvAFJ5+ZjPidyMvy6GjstmDAiEAsP6NGJkQt01lkkLE886gKhATZAJKB+pzp9yq0hsht58=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexbb1CRA9TVsSAnZWagAAGFcP+wVcrzgGDZaUgRq0qMwS\nwEC4axmG5t/F25K6m6sTvQf07jlMNEbiqtE4PcA0Z1VFfNmq+JZp8Loi2qHS\n32aJ5I6SHaLH9rz5qoEsj46jpC1xhgAwMcI/2UAosoBnYenVSVM9Ci1AkwVn\n11cHe4dZzq95doZfQOkqcVf56kOjiKh2C0uAN4y+quhKV3WxpY81W0XQSBj7\n+hUx5AU6pPPXuo9a39oGkdOitl6evXlqjmKfl3JypRRbA1UdyHYTyhdSxGXd\n4sS67x9bWADkU+cio6zcCtaEtiTJ2TBaT3+823/M0jJ0us14bw60Lv76iTTr\ntAQVelcuMDkTonAwY1fxVCHyzX/59iMk2UztBnXznePXjkBgA384j0h1CWxy\nDKo6QXUbo+Yce81xIzm+YnvsEM3LHSq2sucsuhavWH0/Tr/BR3uA73b9HRws\nz1DFcMiegsoyGnNv144yXbdMprJGpYvf6wvgb/OU0XcS9ux7PnGtXyDMUJ29\nZVQC4DdJIMfJP4zaMVFVwFvXFXhJ4Z8risQNtILx5HJpriq6QYtzObFkY/aX\noLqTRNdFxi21uvYlmFcC6I9kn/AAt2Aqq2oMDrLWFyaXGwuCPVLsdJgr0DJZ\npg2fSFSvYuTnm+pfkV2bPjRrCy0+yv5+G1akCNe48bgqEarzuotCI9oKNxU8\ndw8Q\r\n=32hr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.b0fdca492.0_1590015733007_0.8767162863731985","host":"s3://npm-registry-packages"}},"7.0.0-canary.c67667e8e.0":{"name":"@material/rtl","version":"7.0.0-canary.c67667e8e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3b96f0c7526f903734f802509eba1a3d2da241ee","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.c67667e8e.0.tgz","fileCount":11,"integrity":"sha512-mfdYUElVoQ6r3rSFYUEQML6VyCKm1V2TKIuvJOStFklGPr6OhOevLMH6Y0gYTRRGPnHQyG7rYVrQUKamYzHkYg==","signatures":[{"sig":"MEUCIQC9Q6uGSlA38YP6KVL9aIE8l6BH2FeD7B4aCHV2d+jDPgIgGR5aqAqX1z8+Z8bd8UHsOt1FKx+fpndv/ZBwYoVJSOc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexowsCRA9TVsSAnZWagAAuoIQAKJW3n+AdU68mrWdEwOV\naOtpX8EfTJu8r009JQeDposatFZa0CiycT5tciYTt2fcQ7AvpTnouteJ04Nv\nCqjPW1iupnQiKE6YFkE3MdBWhyVXY//0cFGqgWg0uvoV0QnhGTkOnktwoiP0\nL/+mS6JbFdJH+UzQwyMaFmj2Wb2eoTNipKLigoWv7ov7JFt4NDkEMJQbCl5Q\n60ahb9wkmJZw1NyX4N+tN9kQUBf3hXhig/1MQJpGZgKNZxAC6BhxkrLbkzA/\nQfpLdTzYiEnk7XM3WdVBWHaANUHJlmFn68xTzi5laMfYy+szvI7DO+P90fmV\nSuiPOTj69hM9sAElz4PowC2ZlPBPrO5tCHY/sjjqJ1dfOz1jftxyvSTq6EML\nAYPNQpejiGAsL0b0uVoJarpym3TQk+tNFrGLN1KMF7plwpooMWRz8qyaFczf\nSLGyYactf04B+z95luJYIkK9eNg55ZehIEJCI/84luOn373ekog58ZtNIw/9\ndlDWnn/dI0YWMmRkfCCB8R5/HsQxdi+/zBKre2bLGpZzzrJxnVMT47amIho7\nJj9XLm6+aoI9ziE1UMdtGQwXzf5mm09kKPO56BZv6Z7/J9x3oCL2gNYZ5SIN\nGdb4FDcJC3rYs/iJCWDM1cOZFHs+xS7N//V5Swxt9WZtfxpWN0Aj49GDcPN/\nrDyT\r\n=5mbu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.c67667e8e.0_1590070316107_0.2915810309939386","host":"s3://npm-registry-packages"}},"7.0.0-canary.62b5f37db.0":{"name":"@material/rtl","version":"7.0.0-canary.62b5f37db.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"338c75c41116df82ea685aacf43923d05283e8c7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.62b5f37db.0.tgz","fileCount":11,"integrity":"sha512-oPV5BbGm3HQ44bZ5px8eHLfzBbTTSt8z/32HdiTwMH1P9qu71npcFbgdqAT8ppRgMRqI5pGrS304eK0BYzK51w==","signatures":[{"sig":"MEUCIQDu7xyOVSWHAQrNAjQaYNf9wUNEeqZvTyg0nA+/xm50wQIgXJDV9n1cDucxPnifdMmyZovF41YiG2mTka0AKNU94ms=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexq8FCRA9TVsSAnZWagAA3EgP+wQ7sShenP89l+DAqrbI\nJvnvb8ZHAjCHq2J8Y2tgXL9g2Nb+uZeMbt5wqesfJLws6f95mwFxotyICOEO\nRfcd59qfSTrdZw8K2KhCizKeHSKcXa1pSRt63SwOK5GUDRMIWr08VduXXq19\nZc2nO8TiyIe1/PJ1gWXQV1X9AORFg+rkQEkCL3FaRYHNjN/PfulFKQuIgJux\n4izVYeRz/5Q0Y26dqKcmIMcKoXVvyKPH0FFX5wtNKTPsPcU3nWqAhzTOHGbH\nphsXJrWgTjrHqN04yCnVye7rEZRbVSFBJE+kyltmLNg6OjceqabYZtO2W3ve\ntpV58EXPk/aXcPPcO4r/UXPoiq4HMgVj287MlPMLKkBj37ea40tuQ04gwi7z\nS5/h6XNlgbQ+y0QxidCGpYB5b4J9tfY7nZg1DzTeGeunDtEorHEM5nJ3KEyx\nMRlFoYF1w3KhspHq9bSq1yTxv8sONPNM5SvhP6iELSmrFG+jnkQimhi22hLZ\nZulHPw6i3vVaBSdWz9XTuDsuaFR+o7eEsL0PzAv1EpMde82ipqFVHFEzZ6T9\neyigWITK69XHMMj8DSibkYOtFKo0H795Z46bwc14sq8Eg51piePlsun1n0aj\n0aSuYWQoYS5D3FBk/FbIwwGi9t0eJJAEqK0SX1nLS9Hxeq0o2vgH158pLEg1\ndtc8\r\n=+tEm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.62b5f37db.0_1590079236619_0.7752556919635427","host":"s3://npm-registry-packages"}},"7.0.0-canary.2e218dbf8.0":{"name":"@material/rtl","version":"7.0.0-canary.2e218dbf8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d021cb65dfe3d6a3f8fdf14e172065dedb603d44","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.2e218dbf8.0.tgz","fileCount":11,"integrity":"sha512-LeRlOKTcgEZaXe3xbProhLbsHsMbPdkfthAr+VMTkglBN0HL/dP5nCy1yWusAJn7UO8FbZfmk59nHGiK0qBdfg==","signatures":[{"sig":"MEQCICrZpc6fLcQXs/tRNdd0Ck0kyF6XXqWi/5DETM4nWsq7AiALexAvYYPJTC7abW30fRg9pwUHQ59Qy3gC1aNxBt+/Cg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrPrCRA9TVsSAnZWagAAFigP/0tEvhtoMmBxYbiTNDOu\nlhect4amkRikrAI5ARAcjRnkf3VMTmGqzLF5ow0U0UcdtpLdhpbTgwexhvUD\nagemlY1jRRBypZfN9J1ZVg8xodhz+u2/RP5FuxaEpX5iwhU/WoQ4eCnZ8e90\nQW+Wi4Fi9pJ+oYaLZHIXrlPDOjuTT+HhVioH+QqKF7Y4MZrMBdl+HgLdYWrJ\naQBBL779GwS91Q7lOqRyyo8i1780xWKImQFkrHR4WhCSXsIhgp0TEgQUUizz\nznWRE5eejP4cIWbgxtUW7D2w0fZ0u2zEf6BIw0iKDJ71OnZWADZlp9MrZVuU\nOTgSGtXLwIRU/IS01ovle9Jyr9bL2Cpohv269v/ua88NhKGM5vRHXQzN00Nu\nI9vD/VQWIQT5bdJbIzD0GXT3z95woTRjX1rItbnk0tYkYeNj8WNpYwv0yrGB\nQV1MSgWzAzBdqWDPOsoVx+JlKFVP4D63+pbgFyZWlxss1I6GuJPF0dIzPBg+\nrDRKEt+VWUgiBGDVznJ4t0lhhwlCulCkg0jhIve/LmaYaZ8NBVi82CV0PJic\n9Zx2Buk2BUuNIxpeT6BShDMdTz3tFpU1j+qbn0nK/lGzFVTlhXt1i+w1D+C3\nf/cdKFq9pTG/cYRLSxeWu7shTj+uwk3inLwE9QCim/nW7R/OSQEHXQ/ACuW5\nkJEb\r\n=WG1l\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.2e218dbf8.0_1590080490800_0.8393020124413821","host":"s3://npm-registry-packages"}},"7.0.0-canary.7fd792bb9.0":{"name":"@material/rtl","version":"7.0.0-canary.7fd792bb9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6051911ccdb544c7f667422f302a1e4d510cf866","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.7fd792bb9.0.tgz","fileCount":11,"integrity":"sha512-5Lmk86z/8J5aeMCy9IiFX1MaN1Wz+vFo0WABb7QB6Ablq7Zblahlfa7zj7goH5pqMEjvE7Mn3WwW8jLlf7eo0g==","signatures":[{"sig":"MEUCIDS7uhJF595IDkInz58IsAq/RSgwkVhijfPJgdPyDIS5AiEA5etZ+YXSV/EqtmgbXEgEx32VX2z+p8/01gmTKucwb5Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrbbCRA9TVsSAnZWagAAbR0P/39vaj5MNI3uwtvmPZrj\n02G/FXYgsOZgIjNY2uT2L91vfVdp0bz723XI/KcbQo9c+jDrLfkScate8BgU\nhPV705N4BUSTClYoA26D1RtbRm2PHIGo4nX16s5Be37hILFWuXcC9rKqOHE2\njWN3Mwp8zJiyN6v1dAchky8LSxNlmmh4rcwLYAKmY5Sacnx4SJuLiQLWMtJL\nDIDzz517Hr9pJ0ZC2JG2NucD4g7owSb5H171ltfXheE85GYiLEVSwFsvJzE5\nBMH4RXhb9+4qnMfg6W9psLd2vodR6INviWuNwFI0ZDxocQeebXOJ/81w7Lht\n4M18QRF5wgsjSUunSCLV8FDzH824Ekpi1vwQeF9x0lBPPWyCord9WhlP3s9E\ng8YEgcJh0vZnht8NEq9Lq33c1QsewEtlsWcAlB70q8mzvqA6zIsvHwraXcxx\nO3EM2fEiW9HPyyKIyPrBVSmpOKJiA1A6rGkTVGjBgyzSULcvVR7ISJHktm5N\nC4NtBHpbsZU0vkhK2yXvXDTAloDef4ZWqWcI5LikdJoUUKb2xH+kMJJxA6fW\nlNXNcjlRv9WKGOS8Qy0rW3qaEOKqna+S/RC/qYTAfDyDMfQQqjL/P8WY7WuE\n9xku5+kSekuXGe+TB/gvnG1r9z3UeC5DjPGCvMQmpgPTzX7Msu6Sa845Lh52\nUoFJ\r\n=tHEs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.7fd792bb9.0_1590081243191_0.10087722949081801","host":"s3://npm-registry-packages"}},"7.0.0-canary.a66493cd8.0":{"name":"@material/rtl","version":"7.0.0-canary.a66493cd8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8de6b83db6f1822daaf4096d1b54e3fd9322296f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.a66493cd8.0.tgz","fileCount":11,"integrity":"sha512-D1Iguk9FjbbJDJZCs8AkQ5NLtorwhBjhOX3dV7G0eTcMCdH/qfDsPi3qJwFZ7ghvpX5sehe8hhvD0id03TBghw==","signatures":[{"sig":"MEUCIQCDvUlYFpTmOX4WWdMMNq3kZpY/RfxAeEIYVOmBM8N4awIgF+RSJP+Fo3cgzeePHQKoN9cFj0jp533NNkSCdNMUM1I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrepCRA9TVsSAnZWagAA8OYP/jIsoHRHoyLnu59DGopz\ndlQyYqStdkglirEHcNfCs29yeQShsnpLd513zHkzNLcV3A9jW62hI9N0tvMK\nPNom6uG4PVxiZBk7z5snlnXvjAVWzKNrTZpqnkYXFF0Bsf5y+jcRJg0d8Vjf\nudmYbgY4NxUQdNl76JUlFHyWGywDBXL3NEgIIv+tTXx/OWP0y+PjsCO/kApt\n4W86lveggrn7C9hgmEgpWuOoeqhytPdgWArJqRap2ahcwP4n38lPfIBtT3jn\nrpM+zvpMkkAlXiJmkCelrnXcBeuB3XdSDU6OWEv4hG1SW5VoQJQNa/Dkv+Gd\n8g4/uvUIyfmqAn7ofnLI1ibqz+40yAviNBeqz0HgEZjFzDqU2nPcwW0YXoCP\noCyV1iQ2ZTZwGq8nEx7A9Om7YzwklxLreQj/bSuQ0O2CS2FYTO/5hS2nzScn\nT4cs66MMhyUvXNMzAPNyGr/61GNLIouLNphYzNc4QBBzk0oHbToibAGFDl8l\ne7k9fn6MhbCkB/ADauPMok94G0RbF/D7TFBPMsrOEGe4MDyIQSQlPLXKrduA\nGYRIvleYjg8oQDbbDYiFa2itU3GCdTPoKui8SBg8PL7AcBYSFzGOFi8XddUk\n2rYXhV2OaBNEI+f3xPVELvtLKM3tNPf7K8PRNOEFky2nJEEZhKggSvXZVAel\npKlo\r\n=CymO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.a66493cd8.0_1590081448681_0.11481405327693195","host":"s3://npm-registry-packages"}},"7.0.0-canary.da05f66e1.0":{"name":"@material/rtl","version":"7.0.0-canary.da05f66e1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4f7f195cef6e43db6654ea572cbe346f91abd181","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.da05f66e1.0.tgz","fileCount":11,"integrity":"sha512-9IU7W3JGAQc3ZL+cF/7qNWLV6FbiZEB5QguFD6UwSo+8uXRqTzBtLFM6Y933QwbaN0yHKsm9b0SNXHSTEDl7bw==","signatures":[{"sig":"MEUCIGpoiz/kseuRkg+lW7sK3D8Z77YxDb8sBLvcMUQDBGExAiEA5Kx6oGW/tj0uVsUyQsf90QGU47axvl0UP1XKey6zd4M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrgaCRA9TVsSAnZWagAAepwP/RH1Rn8tENH9N1xYmhnu\nTKKt/1dL1F15sYxNFUGAVdJ76NiXTszwiiqpL5SDg57Cf0bx/FlRodJQz/8M\ntHn95EM2fcGXFuC67jTx5WmFgDS1y6iLXboH0cocoC0fx4XhUAb0GI9RBxRC\ne2pT/Lj4GOuznqwgFWx2Y83kO1aZEqclV1rU5liTs4tyuwey9+UopgrtVdHd\nrVbomvU3l2fSh16YuaJWXnF9dtDrvEjdMOhWlK/DFvDmEqFZ+IrrNGn1XWvq\nc5UmCiW5VoBFjeQ0UMRD8/aC+fdoC38b3ZH9Ys1OjtiMl0B3rPmlKDr6NhT7\nZPcgxnHw8Lz+oJt+mw3ls72tFun3+5NiFVAQI7SZpH7xH2PEx3JgEwYJgMKh\n2xA6qxyMZBtLZtsLZiJ/+heJNCALtmw5Iu+/aMZJHZpESKwGkQynH0i6fV4V\ng0OhYFGRAivLjvqNjFW+O59dxImy8d+/Cl3pO74xzth6w/E7cxdQEhqjaDmr\n3IHq+gH7IutQduMIxrUxqR+K9WhTaveWFjSB/DAG2kgNxYeVJnNS6z607utY\ni2gcaJ+0Ub4RD7YKhgqBtBzdyNZ7EMOHwVKwk8zNTXKN51FYDq8aa4ub2EFj\n1uUC3pua4biJuno1MyJmv7OuvASAmimEIAf7QbVL2L8lSFEiB6IqbG7oTInd\nAwxe\r\n=/JTW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.da05f66e1.0_1590081561849_0.04406311202486801","host":"s3://npm-registry-packages"}},"7.0.0-canary.740860e78.0":{"name":"@material/rtl","version":"7.0.0-canary.740860e78.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b5232e914c067a2cf5dd80e030c2419643758a1e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.740860e78.0.tgz","fileCount":11,"integrity":"sha512-h3uLQNHKBu1ujBKqjOqilEfFgvo+VIpyVTY9uzVyT2BJBjB4Cu2ucm5iR7xFD1dOYlVowLb2SCT7UXuGur9y7w==","signatures":[{"sig":"MEUCID7+F9KkXUxzx3KGyIDhI68To5Uze8MBrQBfwlFQXEspAiEAp39YWBgKSbojl5W3Uqd3w1Xt1+f7cMXPLzojHayzBjg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrmtCRA9TVsSAnZWagAAYS0P/Rd6vMjLOxZ+C06QM0fR\n/TN0VSG5+Suv4bj6AaWJmfXgoudFG5ya7bXCK6Zqop6sQwjEwDOrUFxyNeZw\nizeOJHbj39tBShhRRcu83IghKD3LHouKFWci5wt7rSxv+d57RA3lkTzRcWWj\nBv3Qnn7agpQ/8B3tlwBYdRohpGbPR2Eik1nTp5pzRrCT89MsYvmaf50ZDbpa\nhx4QNKOZiFllZdF0jk7k7AdqKWTOpwuqQ4LEnxqpTURlcX93c83YgRLg8exX\ntrAeS28Tr+9M8z6tcS9TYih8Tp5PbT3h4RXDwmfSg7fkeiNTgHXj2HGVaO24\nEw0enKtOX3CGAiGrUtrF/IzjVUtgNZS5AigwjxZg0UstQNEuiGjs4e9d8iDc\nHDmNTsHiM2b2RdFAEm21YO1p8HaOE/lcC/B8ijw7YLUVw/8SvK+1zpGXnkj4\nqfJ3F7EVfXI0F+UcithzRlERDme9F4CBwIiDMXnLaX0PcGFdJiLpIYJjMuQn\n6KJU+O9Obsdgcp/7G98d4A11vrmQZPSSeVCoya1olVJRcB55OgyDrdTXq1HH\na3yyNW1RJu4DrGYiYdltb7WGh+Pj+Lf9s+u0UDsNlYMY3YOwhbKQboCDXk5F\nBNfY/HddqQdV5rMW+4bbJ7I3ui03eMBUuq96xdu/CWXmicwNzSSjYyIB/W4k\nK/DP\r\n=LEM+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.740860e78.0_1590081964845_0.9103853875277235","host":"s3://npm-registry-packages"}},"7.0.0-canary.5cea2610f.0":{"name":"@material/rtl","version":"7.0.0-canary.5cea2610f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0e60d55d221d5caf08fee67bf86027a50ceb1e1d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.5cea2610f.0.tgz","fileCount":11,"integrity":"sha512-y85em+jbQ2ubjHrpKdiHDhcA5L7f6GddzSOhQ22EZZktoKwsxGWsnG6MYCSLx29lCljGVbMcxUGvpDlCNgnYpg==","signatures":[{"sig":"MEYCIQDYI36xp6jOGD1l+nQ4hKc1TeWNokyxuZhcOYX5P+kfEAIhAKSgKNaUPaaNQYFmNohZsfainJ+EE6wYO+BDN/o4Veri","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrolCRA9TVsSAnZWagAALi8QAIEjFuyx38AcluFxvg0z\nH9kTrF19x8dFa29UmYz4mvyKPLrKEz/H0gNEJZi10j+J4Z9e9POPE3i85raE\nPAuHl6w+b7SMKSjibSSfI0/yoS13dBb4MBBA0nwSSVKoUI2ewbnYoV/NTikC\nGNvhnXyOo5dJ9yRWL9xkK6R4xG0G5WXHbuE5OIXOxabv1ck17pBkHLF9X7ku\nsytmJTUIBDUUnX7Svr/obM2meqPRSXY+3V69ezzTHYUY5VjAXLj/6rHVQxdH\nhAlxcWUqhKqTJC7iPTKNFy73pnVA+X3UDZfwcvcBc4jF4cOe/SuglVMwIek8\nPaY4X5WN2vHIRgVwVe1nPTa5slTJmE3kuR3YDsVsBxkAcTt6SkQtLmREK2jB\nTl+I6uxvF7cheRbyh1VqLRPisK/FpJ/HhA4BGHaMRf7hG0N7mHaChPfxMYhG\nWdgvzpJwF8hKhGUdMuMpM1/sWLLt0HbASGe971k3IwOZoGXnJ64pEUfLMfV3\nULHoE0ci3y63BAMYWVcJJu7u3/3ggBTYPxgmFhTxbJewTYKWyy0y+FIzRp/s\ndj9eI49O2Hes0ziwfe6ydEZGdxBc0RmPFBbwpwLI2Vid/r+0UiNT3XCRnvxd\ngqfgnf3aURe1OZaf8HH2wi0xg+ZN0bhX+nXwMSkDxSgxqLZAU+KNwnk1adLj\nB1wO\r\n=oBd4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.5cea2610f.0_1590082085425_0.5655582168104383","host":"s3://npm-registry-packages"}},"7.0.0-canary.cf7747ef7.0":{"name":"@material/rtl","version":"7.0.0-canary.cf7747ef7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"26068fb3bf22dee7d4f8f963a6b37516addc8cde","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.cf7747ef7.0.tgz","fileCount":11,"integrity":"sha512-qICE/p16vhziXiW0rP0BI8sSPIwWm3iB+f2g/9sV4LmKPf4mSWN2TOXHG576M6k3sUYZGIeovazl1nVXag6yEg==","signatures":[{"sig":"MEUCIEtsr7WOWqLr/nk+pEEbefc03axrocZg31lakZy+fqEvAiEAvEfVpxqk32wcsk3IlbkKYP7SURqRCqUYgKskoMGtPts=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexro5CRA9TVsSAnZWagAAEYwP/2Tv7k+aPDFLpEuWZ8wl\nfGn+T4vhaPNpz0yNSArnhA+ncONmeh/+LDHfseUSlcnFwrAhCEJN57jdxByE\npof8Qz/nkhsxFkqysO3ctruvUfb3x2BSY+03/tr8ZLLqsyClYujDN37jyGLT\nPCWyHSPKtGr0S0V52r7F4s8m1sVVyLXJSMje/1CwK5a0J+LXDAnFAcWv5evY\nVIn6V8hHnr/kV7eyQAMZE44W+4JAEwLIsK8gZWYUB2br/ZwaQOKPW5vCo4dx\nrewx9u2iWlPQVgWLRUnBnZy8RzKgvq6utPPgMu9QeAceh119rkbMw5Jmih75\nG1x/vkcL+CxQ7+8izvAWFj5OxFgFXdrpVALm1re3rdj+fzjFUTMbR9XT8Ked\npb2gS9wgV/yQzsQSrNhP+Egzu43Us/+IXQwBSNeyq4x1q6+f5DIhO1OXzRdv\n7p7b2rd1k92N1vAwDS4PH5g7hlXgPn58BkIBBwPlcN5BrE9Btcc8UnJDS5xq\nN2k6s0/zVXBTdbDJImwtwntZBqD6kmmjqUrt6pLJcQRrzJD1mgJSHzCvvXUA\nbQCG2w7pLj9XkFplUCXJ9lid984TGPMUirGwxnSEMCK0VAOd8A+ptAsoC8t2\n/FRBWSCLyIyRNopmlqDqBNmEo0IOvLZrT39WRADtJnd7kDXFzabZ9h9un2gB\nSanO\r\n=PJco\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.cf7747ef7.0_1590082104810_0.493418667083811","host":"s3://npm-registry-packages"}},"7.0.0-canary.862d0d7bc.0":{"name":"@material/rtl","version":"7.0.0-canary.862d0d7bc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3aa92ee285a836f4e291406a3875d7d8de122fa5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.862d0d7bc.0.tgz","fileCount":11,"integrity":"sha512-HsfPe4FeRFWiHD5qcyxm+endIDZDw0AuVCrvDLyI6FE4TClReeAt31qVBK5SS9+smnvGE2xdHca1p3ihV26ORw==","signatures":[{"sig":"MEUCIQC5uB7Ju7CFdKlSnHOCtM+fdlSXATrI81t1ly1bKsGwGgIgVlYgwHw2W7GeyT4iAufSoN72kLGsslHsa6AIAT6E0Z0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexrraCRA9TVsSAnZWagAACiIP/jf9BDEIVrbEja3jGXBI\njGuxtFexfTgvLMJjXV1mlc9fXdieQRl2feH4DbLvr1YVJk0S4FUfSrghhatK\nhy76lqFuHsSyA+GmehRyNCvPfU1URdqf7v0tnthlK0X4qsqozKkxoT49jLXx\njhD3VTnPYllnjLO13aQjWGpz/JNGEJIkFqjBmm/LwF+Dp9VZWZP8wERJMUMg\nsP5dUf6j1Ke/30PJ3k1AWd1L1m07BQC/IFUjui6U+tyVwMO+akOPk6QMik4r\nJc0nSUcWcqjDmpxKlIHtMMNkOwpotmvcoVgjlJiPSI4AElVFItUD1o3Rtd+b\nPUO/ekPmdHKPOvzs0I3bOZ59uGGQ0UQ7QfE/ogmKCGfs2iAIgxbZ4a/9y3ro\nkwsmgmELy1+dwqSQWyio3oK3FDV52kVebGEVqUUFW7EnSZMorvqKjfVdxNeW\nuS3d53wgvHzbavjzLxFed19cP/uLtJHVD+H5uryWJD6xkwOVDzzKENyNwsEp\nj2UkDEeaEYvvwV8kCaeFDNya8GB4ckQ8rqV6RbhSfB4JcHUDmXahSoqw2ilQ\njAjJ61FSevT6WMaWVsAGo+Q8TTZLTwDdebhq/ZVNueo4Nbe+5HUpVEwwoCFw\n/ZadGQ50j2rok2koCwanL2iJn0kG9j/Syl3Y4dvDCChCjOTsNn3Xpbm1hZud\n2/Tz\r\n=+0fo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.862d0d7bc.0_1590082265831_0.5031257060152559","host":"s3://npm-registry-packages"}},"7.0.0-canary.0008c8a91.0":{"name":"@material/rtl","version":"7.0.0-canary.0008c8a91.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4bad9d81f6c0c2b29b50eae27713badcfe4c6e16","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.0008c8a91.0.tgz","fileCount":11,"integrity":"sha512-6V2YaMyhQPlJSWHx4DQEAE/LlTemP6DZgTQCXPq9TSU7BkRCKjHRzfE4L4HTgAW+knNGkCZeUxbp0/KBLYXGGg==","signatures":[{"sig":"MEYCIQCLIYmRQeP95ga3M1ZrnwTNkcOZVkWAaRcOGS+ea1S7tAIhANrMFzXhqLVqvE/jcL6cdpM+F0ZR2dlpUto6q2KMceEw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJextdSCRA9TVsSAnZWagAAQ+YP/iTDsJEiKrOetBZ3TXeU\ngOF90ptm+z2Mk5+HVwXWY81O1dY3zL3XUbGhkx/sQFbldu5uQXWFNvajQhE7\n42laRAOGwuTvrCW9/5zsNh1cJBFsKalMs8Zw/Ce8VEIvlGMmwz7gswcijoHf\nKnZWsPOTLPDlPKN0FNEcQpBp86xnenucyTlW84dWBVcuj1YVEePvZhq9mCJt\nGo6feF4CdTtU/iPE7m6b7r299zymaDIWUyOk7CQua+mM1Hu7FZaLnBcqxFh9\nDjknsBT5W39PkcXdrPtzeGHZswOVmKCpyTqZazAnBggjh370GFkoh642u/7A\ncWsD+RKVnTchZrrMQ6/cSutmWcWRb62iIussjXXoZlk4tOPmbWVXmcmbnUHx\n6/Qy3WN4hWjxLEWyyM2VbMB3ybrIlXDuhSquyN5kIcpGNhes6yjeIhIwXFvF\n4yxcFT5umK0sWD/90nViAJ0E/LmOOKAJE01adXTE5wJ8dgCyXLCFq/IfOE3a\nU4QvYa5FeMPk908DYTVn98Rh9qMuuE+irqQXuOHUOW6nWMseoVmCSLBuQDqA\nvZrm3iZQSETXJLH9ATqD1Cs5hwQ4C4l08tq1Mkwxu0/+SJuQu3v+/zbvBsqj\nMbjySKTV9tqPXOnzxB/evrjxYv5vAye7fx8eBfcwUN2KYAjh41iiETgIGjpZ\n8p32\r\n=Pp/A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.0008c8a91.0_1590089554141_0.876812349893197","host":"s3://npm-registry-packages"}},"7.0.0-canary.541638fa2.0":{"name":"@material/rtl","version":"7.0.0-canary.541638fa2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7257f551a3ca89b239325f924a21268fb78777f8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.541638fa2.0.tgz","fileCount":11,"integrity":"sha512-aw8DN4WHEBrCpc5jbZwpbcRdadt3b5s9KMFaPCGvUHOpNaaAd01K9acydEZ3cew1PjG0v7E2RMb6Ndpv8nMlvQ==","signatures":[{"sig":"MEQCIDGmMMTeBoz+ahAGBWVNhGTZPcaPMHM1sFltuRLSFCsTAiBH0473fqC794a2o5b1aqnCL0MZaNN3iUylAxzAJHQeqA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJextrSCRA9TVsSAnZWagAAze4P/0VBJmHaYKeREJgZNXHJ\nl0VHwVZXoLv13E6f7AE1GaYtbMD52vJxy/44bRiSAixNfZpeD1xiyHUaYX2n\nd/QvGtuY4pjMGSbYkwXORXhPATj4AJUNgA5OrTJvOz5z59CNRMn/kAjQ2O+X\n36tT2u0Jqt6PeUhsxkRqVehgjQ3605IBqmYcY3uH1Y6BpzjuSOvlcpWGMHsN\n3VWcfh8LZFwrELcswu8KnSEIR3/RtL98SpFAPts0yAjWj9Hyeu2DJxwBYwOJ\nrPOPuLOHpdsXLnlkveU4RRSz4G6jbfTqV1BYmlbP4tvECYv1EKk4Lfe39sJm\n5tW4IJdTqf0kaKB2Cz04XUkf0p4ZH4h2qVYGK4+0oly5Fbo7dQVFuFM2Vvhz\nGtmxG7O7ELn+/zSJ7otR6vZHpJcgOXpTuYUlpOGOmJjyzbEPhM7UQ0JyWCqL\ntyJfmrY9ZUY0pGqb6aaNdvhg6TkmX8M1OwTeWJWlyQ8u0LdA/kpZyaZidcaA\nMDJHtIeDncnGpethloZCaM0M49AI8nas8SLsYiGeb1241xQO9OXmlM5CKxcd\nEP8Vcj32moEikYhyInHnE9yHBEZmBGexhzS8C2XbdnUU5VNilCkVGUEeigYi\n12NjgaRRPnetjXW8LYRRPCFwjuRqxbdmv9C9et9+TSgEEK0gzudaErJ89Ux0\ntzbR\r\n=3V6U\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.541638fa2.0_1590090449884_0.9618156306829426","host":"s3://npm-registry-packages"}},"7.0.0-canary.6167cd075.0":{"name":"@material/rtl","version":"7.0.0-canary.6167cd075.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b91bb5e8b68bf18f3d7ef764d9ca2c34b21d324c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.6167cd075.0.tgz","fileCount":11,"integrity":"sha512-CE2dd5510LuA+9yqDP+OShCv7lVssvOjQGhZQoob5FsAMUxCKoZ4xRPXN6QbgbVfGeNLk+xbrFZVHgME/ew2WQ==","signatures":[{"sig":"MEUCIQCl05FTOlE+/h7zqCUTLIqQnYGWc+iVpdx+98HZCCD+BgIgeWMBx3LB4DMrZKwLpjH2rdDc9WbaYeXbZPWqx8jOUNs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexuKKCRA9TVsSAnZWagAA2GkP/iAuqIH8cEFJ2C6xZvwI\nYWf0xaHJSAaWiChQi4j6js/ssvvyTVII9HA2ToT2Bcaqn9dPDP3bRwhr+GBk\nDu26r4CCngidM1to5JbiPEGTDoZvTp61evUt5i4GznO9cLFyb1jnFzOw7/9Z\nlvUCpxb1+TF88MmkQRYRKgQ3cvUrH0vsVC3nzjOHPHZYJIBIbkan60Xo3FE7\nXilOI63EyBxBGlfgwxiXLPIREnPD1IdMuGGGnn0IqP7wDbyW9FsFBSoi6C73\n2BXi+F8hS9k/lHeZuy4bItOck4hwlQ0RPjbMdk6yBvQsq+bqR4ipOny3ZigV\ni0p2GXscXx/6lCni+ehZkAoDa6RiSMfdHQCY2qN6ZnwQbvTHYVwTcvhLnNdu\nWDima/WyN6mwSWyryjhmbeuwMXpyGl2/gFMF3Eps1SMtKNzFMp5FNVF9T80G\nHUeyPALcv1szNo8wKTPmzxK7Dbi3rzoSvKUVo+yT93tXYjll9mRHWAXZv15/\nOih0UHwDAB7tD4TQpwSM2xnvarr5vyPil+qYy6AyaZgIJSiOyN+mjYulPKUq\nNfGg5D5v22PX8qM7UIkLw1x0Ybv+vvxmAd/wMT0bcDrU5Tnbgv99CRN+miwo\njlnFR+guN4b0EVfJBR7wt9xV/s20e1ySF3n4L/Ro0m+piu2wMGVy3z6wTWkT\nou3A\r\n=70ih\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.6167cd075.0_1590092426010_0.3477213198049718","host":"s3://npm-registry-packages"}},"7.0.0-canary.863ac1b0f.0":{"name":"@material/rtl","version":"7.0.0-canary.863ac1b0f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8112e99c6a0d9448ef0541181d2dea652794088f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.863ac1b0f.0.tgz","fileCount":11,"integrity":"sha512-81R78Ol13BSFIcCLLO7zIvbw9rI95B/1w1Ku3ldO4DDf7qCO6GBK7R/wQx7mAza1j20ZsU4XXrZdgqVRS9ZbaA==","signatures":[{"sig":"MEUCIQCriNNhn83kE6RCdmArtm4q1crIQtQ6BbL4k0ELIfMCvAIgH2nWWPWOIkm/OIE7HBSDDun3Ji8tM1vLx2aXla8n1MU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexuuZCRA9TVsSAnZWagAAGuEP/jbP00uYM4ARQYO+lvqg\nyc+Ue3k2tW1k+Y6igkd4SW+dLICXGodfu4zNZytepckqU3YrvRJ/oB2yT4h+\nEubM2kbe4XOmtKPu4gMMuCSwf5j22E25A1Gg39bXDRrv+wz8r81gKHTrKGBh\nybu6QvKNuIVmuO3B0MM9dUXehDfPdkxNOxTveTLD4TUt3wq837jNQKZdW6mF\n6NRGEK1AezPPZ0Pwx7yevgVMNFVbu5EnX4I5n4Klg2erSk7OtGTFcZN6vpeo\n69rescbYHi5g3EpeQr4Khxab69lWjaW7rLwoQz+IHg6AbJ4zrzovaLw5OXyj\nOYQMvgC/1XDAXhn+aNOiG5JOYG7t5wl/iH4jIvQli0/21k+nONMKSosAdLBF\nJ+XFrWj9JnwlILXNORmFY3gYz1c+YfjZEpuW64ISnPD35u5nEdwPnwahHzR+\nzbEGG9zWOk7xaO7pFlfoEvMzRJbgiZyhe7kFWZqoLmrnHYjyVdbmVOCzEfqV\nbkamNUui109V7Tcr4sydOlvDmdQWIarzWWr2rRsxhb3DbzvJE5/IERWy1PEL\nqQAC49T5aQ8Oa6ykZLSXsqF5GGSIIld7QBbIW2ebHtMJ1BIdlamApwqbp+O9\nStWiB9GPB1qZ6NBA3VXTiuQlowrIez0XlNHpzfw/ca0Zv6Je95dB6TZW6Xsi\nL48V\r\n=7O8F\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.863ac1b0f.0_1590094744745_0.6362351373838906","host":"s3://npm-registry-packages"}},"7.0.0-canary.d30a214ac.0":{"name":"@material/rtl","version":"7.0.0-canary.d30a214ac.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7cfb814f9ca98df46dac1be13ef4971d649adaab","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.d30a214ac.0.tgz","fileCount":11,"integrity":"sha512-d/fEXsdQG4TdHJvODFyBNJEv92BActHOGzFYyUsjJWhoIc7qIxEpQscet9GCF7B7JkcUkeVVDD/NGH/g5vUr2Q==","signatures":[{"sig":"MEUCIQCPYPoEWrwFPUSyXJbRBIaH8cNqsB5Ers1G8r2JvNBzWQIgTkRlckBZ2fqmLTvz34wq1U9NMViKUTeq/DSmaTaal+4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexuyUCRA9TVsSAnZWagAAgZcQAJCcS5L+cRdkqarkiPmy\nlh9Lm9vrfRCpvZfoc4RAdKuLmjo3HuG6M3x469rBScshEjqyOu3LERjSZ7zP\nG2XxnZUuITgOZ2/Bqifo3d28fQu/uObhH9vfL0vym1wKR5oxFuNXqDSkyQJW\n0SuVAqaBDgHxiyaWnpS8/3cXqy3H3ySpwoj+u2393Yhd1XJW2+0aDWzdKjl4\nK4zXydXkg6m1+D61VlRYp4Ag6jZBykXuXoRsYm5RdjSFhFkACEmuIXXLmDsm\nildASywypKOksto7Pp168pdAEQvjz3QXflbIx3xqMBNqye8DQpp1o0GzwBre\nNX7BJwgrOCddBkP+4UHzdIsqrBz3CxygmPYQ0fkDOw6Dvix96/N33aiCpS41\nPvzBv5nSJcEhBm+py0JwJauDp5sr78TQlzRa9TKkBy0Q858SbNR1u17bnzVi\niwcqitFEZ+UsebTp1qo0E2txvq5b2O+aaKKnnpsCBN2ffLUCiWF2gLXakWlM\nsmteCY8NjT9Foml6cxSW1pC6G+3JLuiR49mNW02Mz2h0koeqSaVvnIt33rJO\nCFWXIYW66Fsze+w85AVY9BIpzadTNVwkcMQe2DSUTsfwvMF7v1XhxeIILy+f\nCr5Isuj3ZFqO0ohw9EUdnR1BK8Dz3CF7HAdogdf7prh1Kv8kbF7cW2IbjYBs\n3axh\r\n=rmn6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.d30a214ac.0_1590094995911_0.31878681055535085","host":"s3://npm-registry-packages"}},"7.0.0-canary.62abbc8d7.0":{"name":"@material/rtl","version":"7.0.0-canary.62abbc8d7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b13af318a072cec15e26a7c13595420d98fe92af","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.62abbc8d7.0.tgz","fileCount":11,"integrity":"sha512-u/GDYGf/I0jAX556vZOO1H0xaKZ+cnm9mGu2/GnIO3nFRXnEnHn+OMaACnXGurBb6PLkUrS0lv1D4cgrzRp5hA==","signatures":[{"sig":"MEYCIQDsaWlgBfXSz2zHcBQruemGhWNtjz6g7One2nzoLZUINwIhAOghP5OO2NBYCoIIKvzz1LMGpgfxUUjwPbkBw4o54ysI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexvJjCRA9TVsSAnZWagAAq3sP/jGwd8Ko+XKgu6A+r7NY\nEx1VmN/1eJXsINzXjSX0GAq+Lh2W3jO4c5eQSKRNseV5jIPSUpPmlMoZlekd\nW8/fr/5gsFxtWLaLOrbmo4mFH+GTKyhpSa/yXOUL56T/HP4jLdBphS1RD8Ly\n6Y1nOf+GZnv61o5QO3kO8eQppgxh92ubcyW5kwVn+vOVOzcnN+QpFnA0NZy0\nfGiCmVXz1zljUkNCG3qr3pv4FI8NjvBx6xSGQMqN8zMivdwTbvMU09prhmR8\nGIifsJBAYAUn9OaZCneNDuLU4oBUUYYepR0OSmQe0GSFg10RKEiw9g21+51h\nWLUgT+fNzS5jrDCpzF40T22eMMCRHiYkwoVXUpyjTLcGgQCKXn7Lll0Kngsg\nEFWUhK7JfKyqdgMN17WM/pxK+JO6lmI/Gdbk8K1AuJ5lwPVKzRZnHwyQ46Pm\nRrYPuy1ZwVcoiRb+PAK6Yx7pS8115rC2/sDIz6t29sfN0az+TlEoonHByzLH\n+REqpcqTksO2KV6JiQE3XNw56tSDH8OhOKKNux79OH1V5dhYpMBVvusMIRJt\nDZ5d5OSHFiTEanb8ZQnv8HYuHMrOUnibkkTWC7tW1hlNMuUVPbTPx9v+2P4E\nf/pzgRuP6J1zJkMI+jdU2YA0087dNtaD8R9n90CiwnPcryKkpQo9OuNT8IVD\nmOG8\r\n=U4lg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.62abbc8d7.0_1590096483171_0.40848098636841335","host":"s3://npm-registry-packages"}},"7.0.0-canary.49bf31d5c.0":{"name":"@material/rtl","version":"7.0.0-canary.49bf31d5c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f19b78b28505892a6c0dc43a72cd3778324e0149","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.49bf31d5c.0.tgz","fileCount":11,"integrity":"sha512-i5fDnLDlZ88mevIvh6Ap3jxvduE2Ok7qWfq6BX6f6lEqGgMODyGUVRpvLCxofjbdhPhtZcbteogaJZ+emGLGHQ==","signatures":[{"sig":"MEUCIHzTme31yO6Pwkdy+OclmWm1UEPLUxtHpTcyVyp6Gj9pAiEAxDZy7Q3FtfCGtsa9cbgK4P/jkoSjVBF874TZ8FsYXfs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexvMqCRA9TVsSAnZWagAAtIoP/A5DDVju5yEidBDUgaO0\nOmERpXi2zWeIQULob3En0L2CTPflBJb9TYzU5H+Y+weeQdN7L16ysz6IFZcq\nF3NmUymg6qr8064ez6xDq/9MieW2KJzvr6vtI0Fn5J6ov4dStaT9/aKOGvHr\nQkPJqW2Z9aTwMqTtQoKdApim8vdNT5yq+wD/2nhdzPrRf93r9Aoebu7c6ENx\n5oTtV9WnUXG2NhgakrE396pgGzaoY3TTLpr5PYpeMDszIB17dT41TIGHGxOq\nVxqVBuVN6dkCrNr/Jp1AY3gyPm28h6saiBe7hFLrCKrLE5nY862atA4EoRvK\nBbvZBKJlfrxLDU4Xk+X28Jp3xINwtFC6On7EGO0+34o0HDB05nwdcO0KFMdP\nuErT4lQc2/FaYqgmc9zr3+36J7F/OQYAcu11ZZ1tGr52J8TQDaXbQEBiRd+Z\nNqvlWPY5QR1CoH32glIWOwd2KUyxanVIorOfH2N2+J46E9bsxOkAnW2TODRm\nNWBBYa33xmoOXKWKpJjFKytzqKGL2CIv8YpQZEK0LwbMv8X4y7GPHH59wx9T\nE69UAZn49HJ0tF628SWbEVhxXc6dEc5MqK4OIMEba47mLgvMy6fqGuvB4Agl\no9Q3XpMGcP0nE2geuj+S7ulqG/YnwpvqnFewYRBGcYtUhLPLHR+F5PyrzOXr\nsNxL\r\n=SwSR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.49bf31d5c.0_1590096681925_0.525233492405383","host":"s3://npm-registry-packages"}},"7.0.0-canary.8e17857d0.0":{"name":"@material/rtl","version":"7.0.0-canary.8e17857d0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ff92cc3704d1031348dcdd24328dc7ec49f312fd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.8e17857d0.0.tgz","fileCount":11,"integrity":"sha512-kqG2IzWxTdiv0PNfBPFsbuSBwYH/cAhiH82Si90zBPHfvwSxS36EXga5XFxxwjOHPoMeXMG2LUUoXYN1K8MbjQ==","signatures":[{"sig":"MEUCIQCFAa06skfl+90m5xHwhsdL7fHInwckMi/gwIYlf9ETnQIgBXyYiT38Lt+K0RPOvyEE9OEqUoN0xvKwvHu/UmRxwAM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexvNfCRA9TVsSAnZWagAARUcP/RH3ltWr58ARBvA3Jm2K\nvAPzCLwYmpqGM0EBMk3jZWAyxfP+s/VCsvdkShyvIQlpDX+TBTay+8Pfol35\nF0jkZAuAvZTXrNekNafWy1Z10Jeby0CI6WezO4r2ywuI2zOYJsgraIhVpHsv\nQmsDiy8VkUnRj5/dtzl9ChCJmOqT2r3m/Slf/Rqa2a8eyWlnlKzbsJKVkS40\niVaE1JmuSKu5lB7rnRKR73w2gPYibgDejmYasqFnP1CUiaGgkUxkU/krDHrQ\nAtDW3FPzjh/3vsURsyFIcN+gyC6TpQXqhYqluJkeqKOoA+qtUjBgaKy2Dn0h\n4p53olqDVbZmOZG9UW5HEhv+LbN+m0lvVNVnOOlK/lVCJahro2NyuUdJKypb\nKYwcrxM24b6+jRPRDNVAolsn3ROA3rUf3UrchaA53gFlgN0j1pVamIOtm40i\nb9YxZXHH5bgXrm5UlMXHB0PELDotLU+gw7blBvvSBvaE6/faVds360C1eo14\najcZHg9JHgmagXbVz/mRHynkADhV+fCchXaAw38ivFsuVyBht1KlBkzjn3rC\nM+GBX6iUFLC1FHDWPY5Ks1+NgoaFg6YSXkdES1iJbaB2W3uEc11zII4nwBan\now3BuH+XPVjzwZ8PONX2Y+xTqutBaE1IUfcs1tvI0lOQ27VuAfMNdydowPp0\nP6Vb\r\n=oXx/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.8e17857d0.0_1590096735213_0.5917441655893962","host":"s3://npm-registry-packages"}},"7.0.0-canary.c113fc942.0":{"name":"@material/rtl","version":"7.0.0-canary.c113fc942.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2d367585fa9518d7f1a66e284df4e317b4932e47","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.c113fc942.0.tgz","fileCount":11,"integrity":"sha512-6HJXTOgn/bCqn5ChWB6s7Amwozoogl9xzoLP6K8krhHmfIheeaQnaTuzSi9I1BHixVwZy2oP0bov7YYj506sYQ==","signatures":[{"sig":"MEYCIQD3kJqSGbOFv6X7rHXq/wBztKCN/Io6wZn74Kag2QhsRAIhANUvxCQeVxlk9z+miZpK6dK15jXHmS4ruHwG9YZAhp9U","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexwSdCRA9TVsSAnZWagAAWY8P/1nRtBdN3Y9cIrkzOose\nULNoJDBaYtDnnHHnhvtnI+QFtCoqVgRCbd7/Oe6IhIyeBD8+wQK51UPpT3WX\nkbG6SQINcK1JjTISBKtudE0f1plKdfbZBKaZKPR+Xw6+el8D392Ho8kOrDSD\nqfoPPxp2au1kgXkQIKkFiIxC0swJB85z+Lq1mgJYb9ShF5FyFKZW2HPamOyq\nTwkhgZC30q7zsOObpX/iBpTZeFAHr3KiaTsmq2tXLPBfBOvGAdsHmVbGudFz\nCrl6BDLcz1UjflKVVS918gjN84l5uX82uGer7P6X3j2tFlpdzvj+nb2PaDcd\nE8TH8vR3w+2v/T3mCglX0V1d1c+fV2mHbhScYHJef5njffv7NxJnAHx/tKxs\nkvJC6rFfhvpJag5iVUAluXdrJbZ0TPGa0imPcttS6lfcF8YUiwD2FjIngLM+\nfJfc1Sgx2oKgTQozMny77IbkYEYCVsmATykUXpIz9+PzHd+9uiekrMPkdp5a\n0g9qxD2PfJf++GHdv0FrbynpZBKh36wo1AhjMshcYUImYDjp6+OiUZgBxkqS\nJz63h38Oz6jUzEv1gwMhx+/Ejypt9IL4LT+b7IZgNvu4Gy02O+cO0qPkbeOL\n1yoKN4p9KcRWQaxO3aqQFBc1aUY5xqUptAGj/bGbWGI1ojvx3jYLAk8k39X/\nfZh0\r\n=WY02\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.c113fc942.0_1590101148908_0.09869255110976005","host":"s3://npm-registry-packages"}},"7.0.0-canary.912d9021d.0":{"name":"@material/rtl","version":"7.0.0-canary.912d9021d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"853a0f2b6f11cb4d3dac7ca347506a01a0f7e56b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.912d9021d.0.tgz","fileCount":11,"integrity":"sha512-pQg1RsuNR9QJ0lewtkfvZz94cdyWQLQKAj6DM7D6+5CUCsaMIIv85Pjxz7bGpRZoc7fB2tTOHiMvL013rUeF1g==","signatures":[{"sig":"MEUCIDo8qXWAYuLtYehiHu7OkUKn/Q4zS1v5alHCKBP555c7AiEAgsFVBmV99PCMRkpss1SiAFuL0DhEx3GKNXzfOHE9cSE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezWOZCRA9TVsSAnZWagAAYAIP/0IUx7lKczEljkm9frO3\nZrNam6EYqS58ELRNGU3iaxCgEc+11MhxyuDzRF8ixjPvSGo+6Y55FtPi0N2V\nEQe7C1ynhulvF+6VDqE3NH/dMKehucD7H0QVrOf7QLrI7V9kR0tVgvddzhJ6\nxVCYLpIzuLet2R+sEZPtnmi4X8Yz0WiBXPDv253eGpoQG+PIUg4iHhhUrEKL\nBxd5b9Eh+jrPWYGTCJZCUxOnYkqInY8oVkc+WlQKt0xsx/i9Y4h2lFF4koal\nRANbloUeOY6axITKHf8802S+EDKMfwRZiknRSk3OnKd6XZsz2s/6CZv/TzCr\ndRfCEIklnIMZpBlKWowNQZGfgX1Efus6IhEG9Y7WWktEwakIAgvbKu9KWlBI\ngH0X8P3dYOIhZS1cf0FYMp12U0IFN/FnWx95Imc0pnUgk2qH4mcWRQpQgZdq\nc6FU8C0HO3+5IrQXFjptTzjVXsPumzmj2G+3wRipxpAF6hv7PYf9o2MxL5n8\nMiNlOm1HKKXVzuy5sWBH8wZp9tLoqKcYOHnB0+iz32lhYRvZaA/4kfvyJTpx\nDeSyad0L3bt8enqqBq8V+2gJhC1MYS5/urvgZw09qif5Tv9koX6O9hMF9IaS\n5kz5ElmrHsVxQBX01xZQRSSuTR5dqICaWxRqNiHG2C9/hxxxgobtS8DVyZm6\n/Uis\r\n=A3+U\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.912d9021d.0_1590518681335_0.891089815866992","host":"s3://npm-registry-packages"}},"7.0.0-canary.68a2af131.0":{"name":"@material/rtl","version":"7.0.0-canary.68a2af131.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1e35944a64142a61b82495a4420bd12466db6975","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.68a2af131.0.tgz","fileCount":11,"integrity":"sha512-Wo4eTNvB0490XuZqMDAa25hPVwNJRx48Og7IoUR8mu+Cd38CnMo9n4ZCPpwuBmbBWkxTkzoFHFlEy8xGgseVZg==","signatures":[{"sig":"MEQCIBK2EvWhkETmauxn6ueCwqyTSf1V0nzoraOo5SYndL5QAiA0UGob9P1fJ23ZTZSRd/nt3higZsWzHnMtHprPx+e1jA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezWjICRA9TVsSAnZWagAATlYP/0ykvsEw0TyLVRfPN4uW\nxIyyXwTU2YKQvcKyZN/IxfLYpZ7/JsIauHRUn2pJidW3QXuNVHbiaBhHUeAc\n25LabuXzkOfko/4yHMH9IFAYwlmZEy4npDb3NLFlFHMrPVa/UJGbLDQTMnVn\n1oZSMfMM5bo9OMhuWNJuWIp1HqHQ/d79c2qUSznvoQa8J6Ozld2pEh6nMp3S\nvGRNF1ziyt5awBAyc2wYs+vRnS0eudDPxeZVQzpIwxNKgbU8eqCkjmiQ41eO\ngMkXTaZUsLmBWeJPt4tVQUQMdduag3Y7tk3uDe11glXC2Wzse6r9D/dTCskU\nAeSnksMaT0GIbiMijvO5pzMoIR85DpAzvu2j6ZUPwzjar0TYG38fla8v+NYh\nP5xJKTVR4jIOeXRwppPu01XtdfH/SwH18fXyUbiyHfok4KyrJcx9Wjp3XEhi\nhHZRTyQX4Wh901SdHBoL/Xo4HDi6dHjZ5pwWAENsFRH9kA5gAgj6rPqRoRCs\nq2TgHKhB6LUR/IcIjRUCQJqyPvpf2WdGDz9f45oztl2IWd3NB95A7fKQ58vd\nNFONF702asOqVnGolWat1b6aKMpi2B4PFKE6HFSTly9Ubf20NueiuBInloxq\nRvRvgwXIUqDe3qUoTZHd9EjFjMlSnR95ikbK8aHx2VE01RW+ov1aQZG1fR9M\nncS1\r\n=VBCt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.68a2af131.0_1590520007695_0.3480821263926981","host":"s3://npm-registry-packages"}},"7.0.0-canary.01de07011.0":{"name":"@material/rtl","version":"7.0.0-canary.01de07011.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3398f2bab86e1c61c52da0cc24bf193d232f94a2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.01de07011.0.tgz","fileCount":11,"integrity":"sha512-KfaMIa0i7U+gSHctQGVYEK3lu+uo6CgewNHwIOYWQ9i2Mn+rsxlLtWQhCJ/Qc7hYZaccD20bqQ/0USKrDQb2jA==","signatures":[{"sig":"MEYCIQCyIjv+xTyxxU5Hymox/Bx1ZqcCTrsCg5PbonoaXtDo1AIhAPYG/SJHECIO8Ou/g4hI8gO0qt0zAl3I33CwRgOe2kld","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezXNkCRA9TVsSAnZWagAA/eAP/2nw6mAKkIlcNAJhwOoV\n3xXTX9jfxhMF69qQPX3iqYYZFCq96ho2ypA101Ys2Cb4xfdzmX7bkRr02kBv\nkbszu6kAAKScYn5CgkOLfQy1QK68LTzvLi4deWSnv+T0zjpp1EGidY6rmEPU\nIrm7Qlke1MFLP4HxxJvALX6c22BZQhbdXNsofu6gZ0MR2mk4NH1uVu9KqoCa\nn0Zw0sCwq2Jt1dWr/Cjp76ajqKHYBdglKmlfop16QIQGDBJS1k29A9elMvNf\nGfQCG/WuscfcNt36nj8Q8hwoloLBdt6jbtGiZnMNImfAttXrkQ859Gc3P5/0\nWW7ADa3D+E8hIvC8eVr76Tbe/LdKGTdPAuwocpLr9ThS4frdl3C1Tsm5vnYQ\n3DUMqHRs3vdBZ0/x8wbLuCcvAyqTFukTV6Bht/8xayUvmTd0eTsobAPvsdIX\n2uIYm6CvFZh8kap7GmWT/aa5YzNJQBZYM/9JC5I5FhN0FkwlHvcGttqwx19p\nSIZ7x/iE1UchSYfJsvm6Ng7hy5WpUXpR2o5IL7gc0nWFtvZE+LR9Nqriztly\nkCXma2q/WDNYIoRYsSkUZ08mMxBJGdeJBkNTpCMz+5a3SGAdA4ppTT9TZWLi\nHiEbGKE0S3dWvYIRJQk3UbgfF3mnDyLw2D2UPaZwbZGoDj50clCvkNu+441j\nha9I\r\n=3dlu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.01de07011.0_1590522724406_0.2463874301545621","host":"s3://npm-registry-packages"}},"7.0.0-canary.51d4535fe.0":{"name":"@material/rtl","version":"7.0.0-canary.51d4535fe.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e8f473bc37ffb78e3f66f83b7559ce4e68522d6b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.51d4535fe.0.tgz","fileCount":11,"integrity":"sha512-GYhXz8F4pjWVXgjQUstPq+wVDVGkujxy7LEV0yVPwtty8u/wl43QKjGLIvJmAlk5Xb5vFNJrXxJUYg+LX1G2VA==","signatures":[{"sig":"MEQCIGu72TYF6HoymsB7NYdMnqfjZzpAZKjFIV2I51cnRViwAiAgyscMzY4RBmkIqqOOUR2e57nMVmH9qMPPqv6EBekIQw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezYtRCRA9TVsSAnZWagAAhNoP/A32uTaRyu4L4XxhMQud\nWXrO2RGuQMijenClikjRPY/mS3THF4vQhF8oi1rbHj93n0UuWedHisSV+11V\ngWQNpKRUQir/W5RfCumjSghlWFUOzBpzs81mCZ/MpCTe6F0CV1poIEItc+Ki\n7pI7EgAoxYacpVmuUD90Tt8LHt+hpjqgtl1I4oxQqiVrt3kRvteL1MwmSBWH\n/dTxhG0NmILZ3mlG5szdPX17WDw6Oexkd1WBHRpZhvF2D8KRo1wQDwQg+/RP\nai5WpQVYjZclI590vtZAOiWO3ng8zf8AvqMuQ7HLYDkcw2A7lvawxK22Z+xI\no/65+0K0nQwK9pB9X1M4XxCpbAWBZfVDecHKSNUy1YitQ1LL1yPTxM82BS22\n19jKgmUUFi9pX6OI4HwOvNPiX6Cb2dzlYg/6jCBSE3TBh66c0I/XfOSYkp7p\nRFNfnxplZWD6uYjoVnhyZr/vbp0jcMiPGw8vRJETUjLDa2Cos9+VhXv0GOgz\ndSeAG0gnD51UpDqppXbQuDUOYvEVA5YibaH96mKJsBGSQHV859ziJV5wL6dO\nyj55vxNiNv57poSIrw4Kwgne6B7PRUh+ByeBMxlgtLTxLeK7AP/WcS+Ll7Lc\n2bd/5U4QgWQIaMB2VJeWEbIBTIGeZTzib8v5IgJSBG7k5D7Ts1ySXJxK9tQh\ntFIP\r\n=U30i\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.51d4535fe.0_1590528848784_0.5298678936613144","host":"s3://npm-registry-packages"}},"7.0.0-canary.b86d826b7.0":{"name":"@material/rtl","version":"7.0.0-canary.b86d826b7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"254c1a63bade096962d4d8920ed77d944fc3711a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.b86d826b7.0.tgz","fileCount":11,"integrity":"sha512-bZJbZgfwSuz66xKF+jrWWeO0k2rp5xXXd0d34Sx0m49UC2AAq31ljaha6H5i2US3l7Sv1dpnQ1GiRHVjAwOGyg==","signatures":[{"sig":"MEYCIQCiEUNo3HEkDAGrmH/lNsWTY5J8OVUhrnMK0Y5sI/A7tgIhAOIAyxqArzoFI7yhKgFws8I84jbOaFccYvxHNwIguLp1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezZRwCRA9TVsSAnZWagAA00IP/Rt5+xz8B0QIKbOOaa9q\nfWnmV6UjsDRThlpUcjxj8tWyUOMNrRl3RpBjLIL/XPqNhwTTb8Ec4KbuIHmu\nUe+jRWyjb5YJw4efPC1PzfziVEx1o7C+nn5CW5FD6ZBNFJL2U6BJgJb8RUDR\nlJrkZOXHp1NJtb1q5zOoGvLTnesdysfsjlrX7otTcf8KGpvOLq/Pk+IWg+kG\nmXzUzLCK7HZLHmJNogB66zRlU+48dQExQD+OIpMgL1Cvt1jzdxsS/pL7SMzQ\nN9Icf3XtbJHqiJRr2XHW36/GzSfoZKrkKc2Xl8L49s/LzH61X21lzdFOHKfh\n+aiZraL3IKYk5NAYuwVoRThM4C6mui4Dzk+D7KI7yqpA5k/Bm7a6bu6xVlK7\nC/tV/sP7bH5Ct0HupVCxhj0IUQRCCmp1QmMAHSj+iPxzAOnxieqIQl8Qw8Fj\nCBWKHSrY5RpuCrsu2edgpCw5Hn2EUWRqICtTg6zPxyTWJeDySHKzMWMNYxSb\nNGgiALJSKI7fIC/MchDjfxtNv2juooVuLUyxuy2ZDXEalucqOqhQEhE7V6mp\nUNKQPIwYpR10M9SfzozPd7BiXs2k0N+qoVcrNbz395Moj5act/ZdCCn3d+Tk\n21yQ+lnYe6vD2K/wT2ZVmquAiUBj98UAzHHXLPiNzK5QcHlLDOb0I/+dcjls\nWC8o\r\n=s7pl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.b86d826b7.0_1590531183549_0.3436151517255426","host":"s3://npm-registry-packages"}},"7.0.0-canary.d91794c7e.0":{"name":"@material/rtl","version":"7.0.0-canary.d91794c7e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d17aa990b8e8fa02dadfa13caaf2ac69d1acc321","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.d91794c7e.0.tgz","fileCount":11,"integrity":"sha512-Yt3OGrmcFrckDx8JSG+jlzdr8Mf1LC4v8ev5rKQI/FhliNNZg7JVT31K0pRudm24qnSZDFPaBnUr4ZdhDkzGFw==","signatures":[{"sig":"MEQCIFarg4m4mPRnm9vEvssa5PfMrrj+pJ/3qvl2JXJnoG+AAiAJipFeVJw5xDwXSgThRZ5u/9jVGlgI7wYST/epaAQPNw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezawvCRA9TVsSAnZWagAAasgP/1oIqs3fFAT/omcO0S1B\n6XwqB1YjsgT4okJEqIOlDqalXDqnew4gGKwKedAvuCeqlFNkFTd+VnZuMWQD\nOBkxkKSWxQ09UiDdZvNTCI7tdrGI2aeJJ+aZgUIUxVVXDZvZaYFtwoQ9aT1l\nWfMrqx0Ii+nlh7sZv9TylfcGGO7XeJi16DZWCYYIMYE7hBNLBOOdv4odfIR+\n6rWCFMBNglQEvMBJVAJnMsWVST7Flrau3niQ9WHoEcgmx4YGoe9Pic2V5m+y\n5xig5dlqhf09howxFcPyr3ScqhLrjY88OOE/diuCXExIl/e6nvnqvYcOqTQ5\n7AAiKNziid/Ihs2G4NLQWFgJD8K5Zgk/nq1t9HOzErXs/zZtGt8rE4hAdjNu\npEDXZH5ASzy+R8/PC8Rurq0acuj1he6kjrwltXtYG85YINmMWVv2oi8m7Zn3\n9HsA9Wj6ylpPQ+70jEne/yKC2QZN9hZcSJhexJ+kKKn2TjdK7fUH4/7GQvdz\n5HHDmnkx2MJqpv2DD+7agyug6dXYmW7kXsokZocbPOQtYbpeKZV4KCNznUHQ\n3yu66uhEakGWcKqIhkVVUoxQX4IrHaJQUGQwU2bYpYTom50G+w4c8Xy7uFxv\nb0Uhlrw7FA/lD39GD1/LpGygvU+HdlGOJO3fAbYQHUlFHhff+Kab/vNQZXPn\nwRUe\r\n=Mpoz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.d91794c7e.0_1590537262547_0.5067779766578819","host":"s3://npm-registry-packages"}},"7.0.0-canary.8c6d7e076.0":{"name":"@material/rtl","version":"7.0.0-canary.8c6d7e076.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"79422c2daaf64c104441b77332b6f107e9202fdb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.8c6d7e076.0.tgz","fileCount":11,"integrity":"sha512-euZ4037Fsj8PaSqPRj5q09inFu/PKTw+KBo+ygnQkTQcpWRcmJ4+jKjZyYmZWCDH1AL2ohQgHaUNDTsnKZVG4w==","signatures":[{"sig":"MEUCIQDDSfTMvV3vvWokwDWhAiX5nx0JKK5Y6njC00rzFxxgJQIgKGSAjNJFDyifet/5e5b6PkFqIBpZgOPDagteZ0QmHfg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezrhjCRA9TVsSAnZWagAAY3gP/RvQILzHWIp3tvVWLbkz\nNHyMP1EqG8g5AG5SWlIKR4N2EE+3yPf6pN4ptZA7LNTihbX3iNJT6q3ahuXe\naKjxqLs1SnmY/L7OR71XtBu6qgH2BWzB98TNwbqo/LO5BG09bL41Oos05Aan\nDfMv1GykIR7LQ4ryoaL+yLilkVM1RFrd6d6PIR07YTWGS6WtU+ubylnSyXiH\nx/isCj5kUoUEcZv4WbNDA87Zn59E6IohM3K3XXxObfBQGkdgdj6ZmiArJ07+\nDOVxIZPFvzrgez7r+IKRPYdLQb2EE4tDfkkyBF+RfFqIbQyNGzJQjh0Xa9bO\n+CsyxCeber0Ecav2inBvZT6g5OAwo1VpNkdvaA8iW08kHOzk5kGkUWE1o5O6\nXAYPz1+tXMmbFeeVGXnLUZyX3toW9u0VSHTION+tjmIGIZZYiSRJ8zZq1kE9\n+bivYl+TzKFnaK33Bj8CKRimgFR7Ea5FlUNwq0ZoKmVY2YJDJv0yGxh2X73H\njWx4xvrtkPgJtbSJUEu5wqkEN5MfjVA6tzGzrnL+wCNlRt6xdud934zGr81g\ntKmi/paMtCBkaygrxx6FtbD1kPGH1WsjFxYpDtVZCPmKyFLHI9ycVHVqrEEi\nh/CgU4a/zNeKeiIh2vTo/8oftJShQPJlGvFJvJ1AulagpLyUIUFQwvTXB0bZ\nKAPy\r\n=J+Sw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.8c6d7e076.0_1590605923176_0.7135459078555861","host":"s3://npm-registry-packages"}},"7.0.0-canary.5b5f62f93.0":{"name":"@material/rtl","version":"7.0.0-canary.5b5f62f93.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b7a1b3084d5adce5f84ec5849dcc9b62d0ea4e0f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.5b5f62f93.0.tgz","fileCount":11,"integrity":"sha512-t59fwKVul98xTC+ZxPDOZSyCk30QyxhXsFaLX+6cmX5m7T29RiDEVqakSqYYyeQOy/eab/RU0xIbKz+weM9IfQ==","signatures":[{"sig":"MEQCIB2srno0ySOSw9lsBxRSROe4T9gaFLFdGbH77zwonwUnAiA3EfIpORHQ2c7RnZ1+Wn1Le61VkPyiRKHGFh0ilgDSAw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezrxiCRA9TVsSAnZWagAA8+wQAJfe/Qv1VQqMiJDL0D6V\nbQBUB+OD4MZzuVv7jU+YWx7NLcuzPmv9xkhTkRjdpOju8Zp4OHEFocyqzSLG\ny2eTf89WgO1PWnOjhwJPF68buESd/5dYWeoLapexIz0RaOKDFHSsuAvkSfDv\n7zrVkErHvm+7qwbmse1Mz6ansg384DvyYQyKPilSnTFNk95KnYvP6+Eho7sJ\nOXSnTGG0Xp3L+wNY7LmZPYQ8mu4uE807QUPM6NLPYKWXuiZZH5RvnigQ1Ey1\nb1A3CH/wQdDJMXK6mPoN8IsRpNGrw493K3bfr9n7s6ihGENBcqDIgtcOPlrq\nJ5F4I+/f31zGt9lkUPjdbvmDoiCyUfBYU2a1f/vCTFZlxWBMTKGptd2+sX/L\nM7uM4j6bOMpVsqfVtMu9SchxfWhLL6I1gzNBefxUlAD1XAOkDPB4Nt5OUooa\nMuURJczNA9C7FJlmGw7CoZi9ZemzJjzVuHwWXV6BRCiyG/fux5Z5isBBvzTl\nXhfn20ESSaX1ovmY8crNb5Yr88M/+94Y7QSqm0jQ4mDrOIo3TqnQqcx8PXDt\n+M33uGWkEQnQscc2qmdBkBVcSNin4Bmyjog3q79oIaRZizML65ovamw6KQ0Z\nHkUUDOUluImvQRDzM/Akld/UfYbFKmzQtU16vo5is0KTkDxqfnFHTwFkGfOa\nBSfK\r\n=VoTM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.5b5f62f93.0_1590606945550_0.20137953182123303","host":"s3://npm-registry-packages"}},"7.0.0-canary.d9972abb1.0":{"name":"@material/rtl","version":"7.0.0-canary.d9972abb1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"143852435e37c97697a87bbf4a90bc493d92e1e9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.d9972abb1.0.tgz","fileCount":11,"integrity":"sha512-VrdDFCduLF2wTdLIbRLxdSGKIzo1qQiazNDymW1ggUMgRmk9GZgShjl2OSm/ZVYMtFy5kYmK25dQ4So+O4KIMQ==","signatures":[{"sig":"MEUCIDw9b38mvghRRzSbfPNx3pK6uWq/cJ1eWKU/XBkQPh+CAiEA2mEGydw0gFQ7ChFrpkYmM4fSyS+Q0YFlFw53VpZAJW4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezst+CRA9TVsSAnZWagAAUKIP/A/RGyJmjYie3kSjZepx\nYWlBeOqkS5UzOl9hLGrtNqW/uKHxD1p7icr7FA0kihFpmrpzoefXrx6gK2LH\n81sbg3WgH8A2mH5vNql9bZrzSHwHHXMlOoKBTRbIPU0i/exp485dm/Ih0JCN\n3KEWvKnySIaft+21UlyEK8vqr0ld0XkRvVAcuFTtcih1IVVqvY0W2ug/OnVE\nqVMVFehe3pLx1NQl88yMzb61n5ebBI31OG4gxcIDjWC0YYJnEBIyx6WrfGft\nO8nqSVYA4ZVWmvl0Y+PRR5ct6batIKCIcuhsSShwKfcOLaLqWIj+n/Iw8JxU\nOFfKlYuVOwxwO87xzvpmaOK3zFkiqn1JedxUru2ipumvFcYUoe6XuhqCpH9w\nrYQjaDR+tEiY7igBqavW5G8OrL0wsCeW27lxvm566x/E6TAjZimeNXv1jWjr\n14S1+zOSjXO/SUNReUqIQ3pP0X9zPiXQFbm1G7wREJOr5HykwB1a1bs5Vysi\nWAutxbRvbzEN8piXGISGj6kwjdI+S9ocTeUR4jNokOkoQ7NhMnL4Pbuc1fx1\nC6+6cui+xwhFi/7KgmdzZyJ+cvuUhs6u3I4/b5OpGwAE4r+eTSVH+PwLO5TJ\nkcDGaHwPSV8/EHdnQ8nLMhv1GKTAaOrhHzyS2k/lKgdj+Poq5oh4J8CQzv4G\nUFwX\r\n=BoKz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.d9972abb1.0_1590610813811_0.5972258494883012","host":"s3://npm-registry-packages"}},"7.0.0-canary.6556eda2b.0":{"name":"@material/rtl","version":"7.0.0-canary.6556eda2b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"09dafc20991f8703aa6943340dcbede930dc3b50","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.6556eda2b.0.tgz","fileCount":11,"integrity":"sha512-Uqe1bcHVCX/IHVA/Q9cbMfr6hRbgYmuBabZlEOmlD+dBod3CBLVwKDYjuM3q0lzoVt1xNx0tz2mpOFP7ORlObg==","signatures":[{"sig":"MEUCIQDagUrB8iMA4/PcPq9DqTh2F/cKvsdVZ2TM5dhNAkJv/AIgC9PXiC/ZZgSD/49tMbB+leVJMSszbrn5Lp8Hv2ga3Js=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezs2lCRA9TVsSAnZWagAAcx0QAKOJixdq2a1x87xnrnqJ\n9Na6Rv8EhRfPG99WOB/2gYEsVGdc6LcROUckn3M0TUz/9NWWCl7jGArywUGz\nWfbMSB53geE+nLXd8GOBSjrcqlX36HPZAqGGjQnIfG8OytDd76lK0O8bV1MD\nD0b9vdUCNkgUrKxMgS1zB9/gvJqwtY9jFK4cQV1bMO4wl/TfjMIDGkgGnY4L\nOyU7a12luocfn+2LH0NdaqUB3I4b0UK05faU/zE0+bRJVAWEOZsIkEnUWLNA\nLFDIk5hHm7bNO0r2Ib/TKEYKdiUlanft4Q1RXw0oRoRF6ni+kgIrWKNCj30P\nYrK5yzr426wQTTMR8jfADdhumn6z+j+PntPRyQtA71gwPcrgI3291w8Xzxqw\nZHPgI4qsJ4aZPSeamkMZV2L+JvRbfq+9T5nXWSDuX5lOI0yhSz6gG68zbClh\nFWZe+lVCxXGKbuNrGE89y73t5UoXf+Sk6eZLzqWKkbYyzpwsWCzk1AtYTRg4\nJrm1qK6bt7SasOhGay/5WNjzxUASeUPAdJiBea2q9xT1+/KlR4wUGA5Y0xCC\n7/eLIyMnIlMHcK2pLmEDuEZ/337WOTwAUwx3lErPrEHYU3/JMBIUFsxrtjrt\n8jCpgUPAdfup+mjnefY4FYZLbeYx8V8+nclvT75242K3gpa6IxIRYo5zb5yf\nKkrn\r\n=5kGA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.6556eda2b.0_1590611364651_0.6224470594021627","host":"s3://npm-registry-packages"}},"7.0.0-canary.32aa23641.0":{"name":"@material/rtl","version":"7.0.0-canary.32aa23641.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f160bce03959e8f472946343db0a29b94e6e190d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.32aa23641.0.tgz","fileCount":11,"integrity":"sha512-jLngZ5QSU5unOLA2nSot0yioQpthrX24KBNw7T4pFUNI3puv90wGVhCgqW/sBz3px9AEjDxw6LRwQPpCtfZVFA==","signatures":[{"sig":"MEQCIG+MkOfsK9GWGyEw23OW+YlWoRAxh5kFZbZnfc963kQmAiAPpwzL4oyWRy+VXDl2ZjWb/QBMiGrd2GzEoiZM9mGYpw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezt2iCRA9TVsSAnZWagAAOlUP/1Vu6MJ2u70n8Pvyr139\njpTt5bXO21HHd4XScu+K8Yqd+i2nziUM8zOji/DpFaL0bjvZDAlYrmdVcBDw\n9VSJIW9AP13zWGE2Q7Kr7Lmg7hqilzgncjpHnr97hahOwVMDtp8moh2puXGo\nHOqRDpOVfUkaB4Ajw2Y/HBO1EM+2li5OxabyrSKEcOpCb5/ryha9VWEkBI9L\nKX6QtnO4eJuB8WAo+Q0o0xbQTBsVq0VCqkbMY5b+pSXZZV2sbCDYo8mYY60C\nu7WSaioM1Dy+m4cCNjeqUY3r5Msq5FLu5bxPE7kCSCpmvbX0evlhG4w8DAiy\n18sGAIA1jiPgusrtXS8hZaeb7a3vcAENzdAAZkXEsjAw4MgmDiJcQjUOGWmA\nU0cHBdgsdLoR6OCxMNa7PcR2yl6+fsqUkeveyjW4zSOLgbcHQtFKD4DOfVql\nlsvP0H+2k/Aj0RMLD8xcLpvVl1libikvYpTirJ7fatOkHH5qoS2a2G1bSrSp\nNck/Fg2qlNjEb8hFLSZixxtC8kl/6hifFANpHKP2x0aJZo6XgzIG1JO0k8Au\nVIf+n/35AHYMw2rf7MQiJ3feGMe0B330f5SDYZqpqMvJb04597GD0we3E5Ea\njiOTRaTW5TGHOc0vFmerTfEKSlDmIPPlUaBVAemXNUx3Yg1vrzJIpxnlXECT\nv9dd\r\n=bk50\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.32aa23641.0_1590615457731_0.7482443554322862","host":"s3://npm-registry-packages"}},"7.0.0-canary.654934dfa.0":{"name":"@material/rtl","version":"7.0.0-canary.654934dfa.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"eecdb5c762b82812782ecaffa9068dce9cc50e66","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.654934dfa.0.tgz","fileCount":11,"integrity":"sha512-GoBGBAAcCamCrSBpZlF69bG7bOnTiy7mCsvYhEcC1+A8QdGPcu2yXM3VxF1XT2mngP8brmaeGb5aObeptrBVVw==","signatures":[{"sig":"MEUCIBrErhtq5Rq8xytM8WpLlJuQktc3riFjW1Sf4bFoiBUJAiEA31X2wc/DxJxmTsHLcJicm/sUgtlxXrGFMt2hJGnN7v0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezweBCRA9TVsSAnZWagAAr/0P/jn4tGNicmYdWGZb0sLr\nfYtvd7PaeHuQBDh8Eg3/LN3qLnJWUJY6bv4cyeYSVup7eNla3C1/EB6MR9zp\nnRklTFX0WV4QjByyuIusYMIxwQFe1QBaDe1dVJW0e54dZ4Jm7m+9uHpTGaWR\nPeCSZvUb+JjkJ22DFJO349E6UFUqg4mty8vwZdnQY73JIYm5ne8yl7PDbS8V\nhxsn8vpVT1c1rW1/rAjXWh4GjSXc35Dkg0g7McdxCcAGqbs2kEht5NaG7sU8\n9UosZEg0TnXwP5429HBVv0DNcCiaoJXosM7D146ZdpS+NEL8ArRbQ8+2Ahat\nlVsCmNLHQWod3MFSlQsKAoVgvsfP5E8p74fVWSVtK6wWW64tSCZJXx2AxF3v\nnl8DcW0K3Q/l9XveyJXGu1utznSkvvnK2fxq6kpJpDS1xIx6/5lr8Re2wQ5j\nFEvG4cgQj8ZuJQOn2zAHjsp/vOTecZHgIAlPVuqfjCguFV1Bney28GCodhqC\nbLgSRqCqWIvFuGo0FGji8VA65Qfd4d1VblxnhMjKX5Neu/kt9Vp1mPWBkKjI\nucRTfMfcMn86XVnXY5g7r0TFI6IHcoyfHBHH0OsNl+vQiYlyzNaBy2yiQLoJ\nMSq9RRI+ZALOOADr7PWphtwqTTI/i+XbLbq8SmJTZzqG0yQqUCt8siXAkgEG\nbufB\r\n=ry7A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.654934dfa.0_1590626177086_0.6856117327248124","host":"s3://npm-registry-packages"}},"7.0.0-canary.41910b8b8.0":{"name":"@material/rtl","version":"7.0.0-canary.41910b8b8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8aeb4314381e0dae0e6ab7ea126f3ccacfeb20f0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.41910b8b8.0.tgz","fileCount":11,"integrity":"sha512-dDk38NU9LR+Oq8GliLFr7I9gOTGIEtml9sm6lZBLeOjcrZbVbm8TSvH+tRE9LnQh/J3JBOQPny3TpLGuQ1YWwQ==","signatures":[{"sig":"MEUCIFhkN5LAbP5Bn7BD6oRxO6L50HEKM1ZeuvYdmmaJaEQbAiEAxR8wXRkHLPOdszFSyT9PwAIEzUvzsdI1IXlX2SmUkeI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezwrlCRA9TVsSAnZWagAAPIoP/1jIFaZzRQLW2D1eAKWJ\nex3jpumkFaWmsYAIQL0rry5wxRiv0Z2dCdhSV1rfmQr1kK0uBX6ubCUWlRgQ\nVboCFlwfTCvF6xbBowUy2Q9tvQgMDO8vuGrCGnl8z7RF7WJ9WGzbpGagkuQ9\npjOIg2cpykkNJUGR/UfF5mI1d9q2mdrMzzyFP6QfPPQozNS4S6slcUsgdmUh\nFkAug5RKaXqFS2DU/8e55StElkpUMPIKO51ZCvGfsJefNFmCemy9mXZtlrzt\nRGjkZekjC1BBD58O8oQOt7wt+RDdA4h+BpPZNp+JQboBEOFddLmK6wqHbXQn\nQAmQAk7i1x89Qjj/mk25tTxaE+Ez6iOW2/CiwMd5kE6P1iUEUlrn3K2phlH1\nCizab5Af9QIP6qQi35wkZHilG1mcotCMUh7VXusY01sklQe6K9vKZh6+8Qt5\nfcRKg9zX+iQyTiqXnIP8aJDQJht8PpJv+Tb71t2L3KiW4SvbXx2pYLE18qHQ\ny/2ZXN41RJwiN6GgyCXFaj0Nb7Tk7doqXHpgDrc5OhGwW4SIzliuFiVE8lqB\nsJ1xWVzg+U3KgJMoX5aOLjaymovMjx1xaUlDYL4HyAv8byKZ+DCr/fN3xmb3\nQNSuQz/UeG5jgBvpsk7dbjSq7SOU1D2p5/4CihnXavtQXpcjra5Ot3RzsiOy\nWq8J\r\n=gKZG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.41910b8b8.0_1590627044841_0.1664280403738434","host":"s3://npm-registry-packages"}},"7.0.0-canary.d66d22bf9.0":{"name":"@material/rtl","version":"7.0.0-canary.d66d22bf9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"79931f42283490367269519ad3c68ffc6d826fed","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.d66d22bf9.0.tgz","fileCount":11,"integrity":"sha512-dPZ2cNmBci01Gr+aZrykyTDU9Oy8qPfCAMFV4splV+tOHlw8Hv3lvJAjLeORc/AXfLzYWjQwvZqXcylkOddLOA==","signatures":[{"sig":"MEQCICpwGeCB3hU86XgiWbarkE80RMvDAWQO82ZsGCp1uCO5AiBCpMMJD9owUWj1GuzHpqQg1D+zy9vkVU3LczOSUARYaA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0Bb8CRA9TVsSAnZWagAAAvIP/AydseSuf+900mxsECJE\nAx9G/yMugklB8159WStduuy22Pagm5FW7/IBEOOXepc7J0yDAjFExjBpm039\nYg3B4YEGqnOM4iMQ7nqI1Eft6lqzHKcyN9siSz1i8b7VBgCSEqbLsfMxoQBA\nWIoxHGtxh9zxV1eaZfEGWc1IALrcaSEgNjpDlW8pG9rM7PEtYZlRjIZAZ6sV\nHcbcbE/YsO/3ggm2qeQdXghOY961YtfYv7EofKnDc0vx4u2GkmRezwr8hiqA\n1NCxT++SjVAe4FqcUDEG3V3f0a2IK3e8RFSmayh+Y9u/WLPzL7ojsdu6VDGh\n97D/7TAdMZaOaL+KYYkneRn8BMtBnQybZ97VM8WG6o+I3Ivea9avdaU0BdUg\nVr/DxBcUfzysJr2XDscJw9vFIYQJohntRp/aiBjZDj4Z8hm0IC7+jBZaLeSK\nX91ZLFnBi2S5nHUZS4wyPKQdOtjdXqY3FT1I+Y7bJMSwX9lI9nqPpIZQ440g\nGYKxOWk7Z86hOr+a/HkmARLZf4flDtQaDt8y5OOksOWFiV5ZDewKNf4FWt2N\nC0YfVvqMpJHRmxxwWvZobVRTmLjF0IHsKB1H3tXd/sUAt3PvLKa5R0g+FNtM\nF+9yl5XpPh5DzkYXc89MwpPU30c0UXtCzWz7f6L1QgGhXpg62XLWNUmb0C6v\nVlSx\r\n=x1hG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.d66d22bf9.0_1590695675575_0.46162554083639007","host":"s3://npm-registry-packages"}},"7.0.0-canary.8904f3cbe.0":{"name":"@material/rtl","version":"7.0.0-canary.8904f3cbe.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"51e28d61f634da901d1d9a3c34f8d89d63cb6202","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.8904f3cbe.0.tgz","fileCount":11,"integrity":"sha512-fgXvfG5nda1HenYNAo3wyegJIo08JBEMgQhMyvjC7zajfYXRSQr9dq4MOTqhjO7MuwUbn7VWX7af+WUVT2jiiA==","signatures":[{"sig":"MEYCIQDRvDysQncnpR3YkiEExlnKyCrDL9ti+V+Sm4elDMyhUQIhAOYqedaxwPtOckvky8mhb4BPRA/CG1IAfy23SN4t1GUK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0T0qCRA9TVsSAnZWagAAzuQP/3+vBnG1HjaDR6MFXiUk\nMnYlGiHhev7OG4faQiQ5n/21pQF8k5skJZuT9Io4jGfI4noEqlaI6HZ4YSUz\nlzHrnF7zR5pbbrN2E9GclQ+W0yN8ea4kpqiAEJKDWYJBdfukDULtTcYa8/vb\ni/2C6HLAWLxt4GCa3kHHTSxMANsnvDoO6NQe56r41qtWSf/7cxyC3Lvsy1y1\nbuKuphyK736Gmi3aqhcz/W0rCgiq4Rj2zcU1a3OGqHvlypzHIo23lwqqq1WZ\naVQmOlaFsi4hzWnmZ4mtSyN1a9UE+Md4WWOIVkq+/zh0AZ9qwh45WUlC/xlD\n4ht6epwd63ct7pMMw6Bvkk74V7nuSKy+Gv45j+Kb34cj2f7qrU642wP9+kgv\nmgYzFTykFyxmIQYTY6wxDA3Sbs5hkFMdFikDLP1A8RghxP2MyyYINFRvQftD\n6o30FSXxQaznxM+8IdcNu140IUtwQ0ZomHF6/A3i9iEGWc2kVEGxB4sF2Wx5\nRJWxveedvDHfvvAPQOUoRSnAtzmuddboYZYFHv5OYQDa4d8pf1NuNoVZinH+\naJrdbCiO97Enfe6RkzTA/e68/R+Z2yLJvgPR2W5/0RVYwS6dO+x+eM7uA0Ix\nT+wLZn8kA3fLMixAGLoNAAYTWb2x7kyxdkCfN68NaJPpI0GOt2fFRQOJ+fEh\nwDZf\r\n=f89K\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.8904f3cbe.0_1590770985939_0.21402604066920028","host":"s3://npm-registry-packages"}},"7.0.0-canary.51512a4ac.0":{"name":"@material/rtl","version":"7.0.0-canary.51512a4ac.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"77bd2cc8051b5e73421a753296177832cb4d30c5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.51512a4ac.0.tgz","fileCount":11,"integrity":"sha512-ChJhswmEGIpP528umxaYi/rJu8Zxta/xLEH+vPFLy4Zmv5Oi4nweSDIieN3pAPp5TAFYcfQ0MspSeDlSg90MHA==","signatures":[{"sig":"MEUCIQDwHpc97EgmYbI+uYxjptxW4hvkpGvdE/8FJHV+I9cmyAIgfypV2WnDL0ojk0d6pEnloJgzEb3JLdCEzdQ483ZN5RI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0V8WCRA9TVsSAnZWagAAqIMP/j4OscDmCYHdrFLMNO/5\nFYpoPBIqHzIiZdrX3fYj+Inqxubgv43j7vpPCHCKZD9Tb0yvW6qtp0k5Zany\nKqRhGuap0t5gcRtAMMesHx3FXJF9EOpUYESiGAgsRdymWD8/Mk4XJDnekiHb\nL4CAA+JcehyE7N2KWY/CE0Dj0le2CCK2AOelL82uah71hYXjXqY4cM3nEjmE\nBz1RlPXjSeRnUCklkTfl/Cu9Sr/hmmZd2LvDF/CHeI6hOfqoS/Axn62JiGfJ\n7xuvY6iwv0Jwad/NPISUDRR8lWtCOk/RAs0ZYw7lKQb2FfJQvdhm5bTz1jEs\nMQm36MILJlyPnJnXXG6IH30ndCktf9ADDKq/oljq9o+2bzU/lMwTzYeWlje0\nQWHOcJXNl3qhfdWnNUEExFVaHfaHPTWO5nxY1xXnZQDGQp2xjLY562CoNhoA\nyDg/8eUJgB+RduBKfJ5VRFP/xUq2ruEZ/0uy0ZcBEIQv49irdgdi8CW6TTIu\naxCyST6WkWk7gtKsA8nruydhg8vmQOht2a9gcYkv/Lac4+I5itXFefD91Ele\nQb5xxb5MSXJAXckq6kitbvOnui3fBcD3rdJJj7jIDQpTSGu+Q6eiMavnnuI8\nMA1zwGgdWy0ruhiYWPyQhOl5UdqaiS7jS5JwKEv2fMB6XL+e2V83O/6VDBcv\nmWED\r\n=qUsF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.51512a4ac.0_1590779669797_0.4901265909690049","host":"s3://npm-registry-packages"}},"7.0.0-canary.0743288fb.0":{"name":"@material/rtl","version":"7.0.0-canary.0743288fb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0dede6e861eee6d4c76bd5dc14104d20592ba1cf","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.0743288fb.0.tgz","fileCount":11,"integrity":"sha512-4N2l8sadEdgNcxkRWOxHi9K+s1qNv0Yk6XbSg83eqgvGfa9zOepFEqhBM3DLaUUpUbdh76pE5rJ886fg8/Ne2g==","signatures":[{"sig":"MEQCIHlil0YiQcmRpNHjZNgbg6nvVCR4auqZGQc/tBVZSHRqAiA502vZDXvWA799ah3HBKPWGz3YpkeqyW/Up6oNpHqW0w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0WrLCRA9TVsSAnZWagAAuUoP/3kf4v/tZnbeHOdtBpXQ\nM0NqbkkAVmkSBiGArEOGur9rFmdANUY7g6Uifv51+mJCNaSxiqIjpzZnIPna\n3AYLK3RBwFbRY8SiYtciHwN9VchgKMuEGsTCdg/yliRmfSf3aHSzbFrNY3l/\nnykQjDA7HgT2KsoIvKGJ9TK2nEFg2XDdMlUIhIOEkHS2rwxlOElG7haEvn7v\nlp7MJ9SOzJdW79Rc65kdf7MDPPMA6CEqf08t117fWgcBd4BnPOootQtgkfdT\nxkEGvjspNcElMU0AzFJ6MAlahisVkLGknmb0dNJ08tpwhiFlWmTBiJvQBeLA\nK2j09ra79eNcKHPlYRLY1EHTm12IdaHDrgFi12wB7FHrLRNzHeHxJww5uDvq\nR6Gx91HZvT6/pwM816MG2iFarTyjfVrkLP/6G/+EDHJ/rxO/lQCr+zq35/7x\nwrjUyY2ORw0ZdLmtWn1xEE+rcKl2N4q/lesH91qo2z0+x1D9bIK4T6jITzcF\ny1WqGRODCiNCLKsKPZ7Hu/fQbwwcA5x+cgaACURUAzWfyF7rFp7p2i99wJ2/\neW5B0BeMVasqI2YHTzDYD4+XhIjxfMv3LdvTSzoaRKhHbtTRjMTMIaJch6Wb\nYkCGsHH8WrnMHlBLjZfPAJVjxW/T2FtYjXHQXCEyquxhmx3FHt6uKnAcp+Qm\n+AKA\r\n=kIsv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.0743288fb.0_1590782667173_0.48851404608427296","host":"s3://npm-registry-packages"}},"7.0.0-canary.06ef147b5.0":{"name":"@material/rtl","version":"7.0.0-canary.06ef147b5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8f6c978736da318c6271ec6c7a058f4e0d27b64f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.06ef147b5.0.tgz","fileCount":11,"integrity":"sha512-Il3OJoQZg5aykXjgd9RPwxWapRtBLnNMViqID+OQav6yPHd8jkQV9+FwpizED4V2RyL6lTkmMgbmtBjPx3vmDA==","signatures":[{"sig":"MEQCIC7J2bJljTNvJhSs9y55/KGWBot7qgvifHa8izH2EjF1AiB3BGUMD61LBJ6h9AmjOV3SkV2yzxclTAT9WsIW7PVUgQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0XMmCRA9TVsSAnZWagAARuQP/2XypdR2HeIGZPZF/KzL\nkteGJpjAtDuWwx8kqJLSNLP2bcuNP9UUWLmKtotxWNMp3XkdI/PViNwFkMkC\n2pWrQpK6WoFLipf9/Y51kB4PYOSa71k0dsmPD/EJgAnIMacGDCBXvIjgU230\nNNqStDRc0FyS1ggn5vqTlFHwmWsZ6adgXWL9nROrWAnzAR+j+zO2rI680xeg\no/5AK1nAnfzDsU3kfNK+q5KLw0LM/WWvWBh4AWRNplR/fX1XIvttpEuQ/ipe\nUL3R2c4CGsKWf5p91WSni+izvihSVjQN57qBUZXNiI2qXe+sJrtEynrCl/do\nYMGxzkreVl34KaXYXlZjfAa/j+q4F8Csl1SO9Vol8I9CKz5W8YvcnERyohWo\noUFnY8S95gT8wQcG27jURQGGpj5bbiMIBD9A2p7zkn4g/YjZ8h0HiMwbZ8rb\nyS12cw5k52LWMF0VdiTwUTGC0oXEIGT9EIRqfb3Z27t7SyaTwxHaxqXi32sf\nd9O2uLf5MmeV6K/XXAD4eIhY1Zd6mzSd4i5RrFFeWuLj1gfnqd/b2wKSC7QM\nGBmd580IVKym/OOpfgI+ua/ylmLOCGH+/15VY/a6cktvuqYUV1qGwSduTr+k\nxV61fSCOLNwArhCiiBWx07qNbEG3Xd2S8B8j3BdV58OKM8FnCSwskqLqU0oX\n/csv\r\n=nCTS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.06ef147b5.0_1590784805774_0.4300469137937333","host":"s3://npm-registry-packages"}},"7.0.0-canary.8073a20a9.0":{"name":"@material/rtl","version":"7.0.0-canary.8073a20a9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"04d5d2ef6d73077e366b89c779a1e5c1d50bd2d4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.8073a20a9.0.tgz","fileCount":11,"integrity":"sha512-9BMjsNiN+i2/z6BcDEdw8HmOh7YL9eb87e/o3uhsp09NHuICw6xtbnSkK8B0jH+Dzy+6DJAPJ4ULlt2gcnkE/A==","signatures":[{"sig":"MEQCICPGdf0kD6mrfEskFV5p7gtKN3vqvNvhsRrUDNMBK/6NAiB869X1lq55KkFZHySRVRMbpZrD5zmSukEczCm8JYGLvA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0ZnICRA9TVsSAnZWagAAy8IP/jER5jNEQbU1tV2Xgp6l\ncI1lqLJs0y3A7e4vu+ErqVFReTYV2EUxY0UIp7TJ+hZQgREOn0UveVciA6Si\nNNoeeF/p14UuUB4rprqNNUTZuvAGwMHYZdzM7Ez6peY5yMjFvdtuXKqACZH5\nmb587sy00pdeoDd4/v18ihlOoxvm3iOtJK3RfCPdFA0llPGaJT1GOkkCXcqo\ne3LZQZRfi2NCcb+fIydlTe+x+Aksvj61k7HjMJjanoj7q9z96H40nVJkNvzj\nAKH2mbDg86RtL7izZZbalhEC4dGP2WHAqiLkV+zEAXFm1hZaDGlQ7rBSUeJ7\nG8aP8T6MApFbueq2iuLLMxxr5SAx8ssRExl02eHaubAtRHCqB5h0PgW3PWtK\nI5fM19Jdt7J2sqymBG3yIK3kTZGE2UdMkZm7kfGnOjUkv0DVtNNn9McbNvBK\no7vaAEiiHYosrYAY9nF+CedBnUzZthrF19gSD3mJyNQXrgrUICTh58xPC4xw\nZgAu3q5PCcmYBBjvK1E3IbDjFIH4HJKIrtGo2nzKZkvh2F5Tr9frcV5NXANr\n09zV9f7WzED40O79Uy4u213SxIYE3gEyHJQ3HCm2jPAbBf5hJJyiuiIT91J6\nqoljtJE0c1wTeiLcddwUbkTtmuY3r+g7TNdkpkOwhixUGagYmMu2WfgLti63\nLVIc\r\n=Xze3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.8073a20a9.0_1590794696428_0.8610396719643858","host":"s3://npm-registry-packages"}},"7.0.0-canary.72ff42330.0":{"name":"@material/rtl","version":"7.0.0-canary.72ff42330.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bac55294dca764c3a0733ccee46d37e8832ed8fb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.72ff42330.0.tgz","fileCount":11,"integrity":"sha512-67+mEVCPs27F9sDHvQxBY1jd0MDPUf/gKDFSQ9ui0kmTu28wj1if3Hq+MI3O0rAgx0PsE7X0e0ne6MXBER0gQQ==","signatures":[{"sig":"MEUCIDy2FHZZLcOS2u6ZX43Ots6q6HIdrG+fm0ml65vPyPh0AiEAhxO1i3L2ophR29OL0ImMrtd8pSroYRoRPvgmZ6LV1WE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1TAkCRA9TVsSAnZWagAAyLcP/0dbJNL66fUHr/zPGMIH\ndaOyydSBlfizWjFWeWfzW+by6Z07X75YPv5MbDFTaI4bPFjOAFmicCFztWzm\nPOFDeKaxky+MF/2VrxWDiWfRj1VrzpkkMYwX7dwC9P+7SzNfBFhosfKSs1vL\nM7nPVS4MFNqwBnktjZSbVQbvSF8vr7qv+AG/hWQGDWobxzRnsHc59JElVRuk\nnh+TgAZcDWZuHVkNA+6YuVs0RTGcreogutGNmXlXV2dbRSx2TAT7E0F88R2d\n7aNwaIsNTDZrwQ+Tjc74HomE4EfZdsa7nSiZFvdTBzVzAab+gJmZlxXoX1HJ\ngnqJtcKeUWxPNqj+bnC8wqcUrKO34MJiPoqNR/5OkGohf0hf0ehybay7U5ey\n7sohOsgsRSX9ekNTuBjAwCH4CX1xrM3MR2J7WLw/3OI7A/Em1SNu8S90iOUO\nooxtJhJAr7tZ2VYqWVSZNm2m76/IMh8CRSRxNTJWOaZDnxvvA6NAGEWfQDlE\nKyNG8j4v9PDCK9yck0K3U10uvHXEhJa09rhGXdnXBbkuvgQvhdlL5uWgW0hA\n5c1BvnsZU92ROvWrfhiNdfM7j53QyHR6oqy1O+cMPyu5RwEYcXnwTCwJf1Gx\nvsalUz+qU54I3xtVL8Exn25SoYR/M632O4DzTEdeO7r19g2RNryT8QQmLm4z\ndSE2\r\n=4j7G\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.72ff42330.0_1591029795533_0.40455054803445667","host":"s3://npm-registry-packages"}},"7.0.0-canary.9ea52070f.0":{"name":"@material/rtl","version":"7.0.0-canary.9ea52070f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a1a9a1860a8f2fd7179e6f478ff33bf62bc3ad3d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.9ea52070f.0.tgz","fileCount":11,"integrity":"sha512-ez08swcIJxCS28b6AHBJps9dRr3Ul4B7UFp9OF/Qc5Y4akoIdDyR3J8+JYsnldzVN3WQQIzv7Wzn2QsqDB8xGg==","signatures":[{"sig":"MEUCIGnaeLn1+F+UyVzhe/Dja7l7sfHPm7KA5+P/SSrz3bF5AiEA3V/lsse1GmSgO0NwAza3fhoilkYT7qGHKx8jmZ5Jjog=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1TFdCRA9TVsSAnZWagAAnbAP/if+v61UeJ4lbX88cyLY\nOc2c5SWyyzHZLfFQ3vi16h5vjqR72AlSwdSwdvhkexjAMFDVSGtnJasyGwPM\nBKZsmPEX+3UcM/8X4FStN7fI6EvbwIpO3tM7KSLBUYgA0HYCW/tMQ3GCAUq1\nSU4uk2DAUJcfz9MJ6+p18Qc2lWx7RHFRVtyUg3bvwmF9hkBnK5H9bNgAblhJ\nH0yJXlDaqmPmYqTxrUcY9VNR7Zz+PkEXiOT55Ixl4VK5Ws9e6XT4dAq+TicB\nr2JCC2NsFgS+gsgoLPWygqtMsDOe55tl52SZSCrg4/qv08ODu3CRbso6Xf13\nsxWxouIr2DmVthT3e050rtfmyYCLE5StazD8gtTyZ1HSCAjsZ3EoBeaeCzmK\nUAus5qnhv/c1ep+UbDMEcuI+zK/8F/SlTAElzFtdnp8elKgekoc/cKZqxOM+\n6V3Obd73FVqkPdjhCt/EtfoaG2GGsjuogcsAybQ3TGu+fpbjRaSoo637+spS\nPTI4XjUkKJwdvc1YBLeTEtzTIJOlOmePko6mj3m6R0DDckA8u34m9jxU9739\nz/uVPnXIXdcpjBGVWMMovA4C3eNR21xIjTEiHRsgqLlB4tP5d94FTCckESmR\nLGYSQrv9zNNZay083JigM1Kdq3BIYz2PW8/wI1ZwM2pekWOYTEM8Jzt2KX8w\nI2pA\r\n=XEDE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.9ea52070f.0_1591030108916_0.36793566345904805","host":"s3://npm-registry-packages"}},"7.0.0-canary.d86ad3b60.0":{"name":"@material/rtl","version":"7.0.0-canary.d86ad3b60.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8fd84562ed3be017091a9c22713e9ae2d2e02cef","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.d86ad3b60.0.tgz","fileCount":11,"integrity":"sha512-n4TLT5dnfvWidsSPqO5ESvzZMmJAjnRuyjoQDVBz0adFaD2FPhAc1MFR5aMzcjZJO9MUhmnvbP2/Vg8UJqkIXQ==","signatures":[{"sig":"MEUCIGrKNCSwNTQIVn2+s6Pm3GqUmWLwKP1jeStzHjri3G8IAiEAiMwuil9W5b1Y+HwiFnAj94CGZjzTjJx9SsLS5vA2E8k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1T9dCRA9TVsSAnZWagAAjVAQAI8KoEMymkD6gaWu0fXN\nPPSMIYU2Ee6rGBfsIP4FuBk351BauXO6vXa4ssBhlOujvU2PmMAXF0ZN8M36\nSiiFRFb6h37xWLlZv24K/t87u9B1xY66pLrnzP3+e8z04sTP7YJQmm8JOhp5\nGtwLxsI3+vtaRypy38MQNTZeC0i/YD4Jo4uaDT2Egc/MPlcNYt9Ih/iungv/\n7JHyCwOb2g6W5AiCzwLBei5CSAF/UCQxmws2Vqmmk+ynUztNGhZzpt+aOIjq\nAI/WXVE5gqmcban3iEshC523CS3XYtoz3UXRINDrWOAdC4mvsPABgusIZq2i\nAAnqKAmnRuo09j45VwnB3EjeXNopWbreVKeKyU5nssJJKai4oAj1z3yVeJ7h\nvKVeZLtgzNEGcnIc4JFF1/P8GPzKgx8+y6kw76LnN6QeJNfPbIwZ818SMVtY\nGzVcKFVtx7M38mj7B7xhMauymW9rD8lSreIOnPtZywIp+S9f7qMkBS29Njm9\nkH6073mSBZLOnCKq6W14iKzCGEUKeQESyPrA1Ys6tfVa28NhBPJZnxWwYBXA\nJbd7PjilqjYcyZIl4HcLrL6UvpuD14JVQu9S0a2nomcewtVMnuTQhcZIovzb\npXKNwORV0/LzXH42C5j+1unX9b+GaYh2QiRa9EEiWgagvJ3IXbim9p6mFfSp\nfElo\r\n=Lodd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.d86ad3b60.0_1591033693397_0.9564330437353381","host":"s3://npm-registry-packages"}},"7.0.0-canary.b9776b1d0.0":{"name":"@material/rtl","version":"7.0.0-canary.b9776b1d0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"da1cd561fcd04970990d46f89c6b4813c47ddaf3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.b9776b1d0.0.tgz","fileCount":11,"integrity":"sha512-vvshjzit8LtdNYNr1/GCDsf9ttCbB92Jk8gqpN+vp2NLL2cwMPdquRh9mlzX1AInm9bSL/NqX/buFgNYv7XAog==","signatures":[{"sig":"MEUCIQDR01qbRa+D7LB+nNYMHU7sJyp9QWCVFBh+IgrU1tKYEwIgDQsbp/vazNxPu7wFOSoDMqUdTfCCdJI8saQJ0Ux47E4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1UgDCRA9TVsSAnZWagAAjCQP+gMEByIcAIYzZF76yQB3\njxGqr6AKotsQtguaTmVVPpUdwiJdMzP3sBMcn/aUALzBX1PMTO3kPnUL/dlf\nQ4CskyIsHzPtEfM7Ai+knVQFMAxP+oMDHnrymZbYLnYgPaJ8v6+6erP3siLs\nV4sxNJm8MEF/38KOMct7R6/DGY27gXrm5j4leRjgzD9wm0KRWPezAr/SLyP/\n7boAnTXnlgeu0bBZ/Vt+Sjz3f89XS3mqQY7XXEe/297u2jrhH54N+V2GWCjR\n5RDlK9C6DTlYDVD1i4yDsurPf26wMFEk8VEi7RYMAciNQMTdVgj0efuweUmt\n2gO6E1bL0U77Qp7bfC6LGtwpMrFNrTxhAsVuiIjZ6EVacPfScBAPhUQbj9t7\nDf4Q706u4OmYg/9C7WjvVZQ622SxGNUXzORk2J8oLlHqrIocL/uNhkH9YbaW\nt5ygC8Bt8PbncCAqEFhgDN2C2azinHVN5bej2P4shZtEwJfGFG9tcjYuslum\nRbXED1ZkbuX2IJUR8B0rvdKUpGlX4dtq5p+pQKnvSegulq83yDDdTFH6etS+\n2Hr2377UKeLL3ElyOF9hlnhctfQ3hefnFP7YH+orOp8P/YFghL5mJUvBiSlW\n3rQIAz2exfxsCLiC5nkyKptVBOVbuQYmpX9ICG9GsUsfMj7FPmkN5hM9LqBc\nSgHT\r\n=pScp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.b9776b1d0.0_1591035907501_0.39777633293464354","host":"s3://npm-registry-packages"}},"7.0.0-canary.ba6f7c294.0":{"name":"@material/rtl","version":"7.0.0-canary.ba6f7c294.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3263c9075c09c95dc4f1fe747522da71e66c7f2f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.ba6f7c294.0.tgz","fileCount":11,"integrity":"sha512-8TavvyaHGdCq+5zgkSF/f26m12qP0fbHzJiBdBGrzQ4XiNrk4SuFeoXisDN0Kc5NJ4PKrAp8QPPZJa9EVVysew==","signatures":[{"sig":"MEMCIH2pwPByvxakex+Bd7Jp/K0eGwv4yBSXzj5dGJfheIIPAh9mfD4mzVrF0zwPrF/sgRPfymdOSI3O17KF+fGgogWm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1oYMCRA9TVsSAnZWagAAdI4P/ilFb21bjvYEKkJITwgW\nGdIMfpIqgLlaid7GsYtEOcjm+l/XuCS+YuU/6Ag1H+2w3f4XV6NTygPm8qz9\nC8y8QDKyu22+i6Hia2iydzZmcrNnfmODPB+b3uDySToxvD+UkvUdRDKqQT+w\nk60FBlmH5c1sMPv6K1nxnmetxbiXadDd0rXSHa5TfNkNlFPLaP0lNRrsEBdO\nNqiYCubfZ8Q0sU6wNWRox0lo8fq/ZnM44HfRAesiwKP6aAyUPNPEi9BfB4pN\nWAZC8jmx2QCdxl6IW/yjk0uAr4hamv47ZAF3gTdhaQTgUKW87r/v4cSIDWfT\n11c/wMTva7ycYE8QgXxg+NQS0Bb9yszNhqOkjI2VWyShK0bqFadhoY/6JCWK\njqE68hQS58qZmnewPGU0XmE1zxLw8sZQQj76DnNOG/GoOp884gIehTgKhDeI\nbXUeIaERZo3Ox8s6L02AFSqcL4dTr55i/ryt+Qt/HZDBwnPcfKtea91ghanL\nFqRiywsZsr4u38OgYfIifUiFg6HPVkvvzEfnyJ2g15HkHDGZSgevfqwnAm3l\ntJjM37MeBeQLBKQiBFy1izAjEh/PUhJw5V6L2/CyNymGpa2r5fsTf94yrWcC\nWrZP0Yg/wysf4jF5Su7Xpy2ODewlRAJZRtAChf+Zi6bSh0TvWf2BsmLgAYuM\n68UM\r\n=Cn9E\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.ba6f7c294.0_1591117324215_0.9279902783057012","host":"s3://npm-registry-packages"}},"7.0.0-canary.cf3b664ab.0":{"name":"@material/rtl","version":"7.0.0-canary.cf3b664ab.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"77dc2ef8b046afea112ab2d6e3d1931a060ec2cb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.cf3b664ab.0.tgz","fileCount":11,"integrity":"sha512-/bCo4Ey9duCWTxiC28uTd9svNyr5eNAusBwiqzt53xFsQFdpNOB49LLUQ6olng3ZFw0xhsz1Nr60e1TR7gbwBQ==","signatures":[{"sig":"MEUCIAEMDgAsuJo5hOOhBnZyaBf9TRkHy0x2AfCcS8qpKUrHAiEA4NlF3baXNGWrSqbts1+GnpoWufi/q4yC2QCKkp+oE/U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1pj+CRA9TVsSAnZWagAAtwIQAIokLOYW519cizjgLw1R\n5xYFhUH8HI2oZ2Z1sSaezF7cNYyvEvyT1GjN6CR4LWyl0vxoeghhL/tUbq4y\nU3d/rMHhwu3rlmyCPA5PBmttGPS2FglUY0AU2ZpKD19jakJCHdZFQvSj6PJZ\nHZbakbausUO8uE8ON8hPXv/emzCe8faKifptmXHM5i0mCb7CfL9roNyidGf2\neNbyTaePGPa3qAiQTBtxqxwQsO0vcWMLyFJKGsYlXLY2H/GomVJ9qDK/rOx7\naoQrQLQq1vbWi35Qc+1Ee5T0ZPaK+zBT0k6ff4eOOT1ytpQvTICcMyMRnYM4\n/9I+rS0kqeyP65ZXSY4w2QQYl8FwrNeIhaMxaBdFZbC7tTGrl+/MD5KiM3V5\n9yW7svMzQSDQwLrJHESTqpEsFKPDnCFddNWoY+4UsxaDoC6rvqY0IAZFN3Ee\noaM1RUmhvRbUpQqupTTEtBYLByYtndneogtrgHAcniFo1Ii09XPUdIjylRpi\nOq8Uzi+godeg24cwitTUs0A1VS+bRjqnh0lG1gQNgh9dQomDHZkC01cagS2A\nG46EJDJNpIvSTZ5lwZ/nWeTwqOIHivkxnjlS3UxK/nr0PxhfXXfgRln+2SzN\nBEHGjj8uVctl9sQX2hBOiK52m/P/jswEvbs0I1qImyemf1OJJFvM7OfdXwP5\nez7B\r\n=/05C\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.cf3b664ab.0_1591122173870_0.2457977078322524","host":"s3://npm-registry-packages"}},"7.0.0-canary.4ba3c9a31.0":{"name":"@material/rtl","version":"7.0.0-canary.4ba3c9a31.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5db63c2158909424b154e736d59faca7f89cfcd0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.4ba3c9a31.0.tgz","fileCount":11,"integrity":"sha512-Hzyg3OPJdIRMKfOulzWnTa60EUWgFyQshCY0WhmY3zNMQbxdvnLkXMQswK+oQmJdyHP+iYizIGWSCfhHXLR4CA==","signatures":[{"sig":"MEQCIAI591smsoV2cmQmytSDgPfshqyWUQEzBjc+p6ZJuKxSAiAWm0fU6VeFuUbdgHpLpEUHkiq2aOjRPAxJSeouMUgylQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1uYMCRA9TVsSAnZWagAAyEEP/0PBB7PBjHxVA9NDiEjl\nZtKTzVCqiTwHj4zLe2BuE3xVzid7l4VTJ3CSDE3JwSytS8rxf3obRcq/oGZw\nmM/mzE9vDCZjOe+/4dkpiUK630K0y6ISyMcxg12UPiEzoBxWEDW/Xgz1QANR\nC+483DQo0VXIaBn7uucIRH88k18THmJDa8rcmLkM0GvDumtxYGTuRhXPu798\nksoOPx+cgFTbCYClJdpwZJ21KPgw98PNG5tPwI4HsWNJJaiI+rcJmgIRoZgv\nj7Qst7TS2CLrcmY/fJ9FC1HdYl8OzV6H2LptIRjgyfL3FqLXHMj74I4TxWgc\n/kgLkrPpouUf1kk6ejBc3um0O5SBzXkUWOzvBSGpdgzWQQKXzcf+p2w6Zb5q\nQerLY7CqMRQOYGqHhx3gV2muQrdHewf0YskGStImJtMJMeK7PfQbT4HXL0N3\nAWIz1BW0ioTFv+7vld1eHaCLv7fKzh8TIHOl5S0klwJCgYgiKaBqaF67U/Wn\nWlRlvzSxMBxO2A+4iYFaQvLVCDiRnQkMvLOapuaaoHVe67bHE82MxgNlZNtH\n4eT7GktY9JK4Zmy0lW6qeGrZYhzDlEpdyG3wapQ9rzlAESQbeJJUqwHDIsW5\nzdMf7/W7W5FJ/bkMew4BahO7dRtOxyaQa1cf4FsJ1xqH4NIWAkfnUAAMl5F/\n47mL\r\n=ji2H\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.4ba3c9a31.0_1591141899919_0.19547835076805664","host":"s3://npm-registry-packages"}},"7.0.0-canary.388b042c7.0":{"name":"@material/rtl","version":"7.0.0-canary.388b042c7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"682942133cfeb22a91e98467d2c3ff2bd6659867","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.388b042c7.0.tgz","fileCount":11,"integrity":"sha512-IzuYIB30G9f0GUiM82pAE7yvzX7P2DwPW/rgEcLVdAOmbIKPQ8qNkE3Ka/o+gFLE0EmPd99eIvMofSEszCX8Gw==","signatures":[{"sig":"MEUCIEzEqQbWVs/iwwCOMZQmQItB7aftPA7ZUjRmkV5+BXN/AiEA2tkHy6paR7eDVs73li21xzBfVGfJztTrg3RCi1Re1fM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe16mTCRA9TVsSAnZWagAAM/wP+QG2drH47uSbFjPgR7d2\n7Y4gU2agQXoDlNcz2cL1dVAU6kVE7irqCeRHN979MNk/664QVf/dF3rU6Aw0\nSLoQiR7H6PT7VCt+IMs8W8geT35aQ8rGlWExh5yF9GsrsCqUviiKBhtjEDm5\nh8L5omRz+cCaMMlROS6s+hgCiDnCTzuiEjyGkEjfohEF5PXhITKJwU1qQ9bY\nPuQ/STA16htFhj4FFKkvz4mJeKw7WQ79Ab+TsssiBxBfi/LWBC7Tm119Qu8H\nbYDACDNp60+XYRtBcN350hEjgc/0LTTZgU0G0QnIkB+BnlbZ13jQyW1Q4WoF\ns7InFqi/CxsLkqO69ZSsApXOM1atB33fQ7WlYgyoJ8CsUYLZCAYCzSzHa08C\nGKRhdZQvcwHUlagge9y9Pv9I6Jez0RZ9z/d9hEQ2+7QV9PU2dLuuxBPO37DZ\n9/Xu999aD5hNIIo3Zij1xja6lqhvEWdd6G/hyGMI2ITLJ53oG/WicCV1OC9G\nq61rp97IULgG02CVlnmhUSf5XR4R2Mnl2/W1cC0QxmX3oqz65DdVcfn0TuCo\nj8VvXpo2OAKt2gXAARavO4LnEwp5gdRWosj7IAqgnB7/kZt1UX039H5rt1SN\nzoU7AhVx9otRGdsTS52Yqb+4/s9aTzw3Yr4Y/AruuZh+kDhDJ1tBNuhiI0bw\nm0Ko\r\n=5Q/E\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.388b042c7.0_1591191954760_0.6062608658815778","host":"s3://npm-registry-packages"}},"7.0.0-canary.cca1ca84d.0":{"name":"@material/rtl","version":"7.0.0-canary.cca1ca84d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"21985a4d21f93712aff2f2ce56ec7dd2aee7a8a6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.cca1ca84d.0.tgz","fileCount":11,"integrity":"sha512-s3fZn7UDYZFdKv0l5kGAjGB2BSpyOZguigaloetbcAtancEbaxetI3/QTZmm1N2mtuIWADe6g6NuXhBhxvJ2eg==","signatures":[{"sig":"MEQCIHkJks5ZK2JQrTZuke9/HN1+sDA381U4QsNImjS+ebvIAiAzBHRw70YD7Dl/t8O7ASLclQj7CX5Ru1XIQF1BxbhoVg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe18mYCRA9TVsSAnZWagAA498P/j646NjoBoLibmGdjrbN\ntQ0Ix8ovlRm08ce4l2QRREA3kxV7E9ASjDhQAZGatXsriY+bXvue0pBuGyW3\neSAlEzwxjCwuhSmBKalhgAdX4oZoFAyacJkNt59N+TnRV6Y5iw+/5U5lvYJm\nPMZ/9KzT8yUFoom73D08lIdzQlCavpAyC8QqkSfbuviAPH32nnx5baCgUign\nc6xRAWu0pZ8NY9dMCzsIvxT9USxlW2msXMsB1DcOngj37Aq6Gp0JsyzRH4Yi\nShqYcIToNn2lbEx4Ioj34VyBXlyBPV8ZmnZ1p2wsxVYVSUaNGjM0h6batc/B\nnyCFZXpusjUrGRWNN3jqTIkhaoaBj04DWUi/yb1kABbrBmkNHr6dk/l7PBMx\nYq40upzpA4QgSuY/qDSO7FD8X2IK8JVaiWbofug7xBNYtB7peRHoKWWrN8fW\n01dy2QE2mtH5HFZBrbshu8oA2XmkloSaQWxiKOeHirdWox6Px1N+hW5OL2NU\niJjPP2onSAogcILjO9nnhILKQJs/u/xFey6binxefsaiiasEXXNh9cUosuo/\nnZUn9pGl9W4aHesfyLdS8hq5mz/0ZVLdkRqXvykfx2te+/PeTsviC34XEn2x\nHUuzHqAtgBcYS/980zt/gWZ7eEjkZ4d69poE0yDvml9uwt92+uuVMLQMXe23\nxB79\r\n=aWi3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.cca1ca84d.0_1591200152245_0.8318132370261495","host":"s3://npm-registry-packages"}},"7.0.0-canary.9b0b5f2e0.0":{"name":"@material/rtl","version":"7.0.0-canary.9b0b5f2e0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"289f977b96fed1fa7df1917c2a5de828ddf2a1ec","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.9b0b5f2e0.0.tgz","fileCount":11,"integrity":"sha512-c/776Tsc61gdmVISvAyMhMczA9eXqTOlGUIKLzb9HX7Zytm/M3KXbQQpffSNpXDLOR6KE3bNO9PCCp0rTVzXow==","signatures":[{"sig":"MEUCIFKxGvu3m/zU+FkhQQuaQ4BBpV0M1iQCOX9J2vjVhwFBAiEA6bVpIDQITI8TdTI31H9AcbcI1eSrvIkkdMMNnaraNxU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe1/J4CRA9TVsSAnZWagAAZqcP/15wAMrjsUJwero4Pg6u\nUxgbZy+7HdlIcRMkHPkFDdYLD8hzzIrlwzW/GeZyoLLvL3p748eIHbKFqhFT\nsRZK+O1IVYowmdNUVUfHqhsqwoCXRqNFVQDgiyjq9mg2ZPHttpqlQ6bA+Kur\n+A4htTWEJ8IFjifQRmADPR3UuWm5jAhXeXArzTPoqiC5x4gL0IIITwcJltTr\nGwNNGRcUgjW/9FgJ0dOykWYhbWeZjlgLRa65tzDeVeGzZ8ELA2gWoUStDrpx\nYYurasS1IdpDt/d8qJrUYSuINvc3HP3wHEqkARakvt91ncpskftnRKkuBBfG\nF7M+rMObyA4B1V6x/rCPTP8lnuRk3AE51XsV1kEi3N+thPoHyV7pyrbiuWqJ\nUYzN5lQnGgB2cZanFrOoWsDu1TZPZLSnQlKJSlbyqkfR6HaLQlOJpp561hCx\nmgacvxVbk0AAnKQvYuq2adrcPQGwmlZCcI63tnko2bs5jgtqLY4XDhixjBLl\nfB5iKFLE5gcFyVLgeRnpyZhTMIt0T9i8Y0lIgD6awRhAhEgTUpInkqJKwk9w\nMAhAgGcOUxcWwHKiWqGxvpkbBFawAebPJCfY7WbANPkcXeSDSNeWAmH8lnFk\nLyBtIVqIY09D9ji8uWav9JCQb1wpp8sv3/HIYEeOehbjTSsZ2nLi1R38uxFN\nOdB+\r\n=gGWE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.9b0b5f2e0.0_1591210616178_0.4951753842302369","host":"s3://npm-registry-packages"}},"7.0.0-canary.0a7895f4d.0":{"name":"@material/rtl","version":"7.0.0-canary.0a7895f4d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c7608ee2f213d19d24dcf7f84252c343799230cf","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.0a7895f4d.0.tgz","fileCount":11,"integrity":"sha512-NACeVEowMXjPS+E2+8o1hIKgns1snZ5xJPQQj7mFPvi9UfUlh7n72uiB5DipYZ6zqa0ylROloc3Aa2j1vSd7Cw==","signatures":[{"sig":"MEYCIQD+x/yr8f7QfK1Na9Luvtwb931fCxfHduk3z5HcYQjY0wIhAJtUTKQ7MYAE6S8ENpWPdIvWJ4tkPhjsKMfoBcLRvmTQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2BFKCRA9TVsSAnZWagAAFucP/R1tHTlWYUO6EOD1O8k+\n0hU70bHL2WBV9j0rshdsnTMnUQneoNEQLF7UZWmOcia56ki8WY7ZdYl3JuPy\nurmed16iip6F+8JIniQd3EeuhhurscOF0bdkMQrlhJxM1x/ohaBUzxubMk2V\ndru58VoxdIJG4dZvDKw12dHcsr8rjm1eCA9qxOAJY8M9jk+Kka8EEzcGlduK\nAnKZ2ah3XUHRHSd2NodpwbckUzv1UXOY9N5dL7UmCOuU652PcD7k7Colqjkx\nGF1Ah8qUMjtjG+4u9cILv3f31nTBCLFeSX6rxm6MXUej86QJKEQVZeBozrI3\nAdf+W8lG2t6xB21Itnuzi4vZZI7EyjRTH8k74KeXpvk8PC/Zs6CB2U9hBV3A\n2PfsUzycWEM3sbpglLgJ/9N0V/VZKh7TkUUgEkFnAh2rvkYhja6wZbv4F1Yq\nwshdp4hUnv0JaESRzSGkyFd1vRnwCsWVvxnpbB6Qns5BVYtsbcxyX2rYITir\n11ZgMUFUFuXQsCpNpqECqktCdvu1ggPZjuKlL0h2tAKc7SzffFZYpCaeLx76\nXHzrMS+Q9hCgkbo+xZsg+bY+awL8euhzzMvJPCdGu8kwpcwuxWux2mYkLYSY\ndLtqRDfXd8sv0ZPlEAeFKfQsnPE8n0SQ/QcdATn8MC6dJpxsPGnnk33c3JcK\nbA62\r\n=bS52\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.0a7895f4d.0_1591218505627_0.4317553481052818","host":"s3://npm-registry-packages"}},"7.0.0-canary.7461aad68.0":{"name":"@material/rtl","version":"7.0.0-canary.7461aad68.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"403b481ab69f8638f75d19112f8c1e0185315411","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.7461aad68.0.tgz","fileCount":11,"integrity":"sha512-J0xgmyZpAZIYt5hsnaSARIjgZgEPV/6jN5YYscydoPBA1EwO30Guyr57kjICtdK2buSDuY/VIedC9T0Om1wBMw==","signatures":[{"sig":"MEUCIQDJD7POvCWjPNQdvLymw5JoEvOeDesrQU/dvJWXL0iLPwIgJH32JIXU1ckgOPBnzyLGt7LnBwlVgyzguSZ5XjIR+CE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2CAdCRA9TVsSAnZWagAAhbcP/2ZFmqnXVev/VSfdOEV9\nS+dpnol3zH1VMiPYOXuTv1Yu1lIli1aU6lnHcaO6/U+UDZzxGRQok7/q9Lr9\nFq+LMtNNzmltysj93fWl6G8bs+T+XHeIV8QdtY+OOQLb11zaomtCR7D16uva\nBMAQL9CpUB0G5xGekoNtIGz/mMJprNY2weZy9KeQqWhcQzImFJLgpWqVgDJ5\nkdCjICll8Jpt17i59ReaZd4xPiL0w5pv8H6BV8rdkrHL1U32iRB1V5vobLgl\nWvvTPTGBkR8weVoFmC4OTEpOPRY1lH4mOkyctHtyGR3YtdG7wwfb/FyJa0AE\n/pLIlDZWv+xMGDwlNvHPapu0E7TKFvghju6liHKI9iSd1MyY3JcxwbGHgtHh\nkZepvhW2wqR1xPzsu5fZq0bk2YfZH6SX1HPHL69lBzm/4j2rFU4tCE9jMUnB\n6gMP/DKy5TfO2rT9ctRSF/NGEP+OoUvYxLWTBzzXmlAxPvP6L+Rj/5ctEmEn\ntCW7bQYcaOvDNVdL3m3wRyeKLiGx/W36DorwAphCNtdGNuizHIiuLdRDiaco\nD2yx93qOip/GW4VW6hUJBAzy0xRuvb0/a/pXPgIGgGwSM+uXpJXBx1Ey/uhF\nHP+8BH9mBUodLLTG7vv0j2ob7vvmwglK52sWWQHmsBiKie9SQgMopqFWUio2\nEbEz\r\n=9zmE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.7461aad68.0_1591222300695_0.10093699708205728","host":"s3://npm-registry-packages"}},"7.0.0-canary.a0dc2b5c4.0":{"name":"@material/rtl","version":"7.0.0-canary.a0dc2b5c4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a9c3e326df53a5ab714e7f3b36cc61a437afaec5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.a0dc2b5c4.0.tgz","fileCount":11,"integrity":"sha512-QqbQc7b3BluMm4z2BN7qd/RitHN+rKPwUt4IpsgkgLS36iIntWWtGMwGG65YVHyFxmeypBkK8URjAfg5PAko+g==","signatures":[{"sig":"MEYCIQDqeJvCcEezGBVB8D9BsaADrpgcmmGt3A6EPM/XwW3swQIhANa5lzhde5Os1aji85xFiQydzQpbepE25QFsxG2NMUbM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2WPtCRA9TVsSAnZWagAA6u8P/Rf/cGJFGI+mmCSyXjcy\nd/fn7cxmsCT3ZUwsAIIxh5hn/1DcMGYdCTGKPUBQoFBrrgdDKlRAXJKEIdul\nMldYMWRluRViu2VevYY9iHuImOkMh0UBIa7GsMBcWDglLkdxKszF5+1p5zYj\ns3MgGcV4B6R36AFim5W5sB+oXHPK6UmcocxmqiHqzUoG6FQ4wLbkyLWjKmJQ\ny4pS/uGlBNLlc+IDiT1iNkh3HRUs8Bxex3E53nNShkgAmWIxzhwhhunWbs/r\nZptwR7hyKwhpOO6HWek+JD121mI/z7PXQIjYdhpCft/LPm3XkU6O3F6cagHA\nRdE4kLj2YrLkk5I4Yv7EbZVEss8oo51VaMcYrY1sXIp2YgnryvuZDvH7RTJh\n1wxckqrT22hxDkSs+LKvI+i4OFYWbEF5+266979WQx2zha+znc0lNJwXoxBN\nauuRlVEQkiP0gzeDevhyzSE1in7kX2P0FGOSdHTWIoc5BMX8wg8mjmaGJrLI\n8bVoUXgHcy3ueLnFyuWMSkOi4Zg4MowgMdvwqrKrV9cnBYDH1v9GC9JKbZBN\nRVvqoKWG8ane6Sr2oKCFEfaKWRzRqot7P0Nu0YG5AOeOlqdSnCye4dXEV0cj\nYB91JPjn0BmH1eZ7ClcjMrGx1BrCbXkxYwpHlsVa3v2++m9xTdCG97jQTdAC\niB0Q\r\n=yak+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.a0dc2b5c4.0_1591305194660_0.7384580127628793","host":"s3://npm-registry-packages"}},"7.0.0-canary.2b420c5b3.0":{"name":"@material/rtl","version":"7.0.0-canary.2b420c5b3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c4067efdcbef7e188d07280ff8f44239b893c0df","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.2b420c5b3.0.tgz","fileCount":11,"integrity":"sha512-RShe4K/RxA04rX7igfd+BwpidaqHmeWzx2LC6+S0WWm47kLGNm86RVewWLF1h3Rma4WYl4q/iTG1RC44cYrEAQ==","signatures":[{"sig":"MEUCIQDLya10lQ0kbq4XC9s8dS8dxEkvTGGxNcsnYV970spbSAIgfqMzQTAujIThu7XEhFAfqrB7RsI0uMMieli3UJO+iIQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3mO6CRA9TVsSAnZWagAAWiwP/0HPtIoZEb2c064QjODT\n9GMpqzpHIDVGxAOBc7/vY8ZcpfxMKhwA41lam4o9/UUgqzRq6xTZHbwqiKbB\nUFqy+NqzgAxjPU/OUaCGqmH3dHs631nWWgrJaNg1y9iPteyyi7rE8JSmB1lD\n50yTCTtt0DitgXqzx9CulNvgMseMISfumM1XsrjHv0hv4G/phnljiGGeprxW\nYdDO1lctj1bZ4EWNRg9Z9IR3j0qVWa+tYrAR7jIJvNfRJ/GKb/l+Evbu36wQ\ncQ/MaeSr+50JJOzBDtsxK82xY67pAWldJla7SPOxpl3Z0mQxc82savkZBu19\nALUl8sBe7XfEeFMvuBwP8Uz1g0W7uTHEhFs5NdKMY7m2mJv7C/cVdev04FBE\nTYtQIhlzN3Z5RkXHYUf0YIMNM3RpugbKLGUOwIPxVpdJsGZxcxmRYn0MNcuD\nhmOGR6H5th0YnQgN7GaFScM7FxAZE7TR9xKMtuA/cJDGwUaEL30sagg9pUSo\nk5u76ZeupQP9UUnTIHumoluOLmUwDHFj0Lmow/KxApyODDbcadCpKsBUurII\nbO792C0of7uRBOyfQynBtxB50CNkRzJMdieWt+u9U9ZBebofwk4fyMXM9Le4\nYHnL59a9EAgUvswM3KvyPR3+2wJ55zb9IMkjbx5cHvgALJBjdIko+/ou0VVC\n9csm\r\n=2Dr2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.2b420c5b3.0_1591632825636_0.891956134271471","host":"s3://npm-registry-packages"}},"7.0.0-canary.8fa22aacc.0":{"name":"@material/rtl","version":"7.0.0-canary.8fa22aacc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2bda35be883b8f1a3d289be05dca6ecf21d16bc5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.8fa22aacc.0.tgz","fileCount":11,"integrity":"sha512-5LHrfMs7Bt7im1G5J6xDk3hATvtA1kYquogtGNLHs34XpIwlJQ5RbesRUILMdRPJ0ih/thjDFzloJ2ULDfDXMQ==","signatures":[{"sig":"MEYCIQD220EWV/1+fT4TnidXY0bH7qH7aGgGq5VJGLur9lD6zQIhAIY/ljcNT+nyrUuMk2flUQix1S6H1HcOW+SQZzO7IhJK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3n2PCRA9TVsSAnZWagAA3v8P/ioabZWYAZgVP99gsPnc\nrhXiQPETZyCRto6CFK9tDPvbQTfONpPeYVsPPpJnIIVS+zgpBKoVpIC1hBHd\nkCwjn2s2YuPeiUsM4nMLLXYso1l1YZZtcmRWQZpV0w3+9XFy81Aiz3zXndbm\ncdREJJ1y6aYJwyz5o3yYRf0yx7PfuE5AaXcSwOSBDh8QMfnkei7qJwz1usXf\nqtooLcs4/To/QD1R7s+xGRrKWjGt7UoZy6MXD+cnZY0mbAIKFt7pLvTm0rlX\nRAPZMdXJDFObEfLawQXq1G7SQiqabBn4mk8UikQQ0Wl2Qk3b8p89LXXYdwUi\njbqsh/HNv3gz94n8UkwU8LZJzvAraO8/TJV6CDM8BxIqRBtU/g0Ens5bsQQW\nGwFw/t6pEtEJn8jO2fv8cky3lahS7kTxObw5tbMDp/x7ZNrYahFAgpRsPZfz\n+DKCJoQ+D1fx2vfLy5irtmgMn00oFc7MOH/qx66TWMuLinBt8bXbAXCnER/N\nN7QASu3GQ2ZkErkhq4a0QmI8xjc6kUn3eLLg007nPWRpP+BsYQvF+zL1GgPv\nNEGbyYSZ5X0SmwoFDiYJ8jBO4kHS1s3cQutK4Dz7Lyp1qugQ6UY49aP3DkFi\n3/Rm2pejogQkzaJcwVuFiPtP85TJGOytntKAgH1S0jg/6vjTRw0bNziqvmtm\n0IvQ\r\n=eN9o\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.8fa22aacc.0_1591639438638_0.4203937414327201","host":"s3://npm-registry-packages"}},"7.0.0-canary.21c4e4ed8.0":{"name":"@material/rtl","version":"7.0.0-canary.21c4e4ed8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e5ffd65fead62d3774ce83297832b313026d5fcf","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.21c4e4ed8.0.tgz","fileCount":11,"integrity":"sha512-6aIDYcx4QBu/Cy0UFbu+aAPRaKFW0FbS+tBTaROikznuWhqlW38XZnkxg2Y9d/aOpXUyyJ29LipOXaFlA2RQ8A==","signatures":[{"sig":"MEUCICZFEMCK/o8gIF/t1fsuOSBmwiWNUgkjJRLovW0YWdGBAiEA4SBSAMBVl44XNUuY6Uj3OID7eEaO/rU1qfmG5dveqGw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3obYCRA9TVsSAnZWagAA5jMP/2IcTDTgH3UC07KuKK1+\nCmo17Un2uy9+wSpLluEqkXpvEDsTA0hrYmUmSoeNEpnygRtNCB1he2Qce7lr\nXVO708rtXtcehyH0anKGwEokAwaFFr6UJoYeh8eRmVfKkJ4hmHiUUbG1H5Kt\n7OjmwMynt9GyufB48nNxugmv4iQof1TKtyAlsy8Rum38eEVejv7ASGlGXnCT\nLboyl6kGTMZZU9t9KCuzbk2gxAXUz4dYwNZ6gSvI/qGY799egLpvE2EKayVA\nZnbfb4S74jrh1W2m9/OPx1QYEs2lb++QUDU2S/wF63eLzVsdbZHqi96i1V76\nb7uxqPHLY/lEt4rvLwd0ZMtyhkDpxGye0G1R4XXpu7Q2PM4+mK0FwM69eINV\n4iGJA2eH5UIaJ+0wEYtPgfA2RJxrLcjFaTbs75/8xtH7/D30qwi9/s/Ii2XX\nZuslEQFRl9gjXSaHoae8o1RfvKMmTRWELeZ6d0ujtXDctU0FA6VJM5AMogBt\nA7TptH3YRVaXWSg7EdYdQ6ND48RTw7DUIqIzRi6feP/6QzmyhfNJglab4MnG\nKhWL2B2lOG6dPqSrfJUhJLCHj5Nj92yKai4cVFzVMeyXzasDjE4+tPaohfkn\nZYjb8/zCQQuStcKIsExd5fh1ecQzaMcz7IFk9mqsY1wuOSkezWk8xut0VUza\ng8XU\r\n=u3JA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.21c4e4ed8.0_1591641815775_0.9796662039305779","host":"s3://npm-registry-packages"}},"7.0.0-canary.dfde46516.0":{"name":"@material/rtl","version":"7.0.0-canary.dfde46516.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"263c8fa1bfb4828ef22abfeabffb325441f48dd2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.dfde46516.0.tgz","fileCount":11,"integrity":"sha512-HI0WvD9YjGfoaXedsGAMxUwzDGTdOGw+U0W1e6riKARmH5J9sJCpTFjnX+gOtUVqL8+Urkv5sXsC71p/oSbOkA==","signatures":[{"sig":"MEUCIQDExkKYqa3WE4icaSWlAIEnyaoqPP6PZwJOyuqiUQnB8AIgbBzYbXxgWbdmqy5Gikq13SlWHS4b8fVPjDH9kqYwv5Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3pRXCRA9TVsSAnZWagAA2LUQAJLlTU4NbX7uHUjJo927\nYeVZdr/8/tA4qlx1NCL6rzSiSPIYq/+pBlTBJbm2ZaFkwrgP4s7Do4itPLKK\ne0NEdvbVRqVGO3I8ZIUcDOMfxgdLD40r3qh8IVFScTcMhasn3amzMzIXwxGw\n+PcyNw3KbjqLYpqVnOrA9I5u+WR+MYjlh/VCVRzDYBh48Am8IRGKptXW0xGI\nOgy6FO8lmpBeYvZFUqU0t6xPY1GvcogE8R0TyC5bFaX4zQpuDv0p+soYBnHS\nxWlD4ctpf7JY9AKv2uxDvOH23DnY5QOH4ZMsEpJ5g75qoa7y8SgkrPFHHGqC\nWj17UQChAbyVxjjdWYtuePR70qc5uB0lDA7w5fW+wW5fEhwE1hBinxl4DD9B\n99ikwxZI2fN+jc2xNICY2/3TApRQnI1VM7Qg8elDXFm6jxfJDeHO6BTlV9GQ\nqr/lz96cFfcnW+LXWHFrG3OL8qLRzOSCGP27tuE5+LIjqWOg7j4Ifo06lvXL\nb7MDmOjFFLpUcPeCOBGmoptSmWfidAoe4kQlyt1c34LH8rdaVoBHcY5qZ/Xc\nltRi0yTgtKDZrKYUR2yTzRsvnbN93jZ/H78hD+Xwm0ctIpw1dbMtc7CvyT9m\n2p0hvCJTXe2znVD7/ChnEpy2zDRmQd/xt1uBGOsEj1AHfDUB0bKhP4r+qgMq\nF513\r\n=3WoA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.dfde46516.0_1591645270637_0.4504551263580725","host":"s3://npm-registry-packages"}},"7.0.0-canary.05cc5c206.0":{"name":"@material/rtl","version":"7.0.0-canary.05cc5c206.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"251d5b3c96099d88bf9dc33a5fbada1ef2a4f018","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.05cc5c206.0.tgz","fileCount":11,"integrity":"sha512-7a5+6Cvu5o+30YjTy3YFcA9albeDT5Yv4ZYK4qRY1ApvaBiGYVw3GH1Fko4ClzkxLtuQgCeg2Njdk5pabKKe4A==","signatures":[{"sig":"MEQCIFbyYtDaw7nrLrnitbT1/z8RgRz2pGQz+eZdCXoRdKTuAiAwI1g2sbykcwB5UdVml427zfEkg17XMd2TRxKuHIjCow==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3qXnCRA9TVsSAnZWagAA1BsQAIgErCeIaExfNGLXXgxg\n8xL59unovTrpMcCqlGopEmN9N4cJV+k1KnzmgrskKwAvVgg9kh70F0AzpMTE\nq32CbfxiqVryhT6aBO/04PeP32uG2eSEOKcSKCS54sbntXotr6FYbWg4Nas2\nXFUanuPgl5IYZEbX9DNsUsmzPoMD6NM9kNc0eQhU342Wza2G29wZkvdgwiCQ\naXEY06si8pdNQjFg+ctgy75JQ592Ch2BXK+wCj6FOs4/vM6GmV8xzg9A/UBg\naIJpaxbcKvfXij6B4eIqclJQYxOo/AcYF8+HFdSQwHTmRU0zZCO+TFtVqtb2\nSYmBp22wmzjd071GORciPV0R1uwq/RLSQKnDyAl0QiIQmU9Gnk8T0YmnneWX\nYOAjzwUwmKj//6zl8HLy5mUCMNLuBimtfnhU0/eiog78mjCiQRpuUaX6Pnla\nXhuKsvoX6mYPd6JehScdencJugmC0KzvsUpo8jz1DwgUBoh44B+o5mG2fELa\nprhdTdhUMrS8tDUMwGkfAgaWC2WkclLK5/ILEuDbN6U744CxnPiMxmUEl2Op\nVqnMIHHsVD0dwQ3rzDPcQSd2PejZe3+jrdthRFtx1ASN1QG1/xKTO6VGzlkz\nvrjtsaodmYfl3KYdFciYLu6B4Zd2c56rR+KzxegDVagOqfkDXTMYDFer4TDE\nQ7LE\r\n=RKhr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.05cc5c206.0_1591649766882_0.3588363252573028","host":"s3://npm-registry-packages"}},"7.0.0-canary.3ee488f1c.0":{"name":"@material/rtl","version":"7.0.0-canary.3ee488f1c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1da3f8654f7b177c590d94c122be30f8889f0054","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.3ee488f1c.0.tgz","fileCount":11,"integrity":"sha512-ex1xp9cpEeBzF307ZtdB79vIrAlNTD5nEj8X7OeKRQgdlpEd4DkQ4DxFJaCgOMLE3oKGzo0xrhlDPHhprzbmEA==","signatures":[{"sig":"MEUCIQCKzQudAjqrRvVFJzIhojVmKpuOE7ESQiXOrOnEpztDqQIgEBDbUewl5IRA9+h6aVatxE2wM1t+0t7XceguJ0KpgW0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe36JgCRA9TVsSAnZWagAAws4QAJyi5MWytGYFXdKeo41F\nsZdw3qpIlibEHSyQGdt00MnNMii4M2K8OXo6qNDGpUclsfuvSzSfw4BURDv4\nqjnJEOIv7YL5/FJW1ZN3A19CHyZPv4vj5p1Oh7dRcsupZMboOt5zno/Qa6aI\n/l9E2wKCR+hRhsLoJgj6UDHkNavlBR5x5hXyobRCrOmpLIMXwcS+5+OV6wW/\nxzN7rpX/I6EhiMixqrWWFAC3ikfZwaUYiDhhU61AiWkkJ9tPEgoJdtq9Athe\nx0o1M0DmBE2DbWi5b+xJ3zlijUw8aS6Ns9XzhBnjq4Yc99B9au0SpBlSjFpx\nM1ISu+FCfYFAt79g7Zg9t0lqVnZATB/JkkWJbvXt9oCq5cd8tiJKsQ+7H9SU\nHlDHQMdwnrk07B0qxIdXoI0T8H62zIG5bF5qeKkLKocQw9RaYQohCCNGawvD\nqw9W/T/efGmZ4M0LyqPrDDkYhh5zpF2Ktbvua1StTV2P8Tm5NSwzkpu3Vl+4\nAFCysRtsw0DJgvO75OGpQZMXJ699n4Slthlnp/7/sTxfyVaqoFmTRcUhFMi9\nFdbcIEpPWuaKzPDZxxSbWI61pYAfwzbV7GNMn4zY7HnbMe93agvVGzqKUU52\nY8LWS34DxhY0fuq3imwFIUOT503PABLsom1K4N+ODhtBRi9NclUDRugiBfjZ\nKwvS\r\n=WMvu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.3ee488f1c.0_1591714399670_0.1715067036758775","host":"s3://npm-registry-packages"}},"7.0.0-canary.b83d720ee.0":{"name":"@material/rtl","version":"7.0.0-canary.b83d720ee.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3a9bf35d1ca904075d8a3f9f21116714371bcef5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.b83d720ee.0.tgz","fileCount":11,"integrity":"sha512-emv5MetlfaLCmxJ/aAskf1HdUK9GUAq2xDPGsShBz9ojDjPM6DRtFRsLCLIid1QDwAHvPaf9UVLx5wQ2JxkRoQ==","signatures":[{"sig":"MEUCIBlkl9w28v18QUUATOo81KfGx5TNLCD4CpkiaLn3S9LDAiEAk77HS/jmvqKK1vt9rQpBL05Xs80FTMR802WuRcuHphU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe38YUCRA9TVsSAnZWagAAXGwP/Rqke9J7Cg+K4uYgQfQx\nNi+dYxlElPph98zzC45XiNXwomlblADEaxkOhbBpxmq/2weeduC6DrxHB0tG\n/v1x9ODPqZoWbC2RBJ9nzgIrd9s+3iKNLonGQdURrmQzTVEvcG8lJ9o2e05N\ny/8Rh/w5pDF8vI0LCePveG3boRNFp5oaMzbM1+UByduwFOOtYKRkZuVHua7f\n2cFy/BzVPBscbGcNsQKdzNGdKkiQ6Zu9nAzS6Njb7MdBUlC9/tsRQZvZ4vUf\ndB4tj13XhhNEHFxI99gM3UgBy/cIiUM7XZYQnETgStzF7G8VokEiikI7p2uk\nAL4giGxD16PMbGSH+u0lGldwQxO7kSC4Ul86FfwYIF5gd967A+P1CamNUtJi\nuJu/Iu1UAZ3L7s1l0MQFKYZzPnNn5ir0wQAiddkApElDraP+VnEJsQFpndv/\n89m86DnxYmU7z+y3bPDAbgqTJsOqv+WFXxmLIOQkdB8onAr0p3K2+by+K2d3\n8jKJNqf6dTwfgA45rzgVHxC4yYiyX+UAGfpzTZJPiNLGV+OjPXjNdCxCG/7r\n0ifq/3ZzUiVHCQo2RS1BdUlcddzbYWcbyW401eHMw06hzQDSYUs8q099lhiY\n8o7d84gA99OfwrHYrgLa4DgD39nzgiDNUxdAUg38pMidPLJIrXkOOlb7eZj0\nqFyN\r\n=Xnet\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.b83d720ee.0_1591723540309_0.3235136715879745","host":"s3://npm-registry-packages"}},"7.0.0-canary.afb1c11a9.0":{"name":"@material/rtl","version":"7.0.0-canary.afb1c11a9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8e577ffae6c4634d062735f23568dc1f172ff52d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.afb1c11a9.0.tgz","fileCount":13,"integrity":"sha512-w7oECh46cC/sBdsh2YFVwJx2qHJYmMmkqm2LnROu8yIvP/4cMw80Pzmliku6WoPhd3pm1xISMkrkrpoYwHNOvg==","signatures":[{"sig":"MEQCICNOUZFtXNIXCMFxw6rMo3FCHBhp9b2V7iKQ0cr2dFJoAiB0Mgakk0ijscZ/I4/iWwRWHa2xHQ9NHLD5F7Axln9vtw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17828,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3+4NCRA9TVsSAnZWagAAPCkQAIJBPapPz3nAb1+R2B3C\nQC0rOPxAWwWPuiGOqBKZPFsTiDnDbRz+R3wIxECiI+uHTw+Oihf1qZd3YraX\n9+o8xIaTJzAnq3M4M44faoYakJb1TvYXJTpo7/I4s60mVO5hy54UrcNWCY6i\nlC5s1Us3guUo119YqNpzq0w6lF2SrnF8ScNDGNGlpzC3gfYptdS4PVrH8rJo\nIdSzVt9zGDUdqGXnKD5JI+QIWMuCzaqVUrbP0DAh0IMYBjzDhHHN1ZyHse1R\nuKvNgCbs8jNfQjYtN7zb57YCRH8pxAw/2tBw2JiJyiVSvMnD7K9vJUnYK8+p\nsXzjnFL5VBdbTfuttpTtq0RZOXT4HdrSruuxUR0RXKcfvIMOd1JhFq1MSQrZ\nw6JxKWtX5O5AeMSDySrVge4lmaG2XfPzpXbph18zScbDFpKDXXsmmuXMUSac\nD5KQQDQv2KxEX0eFenZSbdnNWD3PmlZkrNmVZw93b4CsvWNaKxbDNyXf21J6\nzdmHpzaRKUbR3WHg3VV9FDPK9KjRLk0wtpLA3yzIDp7R4J8n8PqDSzIHpIkv\nZxuLCR0OlKf1jNh9fV/pGvXtmFFgls+gTb70KizayROUtOpDhAfzpD8Di2Cj\n8ejjWAnxGTptfd/2YpnSjkzjbUEMSe8jP87oimYkPAGKjlIVGiLoHjK53494\ndX1g\r\n=0iry\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/theme":"7.0.0-canary.afb1c11a9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.afb1c11a9.0_1591733772854_0.012951527265239404","host":"s3://npm-registry-packages"}},"7.0.0-canary.39e6f71e2.0":{"name":"@material/rtl","version":"7.0.0-canary.39e6f71e2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"81389d99ec1f4a979b5b220eb361244b1574f15b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.39e6f71e2.0.tgz","fileCount":13,"integrity":"sha512-MRuLIU9LCmTkyKTsPUxao1LiP/4xmThRhGynVstyNpEqMEStrYJ18eOoA0oQqiDcKc2ljxdL86CZTx6gWZJvIw==","signatures":[{"sig":"MEQCIDS0mUaagO81KGN99T0jFdzCciBTOmg2Z8ar2NRrXoR4AiAYIoDOKEz3RdvT3jx6ur/UZK7CJrofrImj88Ghb5u6xw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17828,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4B2vCRA9TVsSAnZWagAA54MP/1nYEOAMN2yn70DPYweQ\n579b+6JBZB4ikBabTD7sLFkYGfxA8yjomfdQMOL1VK/NsLZC2cBhQXP6HynN\n6sePBh1d88Eona1rQN+YhVf1kutuFC6WYd9rxNXXAlf/z0mTMlQPLFXU4xCz\nxBheC9SurJsYXttZyTGAzVoi7TwPKJ5Bo3VN5vR1hBflFbKSR5dBSrw4nk1p\nJJUfsZVIJfOcjebAfcRhS2Xgbh+q8n2OH1iDe7H5XLjwosO727rzLASI8oAv\nbIIM8FE/5uIk7aRNZPGDyYsPmZGXhnmyGXUiQ4BTItXhw+h2+yRTGun44ciK\nEU7KttnXdj9uzX1CMe08yepmWTD9JH5KJE6b0RnzNHhaus37nOzJiIsA7/nc\nH98ebjUer45mlz2mA9uxYAfULJiYN1AA0CXoWAtG81P4MgsCFw7SOBzpxJ/G\ngUXFkAyHljIvlWVxc0Q091sNjM8brbWbXIwqDfs8dKChVzH05b+cC+0F9xAG\nrlfYyJ/lZPaOzpaGzz1LS3lhjUGctJ5/m/+EcvQOm7Zw7NxM7Xg0MmjlGKoh\n5UoRoTRNTx5yhisQJpaoCrtQSYU6W6LlXIGfsi5YsTFCZ6vO6ZHtFCGOKhEG\nhDg21uCUHNH9VN4tJZOAuE6Pa1qFQU3QBzVMbARQgB088TOgk5G7XgJpF3L+\nJO5Y\r\n=XGzR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.20.1","dependencies":{"@material/theme":"7.0.0-canary.39e6f71e2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.39e6f71e2.0_1591745966580_0.9419437712104133","host":"s3://npm-registry-packages"}},"7.0.0-canary.d4c66dc7d.0":{"name":"@material/rtl","version":"7.0.0-canary.d4c66dc7d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"971121db4ed0f854b0c6b90d83c8c283f891f500","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.d4c66dc7d.0.tgz","fileCount":13,"integrity":"sha512-jZyFUyTQnejgJZzBbHGLibzlDnwdJm8FlPN7N0GFIG/vaD6RZwTdetM+uNrPM9v4LyLhM34yoeQFgUINeCOtfw==","signatures":[{"sig":"MEUCIQC5NoDkC/7vsAvCtSpAMmlCWq7ciyEBdcBkakQ3GuykqgIgWSs/FUupE0vsk5In4UFLqi1G3WI0ekMOD3P58TCnY9k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17828,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4m3TCRA9TVsSAnZWagAAXRAQAIaLXE3UkwUmwPqzbEgh\n3s1XTBpMXmVo6JrPpYuEcqawVx2ICcs/dLFqw+fJTo07otMNCp8s/zyXkeTt\nsxZMAt2nspKTDl1ea7PFL0V4IVSlAe0hr1haRKb7Rz7ThHIzPnDgibTDgWXx\n8ojO2IFMwADFkigT+K+SZpNU+I3TDoHMbbqxy0XEH4CZ4Mf/S3LeA+VHyFGM\nbux9s7G0Wx4J2VnVeP/0997XpXR6cjYr3Z2dgMbl2iVVZCZZttcMGeErUY2/\nZDIDWq15kglgZtiLQEr9n3he3YD85+ihReaXIMMRGOm9s6LuK5bfvumcck00\nDQqqCDwgotwrZbcT+ve8D1O+BpwHs69pqtun04bHh9tJ90k/KIYzOEoScrSs\n4vCLmiiKMMgW9XvBVlEgppp0w+AAc9TjV4uGN0yuPIMMyqs/sYcXUepOEN+W\n1ZKKz8tt+HiMwjG55ShhaZOrcrGsWuUjNTbyMtifzr8WQshhQehz7earS9QG\nyVlwc1QHPuhkx/WPqxOQS2mIj3jRvnF2zzndGSU8YAOn7q+cCEuDbOzTLM9Y\nBNdOXFSKq4ACdTlMwuAio8DdrfEIbBZbxMWj7At2lRkrkadKwEmEN9ACvASv\nopVRv4bFz299BkRUS3eS9szN9OBv01mweCsHfcAZGuZClFtpwWxQ6piD+J8O\nsgsm\r\n=AaRt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.d4c66dc7d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.d4c66dc7d.0_1591897554620_0.486548347924022","host":"s3://npm-registry-packages"}},"7.0.0-canary.be4a19f9f.0":{"name":"@material/rtl","version":"7.0.0-canary.be4a19f9f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"25ae1680a351c4fc91475ef2739223843213f690","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.be4a19f9f.0.tgz","fileCount":13,"integrity":"sha512-h5UgjQ4yjnZWFg8Pb+vMsZ2t4BWnSyMoAuHOJbNFHsbz7Ck3YhlMhrZCtcg3mhqZGs86OOnYilTahxzG8PNk9A==","signatures":[{"sig":"MEQCIBpzlu6yvtGrzd0XiWCoTI/gaj1Q4NpVutUGfM0ZXFoAAiA3fjZkBZwukXRi7G9+Bxjjd9yJik/ynUObVIBZqFd4/w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17828,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4xvGCRA9TVsSAnZWagAAvT0QAIgssg0BGOYzAM3+9zaG\neyFxcFAyEJUIqibzzkCPQtVf+8IsOgiWA236ubEcthcc6UZcvvEhgrMbQbNu\nykRUS7AC3h/fnFdbA6H8ms3Juufe/APco5KbnWN4YX9Ew+45V0xrC2NgWwXO\no7CLrxDy41VENzLmAvQtwnHMd2xfyyY3ivshoeBX81Gji0Kf+VS94PhrNEJp\nmNgbt0Q9eFmvuAwcuPlYn2Fg8GqTMef5Qm4t78Dnj8sENKiDN2bsRnlfgDcS\nj/iM5PE/KuQYkQJr0htaVHpP30rFhHHb0ze7PO87sVLt2214itBUtgZux4/s\npL6J8ghQ093CFxramsEvuXgID21NeSttN6X7oGot33oG8NuJtF3Kf/Bj9sjl\nfP88P3ITB70DrZ75F1eBmikhgylO5H71P/P9yJ0xqqgpOghBNJlh/OUth7R6\nc48WD68iEBr+sENruc8AhoOqzimwT0G4fO+luIpae00XJNtXQXVqUHRumzst\nE5v7PJtZZ/umQriHQTa3VtkBseSi0P/RVaMIVrriUyguWcfwVPq0VwGJ9TAO\nP8iCfqn5axi+Auq2ICOYWnW/2C9mvfUoXs4LWIjVvxjTnLp/vnysSrK+D8zc\nGphEh4mZLgKOFBelpVI4j+t0sSD+w9SEHigpjvQVnu7q6azx7l+wUz1c+vyF\newMe\r\n=pSA3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.be4a19f9f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.be4a19f9f.0_1591942085424_0.21294341463843458","host":"s3://npm-registry-packages"}},"7.0.0-canary.a6ac8f629.0":{"name":"@material/rtl","version":"7.0.0-canary.a6ac8f629.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"70f935f29164d370626c995cfbc6a5d1be981de2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.a6ac8f629.0.tgz","fileCount":13,"integrity":"sha512-KQZAinrHi4KHeO2Tfw6hjYuf9td68KAX4Z/OFH2isxVhBOUfmW6UtkPzGFOuNgksmzat7de/CjPuqaJ2SqLjVg==","signatures":[{"sig":"MEUCIH18Od4qdBDZMY+EKhd0nEBb5896GKaiXQf+D06VSwqHAiEA3/MFm6HY+NnZZQOdwjA9/WyEJOPdftIrYStLts6YrU0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17828,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe5+h3CRA9TVsSAnZWagAAcWYP/RqQWEj3EI6LfAaQ7X14\nSPRKhPVADDyt+tSo1NlIySEP7bzQT8QSSZVRuLT8Of9HHx1wXjM1VAGulXlx\nddqIJ333Xja3/oMLCyQwUfCmX6Smtkjhy7PGukEJvFUDMpERAkUFCffai54a\nNS6ZJ2zOQF4EEsGoSTrnRIj25XGzD9+EqhF5kRMScRPIyLVJrr+5BOhVJ0Yn\n5aPJdDFVqTOXhJ1xSxcpWZFJk8swDPSV5VV5GdIkoHjoBot7sFZRNNLb54dh\nMcONJtTTp7Nt6a+m6XyMnOtU/A10J2766wl2GAweB/loUtQ9cWzHXd4G1ROw\not+BCKUxzWhUMfAXK4SlMxNkwk9E2AmhqvxeTs00LLOpCf0HU6obljmtDqux\n+/rvKinc2NQTkWuAkrILbLZ2zTqnUlgqX6D2Ezxynoyjne3auX+l3LnPrLEg\nIUBEjvURQ5oihonO41tnea8W4dy0395zi3q42UTi1boLFZe63QWhFhLMZ7U9\nrt7qP9V8mrsHg4LjXOcYqGXFkiGxQ7fWOdbLiBIYkW8lKxTZkauaI73qFTcM\nYSjWAAZdq1e8qhm0CJ3/e6kTYBBBLj6eSCTQz2HMP2Xbi0w1YRww7+Z0zkbt\njDWIGbwZAGSfFPpNInsWq+r/Cu/ll4XciHBbV40r/Hk1Y11SuAsGgR+BGiud\nplym\r\n=j7L0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.a6ac8f629.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.a6ac8f629.0_1592256630955_0.23014390653608396","host":"s3://npm-registry-packages"}},"7.0.0-canary.9833dc287.0":{"name":"@material/rtl","version":"7.0.0-canary.9833dc287.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"03a09370d9df6e001773144052c9ac5df4bbc2ed","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.9833dc287.0.tgz","fileCount":13,"integrity":"sha512-Z/8XDcIKbw46RELumj4v3js40TVwz5eFPlYLTZ9ukPNTVmR/TiZ4PgTEYIcr1yH1H4KmkbI6CO9XspoappOgew==","signatures":[{"sig":"MEUCIFlyoYvLR5TGJtKZ2qfYeoDjHnvWLiZZC+Fmn1duUxGJAiEA6t1XxHqQkhsLuYWKv6IAjigmfIwM3M+spnck3yDuyFQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17828,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6SIxCRA9TVsSAnZWagAA464QAIUn7m1HsZYr16xOhtWC\nB7zFyyJFn9mQDKeI8tgFXyQmgvNUsLa4leb0l+izv8R8E2FZzJ9+JYdJk+aI\nPqSWVsLIwTC+qcmMXd+qs6zzxN1TQwIv8LuEx5eTquMDQGj/EZDZ6DI//NpX\nKkwcKJx5uKQbWCy+HAAe/fR1wvBiqq07j6OCwfKlVtPfu/lAnasjxfsTEyCJ\ngOLi6+kjeVFLMvoIZ3GjiAo6fezClovHkvgCCeuoHYZ0pGSAOANTWpVUxFH9\n8BWXwpHze6cDC46xK8cmsFEw9gIZg2NHcx00cCPK7tOmdrhyKrSQlN9NcjJh\n0KVfgoMgttRZK1x83tzEdUfgmzxCzaB3XkDAFCHWI1WmZ2kVErGHTvpqJNw7\nCcMzqm/VuaxJRNtZK4qP4xi0PV1b/4bL/HttJ1d3NDfpI4YEghXwJ3ImT5lm\n2ByQaWP8iAp9qD/4K8twcrakTLjGeqZ1EwEl1ybZiZ0BSr8hFjxt/1rQPFsh\nqan6VLNJW0xcldli4ffy5BJKpyMTUzRkZ2IzRhKrw+YNlYCmq7dis8KEJhd5\nkqDyDK7yxgt51wI+ouanmVCHIC846U15TXK1zTfon7XqkaD5B3IIijMpUhzi\nPOV/us6QgeCF+64kDSlc8/qDYfkKaf2CV7GpKXTF0aLujBMWLNFK3wYjjBys\nixI0\r\n=p8Dl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.9833dc287.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.9833dc287.0_1592336945349_0.5365109265570969","host":"s3://npm-registry-packages"}},"7.0.0-canary.3aa33998e.0":{"name":"@material/rtl","version":"7.0.0-canary.3aa33998e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"45363dc7245d6f53b06377426b662ab07c48d3a1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.3aa33998e.0.tgz","fileCount":13,"integrity":"sha512-HXpqz5QMwdl6TvY6vf1yVGkFlRW4LjOwlMJXGMDINHfPAYc4rle0mNWkCCt7U9CRwUNxaimj3QoUUbRiXJvRDQ==","signatures":[{"sig":"MEYCIQDaoR8MVt7h+gsIQsxZXR/JKf/yFrYQAw1G1SNwvl+0LAIhANIgIpRdTEccx2kQI3ScMZwoaTtn7ezOGhIHkusxN71a","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17828,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6SmoCRA9TVsSAnZWagAAeq4QAKGhrBqFXE6ElxG5Oaq6\nKESMAY4FRxr/Ns7DHKO0oCRU6GQ7XMY4M2XPDjQuMKXz1A64E2b7jl8z5THf\ni/w6IpeJ4mLXd4rixdqKzxz6eKTwvc/mOWKX/IPwT4Xot7ire3oYRgrjbP8o\nPAV6pDQkl01hs0qLVr2Ybp6oNgG0FfLWwcN/W+8mUU+OXTPHXIUo/qnw9NrW\n4O5NZEb9vyS900b7uAddOrW24cL22TCbI3hxLtsLmNJIaQxZhvIxGImTtSM2\nIGYUz82KsuCyWLCIpqqCM/rwVAbA/S79pxTRWcssOC6NHEqMZI/EWrdO5caf\nODr0CJtW/EbsezexJnX0NetqpkOHh3ctC50Blx36tpIBpk9TBA4rXMqNG2eS\nk+fc+YRkkppsqqFdDng0IP3C+CIKwlTKqvv0QUZUzkRiCCwWjX5JCoiY99RB\nlZEe/bRO4GYQibjDfJwScLRhfOW3CjDeViY+DNt14dXUePhe6YdfszDD/w2K\nD+h0rurcbOOllL7ctrf0jsqbxOb861xLKU3u/OvePoMvq62pAlA4eXYX4hnD\nfeP0jMVwGOeEfOveB2VyF9bKhTD7hgN4oqGihplOV4aziDmuLzvvtztLjzcc\n4PJszW8082cWQd+CZzFut5q0n8RGkYXr3fAYB/Yb7gzvE2D/XUq+P21JBHPu\nHISm\r\n=YAiX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.3aa33998e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.3aa33998e.0_1592338855600_0.6826714850430884","host":"s3://npm-registry-packages"}},"7.0.0-canary.d2b54d183.0":{"name":"@material/rtl","version":"7.0.0-canary.d2b54d183.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"065cb4cee9121168c7be110cc165aee52e681d8f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.d2b54d183.0.tgz","fileCount":13,"integrity":"sha512-fEjXwt0lNAFdj0WIAr2pcrmk6OZ1hNzbRagZifnnYNIu6lgr1EPLItS1bWd9wHnuhr9zJXKxKfe45PpUA6OUfw==","signatures":[{"sig":"MEUCIGFsnP+LZukRHR0s/uL4eaiDfVN8C04G5w3JW/xX7jeMAiEAqpZl89882OpiWEbGk21PZLnH19QeEClDzuHGkGHay2g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17828,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6sAzCRA9TVsSAnZWagAAJh8P/3Itpm1OHWR5k0AUf01B\n9E5T6rgjbbek8k0HUdDfH4djVdbfc8le6Dd9eUYiAeebYwPMqnGJYzS4CRAC\nD5OZcvMnDxcFdqTLRWOL4vOg7mEljiXjP0uSXryoRi+l79Gu3iwEXHz8tRCD\nBuYxM5ky6+mWr2JfB7tOvXmA58JPVgI/crGAjYn0RNbmk054w8cJAe4/C3GP\nZeBkOHE9Pow3AjCZV73vFCemFJV1I2xXSTjU7KRjR+5ujSL0nPsq2aXrnosk\n7QChLhuI2Hoelz2pnUzjLG8b0eFc1HLKlBiCsFv+h3Wo0irEbuL1zT8bHhYl\nozSV7VUaj3aSSjXV1MAvPn1M92rHPeNWLyniKX101VK9o1DXhmkYPdTMpQ7k\nKExZSWVpggWeejTAC7noCFED/Q75bZn0YvsRSUljvvRLCVAPo20UNa08oO9C\nQvG5dtYUmBWdAS3MlkOCY1cz6oZuh8EHlXwbx339mUxUdQ/K0F5JdDQnOp3M\nt3231JVxIMy4H1PGZDE+ZuU0FKz8uf3gF18aEaTDignsfPbpKLHACj0ECmqc\nt/bS6zrOttLFU2norWa0XrFTlua35j9EzBC5zJoTuyviXexwHR0De7kgAkO+\nN/fM0vBYeh6HJZu6Z31qpt/Ms+2Xa/YBpI5PvHqB4exPleWWPdvSAlnCLo6a\nTyHm\r\n=ZrYt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.d2b54d183.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.d2b54d183.0_1592442930609_0.7081475787098208","host":"s3://npm-registry-packages"}},"7.0.0-canary.f2a488e95.0":{"name":"@material/rtl","version":"7.0.0-canary.f2a488e95.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"586159163e92cbfd171416272d384c35930528e1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.f2a488e95.0.tgz","fileCount":13,"integrity":"sha512-J1hDqaTEzz9Ntg7mm/MHPT+PV370iAvpufu0x12RE3sV8RO4IjtY79lJRHfv/ohMfzHMc7HGDn86pdhWtvXLfg==","signatures":[{"sig":"MEUCIDckwatzRpbhIAAB8qunS1REVGjlspS7dhJ9NnGGg2z8AiEA/gIJDt+oe0JmCnDRRaV2aJgzeUHQuRm53dt4i05L8vk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe64JkCRA9TVsSAnZWagAA96MP/RO7Ofmzdzjo4g2IoHJC\n30bujCC96HdUV3uVaI8+xdI+X0P7QvAyx2NpvCMwITPdCS/12WYNX9+22lcl\nKZPNp6QQD/Cz7JhrGbslhc3WJTkmlpQmNqqiGydpaQXK3Czbh08CuR75YgRg\nmBirOeZH1kpv3UC+I6KHUTkMrLmiQusdWGQjblDmlY2R8znoiY41uWXZj3FU\n1yRR1gS4/TBn+YPfrp9IwA0wHUkE8AFEe/xIwQ+Hv8xetMhWBJq3zYgIaXP6\nvyn+DsXYTxzvSslXDGtV9YnWpn1iSSL054HFDrPLHWvOGLhp9kS/rDiK+GLP\nVB7NtaKrFOOdH9PcTuYkcz+yX9mFmbrOa0LT4S4uanR/Ms97fFEzbK7pYRux\nnb6RLEmSXztPj0YriIqrM4hOBRTZ48aZp/PUAnxyVRhZD2VzWjzfSZCh3PUS\n2CmNZtvxNAuaYlTGnISrC5TVpCfJg4ipNwXsMRLbWVNCmncc4o3vAGuLfozq\nddmNJhIgToZLDkw/rbDb9iQyhnluwA+jTEUPwBKQ5or+tH3Tq9CqBPCtfubi\nw+oXWsD/PN+hq73xGzgzxygRFwBgoyVUAb8rexYHOo1VZOrAezM+7H8NNEsz\nArhyFsdOyRBID1NTh0/BYIXTHavuGN+/bhtR+cnj46tELtKj2gvagvzy5Msw\nvWTi\r\n=kePw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.f2a488e95.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.f2a488e95.0_1592492643596_0.45927638655137626","host":"s3://npm-registry-packages"}},"7.0.0-canary.bd8d1aafa.0":{"name":"@material/rtl","version":"7.0.0-canary.bd8d1aafa.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ebf80ab572b83703e0c20117bf183f6e2d808095","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.bd8d1aafa.0.tgz","fileCount":13,"integrity":"sha512-f57IqTUGvmHzaBzICJ/Ri9W6vE35vIz+THYpjNJFGKzbB1I3faSzBJ8qgqx51FKNwECCCFBabQ9g8ziIusIb1A==","signatures":[{"sig":"MEQCIBEDnO1biz73JZXdtfelKup5CNYJm4AC8XZoiRRpr6FwAiBePkuZR0SuTczXf4Hyru9EOyH9WCdEyMaYsoE/rLaRFA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe64U2CRA9TVsSAnZWagAAYVwP/1hWxKgESLMfo7N2YMut\nmwP4QEtxtLzY1y1lb5SaL261Yr4ywqto6h8qW3xJlK5hqmW8QCUbBdw2+tA0\nSi7ttu34tC7PcI7VsphC2MKSKTR+vAiSjNrPt2qliVHwMd2H4Hhsxroc4ZID\nn1mCK6yEeCfk7uVuIctF9OfSkaVryZffwLneGwsqpzKl5wnZ+AaccW6mTjSs\nNAQT867oBAPlDZcj8ntOiomUqa/y7J5OCf69qAXJhNV26gJD6JoV/u8Gu2az\nBPfOmu8ItZY4/EX6QY2Ri0Jir3NnbupzZSm5T7wkOJVAie4JwYRgJTvZ34Oc\nub+RCrIWd95NsT1N5bTN4jlmrp964IuD2PzuduPdsZ5FNS1MNAx6/u7GTk4v\ndTXxbVVDkfeuot+1R5ZGsYlrs8PJrhNOH0IXe3eXvYEx0SuGZxf1FZpwry3/\njE9vW6Hc1Haoh+oihvp+CPTWhUEuv4TQ6mc11CoFP2xx7Kz4+Qcj7Pc+ZS9m\n/ylde0ixWuitb+sgRvIyrwhY/NK16RL/qcN31sSDfA1NFacUishlMB9yrXwK\n8pdLC8bnNhKN1PFrtTwSurmbpan0O13DoXZDhyfcLwV+tVatrhyvt32BB2F/\nuCcJwY0QJMH5S21rOJeeGGACBNiMAx7MC2mRXoQ2J8nWoddc/tUfi38z0s9U\naMpB\r\n=gAQy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.bd8d1aafa.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.bd8d1aafa.0_1592493366401_0.5468962585751769","host":"s3://npm-registry-packages"}},"7.0.0-canary.1321eb968.0":{"name":"@material/rtl","version":"7.0.0-canary.1321eb968.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ed426336f3d5dabeba9e542f0bf4c48290f12c2e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.1321eb968.0.tgz","fileCount":13,"integrity":"sha512-s33beTav5IwOkdlQDNZ4fVKDq16n/ZXoFbJYO5eIiSSYz/uVOZhOgamWa9uFrr9X2BcG+pes+bLrvv8DoFv7lg==","signatures":[{"sig":"MEUCICcTjYJMSl5MRTTrr7hmKE5ByhL/9LWMfs/pNy1lLeJoAiEA5MCoqMoCzFebK3XtZELcDFuOekOANDBUwzFEe0v9lGo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7RAkCRA9TVsSAnZWagAApXkQAKSAumQO8aejVdGWQJy1\n/AGBtKHVRZNhXBKamVq5RtJEdC2g/h13zJKuK4m37Fgn8330isxlCIQTFDYc\ngKBEf45fpkt+pEJnUG8OzNZDNlifwfx8l9WIwkc5N6pDbIqwGlD5mAcwvl1r\n7ACedKaS/ZqD16ye9oURnBp93/d5xfAPn01C8LFBSzOqF5Zx8qIC6jgzC157\noyv+TgkE0ZCpVn/xENd3JynlR6G1nNUsIuZOXMnxasuXU8zhL9wHpyqM++jd\nQKtuVwnFDnqytFYbOrMP5a5E6vs74813sqFmcZQuLvici+/H9gFGMpacAuGR\nhUNiKMUM7ZSoKfoM3MhhkafA9k5HObwkvcxisMP482lAWnCabRbhaPOMtyZ6\nIyR3iADPkN1+BF7kIrl6wcBjRk7uJjkHFhERmqMD0fCCvY0V7Tt5RI5d8YqE\nd/juvnM/EX0p5M+zJ+1mAkewUmy53qUJ3Ucbj0eJl9AjxFE58y7PMhJpjgCu\nyo4E+QzjP/cydD3HEGJJjw+ssknshPJ2fO/zGGEeD+TiXILUEWLmFpCp4jeW\n9xvawSyn80lis/rpQsqJDTE9NQjBc92o3M4ibAG9h+M9vM/GKE8G57ap/OE4\nFtH5Dzt+bTul8EPeTIOTgm2aXBQSF77kwE7XoWRcTR9YhVt6fwZ0SLGovlyN\nG+SU\r\n=nd+J\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.1321eb968.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.1321eb968.0_1592594467859_0.3810731087517498","host":"s3://npm-registry-packages"}},"7.0.0-canary.db5cc0382.0":{"name":"@material/rtl","version":"7.0.0-canary.db5cc0382.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7625b285c40ffd4518cb27926a3ae0aa16412ac4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.db5cc0382.0.tgz","fileCount":13,"integrity":"sha512-oCcvRN28CvZnCRu4KOZHbDEdOYZx2bDvGepf2Yh0ThpCGpCyqs9djB/x9uT4F8+06VEYnEy2F41vMuH3ABwf1g==","signatures":[{"sig":"MEQCICR8MtGGDmKkcy6FUbuA6Ya7dLQNcmavL0WYmVgHBpPQAiAfE8HSRRKFGInuu2LmIOQFECYxUDEpWisW/pL6a25L9Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7RGjCRA9TVsSAnZWagAAgw4P/11aNdoCgVkQ87eK0u6a\nqDZQZD14G5HxPBgpI7rXMLwC2Rx2OsU7q037jjBoyN7EwjFkbN49c17yLuiP\n1N+2JuASXLQieCNfZXSawzD682IwLzUFDzRY3OPvtG4Fk9orjGOT9o4xyk80\nLD5jp0ro4i/wBLmKCaxn/vgNqF8eOTD3ZYmhfsEEVXvZn16RaOdB2yyT92GS\nRQJr0tfB+np5rxGB93XiwTsN+k58W24mxjMutJPDg7+P/VRKCdX35ohTGr/j\naKS1j9dYy7n3Vdvsfnfx63GXOiQBWBU1TzHy7ZKUaO3kCLwcAX4G7J7I/gry\nIzG2mPBQ1RdxwBb2CYNazzyecxEW5D6mU0ldzxJDxqyBXd/jQbDghVEp6NFe\nrsqT8woLuZecckpnSQyqS2nAYd0I6qDz8+dUaRWjXbg9rnF0/9qlAihMUbiO\nPudSPq0cK0qLyD+3k/wiJNe+joZ0H5YRb8SuFeV2rhYTL4GjNVO2IAb9uofg\nDVBdpDX6zABI+UWc4S/AQ4/8CX8TZopHShSODnyiYvOZRy4Hg2dQfBfW0nle\nszWJ5dQmnFRH1ITUDZbqeUSjHs4pmsM+eJe3MreF4RlTyWWheEv0nFTVFpEs\nB2z8sUFmToiEkn7Aupa4niOYc1sMP1JYf4DX9oHf9WIBaR4DAaHxH5RuiIzj\n820X\r\n=cnni\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.db5cc0382.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.db5cc0382.0_1592594851514_0.4556733449645398","host":"s3://npm-registry-packages"}},"7.0.0-canary.6ac9bf031.0":{"name":"@material/rtl","version":"7.0.0-canary.6ac9bf031.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"548f111f3301d4fd520a832e3e2a2768db5ef4f9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.6ac9bf031.0.tgz","fileCount":13,"integrity":"sha512-mXMFN0Ml02KR+2UdKcTT/UtCn0hIjSVLdD17lS5hGmMOo0WD5ucBfo31VdM4tGH1oytkA6TAzjKIRCOeh66HuQ==","signatures":[{"sig":"MEYCIQCngZtZBlAvhIMoeNB4rSil81U7mvHyZk+nbwZ+zqvItAIhAKZbSylcmfiArHBJquIIynUIL2e3NJS8+LUUAUnBAjjb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7RZvCRA9TVsSAnZWagAA7fkP/iNFCTansjcGCGhrgcmD\npJQGgY/F6vlcX4vCJ24eOlJUg8VUVejnIpv8WraGOD9ghe1Y80eD3Z8UT9IV\nJWLyP5FKG051k/yIzw+JEpiXXBZeu2gGRonLqkLNz/r7dmrv8WjNRxSprNAt\nWfHvbV7pLCZ9Dg5N0ei93Q54rlqz0i2emDUGSvtDl7ZYBYOkrNDCsozk83S0\nt9CDN37ofeIFP0TRu5xbAfGbrdvTddtm2VE7bG9CbPMzuLkvgXd37CLrHzjj\ncddnAD3Aa3RjKV90l4qTtIFoTx5IUgqK1RiUkPzyH7QNtuj7xO8CgdO7IC5v\npVlHsCqqotumUOjMSPD97hbbZLYUq2d+0FryFlMkXgRnMN2D5j9Xar9nBrXS\n1UC8E6z+HL+0qfPV6Fg7ZeFjKhITGGpyZik7YtLVzjMmXdlniUUR/L5jUvjA\nesMbu8vvW53ogeMdzSETC6GqBZYQR0mBvQtF8CAr8jqhKJaKjLMX8H1VT4SG\ny1TIM2tL0LaEboPTzBpeJoojvQ0DA5IB7u6oQqMu4ZGkEtUJPhQgn2JEiz9l\n8IBl/maS4bTTw/KIqIS4yr8/mnkpqmi5EyHroQVWlXsv91x+hzMMeuowYOgq\nNNqE7cv4JONE5Nyn0FgS3KRKNNI95U2FQQDyEyt9WT3zhr+2zx1q15vns5wY\nTM4o\r\n=nQco\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.6ac9bf031.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.6ac9bf031.0_1592596079262_0.680263853013432","host":"s3://npm-registry-packages"}},"7.0.0-canary.c21b5c367.0":{"name":"@material/rtl","version":"7.0.0-canary.c21b5c367.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e43092daa965530e86bc5c160ac09f03558f3df5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.c21b5c367.0.tgz","fileCount":13,"integrity":"sha512-sBXndbWkZ2M+uc+tOUZsmzQIy3FKYZ3h9vUi01zp0uFdOmFZwPA6uA6cdnKbiNcePpRO1HefKQoVK2SsMzgyAw==","signatures":[{"sig":"MEUCIAUcFVcthRAiGltFrpOqzdNY4YGU+OzdBham+HwdwxEuAiEA7qvbVgOq+0HWYEx2Sh2vzMexFLQ4Vr+IbT04Y0Uxb+o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7RuqCRA9TVsSAnZWagAAykcP/1TQGp6bGL0WY5AglhJU\nN55JMw/jcD460TG4OqKp3Wbs1p9VKP49vYhXu6SzmST+pqottSMP1h/Gx5lx\nlMykJFQw+Rmgqf4niSKuAym/hildjAxHQhUVC8S82jpmhkH7riediOHMXxbI\naLMfRRcNh343LKSzO19P/HgA2Vv+SYF+vpChWP+rJk6HVkIFQxzuekn3C5NO\nR0I3bMv7lqoEcEfid0WvdLehZ6JtHbhfQPXDP6rnMYGwCbcju957goT6pXmo\npya9StEfXaY8t1i5LyaKiQ5H67OQJchMqJ2/RVXOyTVzqiQVnqd9PiH1J3kM\n4e5hCqgS8nkbcvRl/TY1nHAAmQ8z+qIqTIZ/ALkO+1u16uSWQ5aTksum4zps\nJ5p212bfXcFwitr5xiOA318u2k23ahyvBO+/9T15DdG3rFc8tHUvONMa1J5C\nzirSBlJHc1S9i0d8D8KHxn/q9da/FmtvkktI7h7kdbzMq9I3tPcLXgG9MWVK\nOPaGi7vdcEFFVW3bLCy3G2KEYx/wUUX9JQOhfhFCWv62tm0VpK/EMefBQRAG\nDqEXwHE2Tysz1r6UK6KUGC5J17l/Ru69ozIo9T/AaEYidYjIjUp1Ta5OUe09\n6CZuGd7E0PZzbtm5xSBiu55xThcG9yR6zxRJ8FadQAGC+0zK7ryfGCam/P2W\nMRU1\r\n=P672\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.c21b5c367.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.c21b5c367.0_1592597418440_0.5697596395786648","host":"s3://npm-registry-packages"}},"7.0.0-canary.bfdd7fd39.0":{"name":"@material/rtl","version":"7.0.0-canary.bfdd7fd39.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6e5e5f60da5e58dc3a48bf95c1d95191307cf779","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.bfdd7fd39.0.tgz","fileCount":13,"integrity":"sha512-Tcrh4MIAjjoAKInoGdsbCAMbmLcbAYwwgs+Nk4+uXnNK7qE0HbqETqSEMm4lD/Ncg1Ej5dGaFF4/E3vO2HFG6Q==","signatures":[{"sig":"MEUCIQDbDM1EnxNKDjD9umLInPtp+TEGOTSn5JFz6k+K0ibs5gIgWqXjgnKRVqGJNaBlZCqmvNVhpIp15P7mFxrBo6mbfV0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7R3fCRA9TVsSAnZWagAA8TcQAJY4ozy53z0gy5VEWD4o\nffIBXY8Uc9q0Rc7H8aamveISjzFUW7oG4l9/+cb/uNOU/2GghXgnboyDje6x\noYN2FnKe04d4vDaC1QU7KChABqotsiu1S060//PuPf2nyubHoF23K4rK6wTu\n3M8FiMKSgLuxgPM16Q2EJ3cGDSIcC9hogIrr0TX7eEL39ugMD0QlVhAf1zf1\ngqc/JxubQfNbJBnQgPWDbl350UDe+MJ/laLrvYBT4ass6L9VrlWb2PDs+si7\noqY7wiXTHR29tlb77JlnVqh+RoY/AtX4Z410/fO0+agSjd45u5lw+O0CoyIO\nh+aMUcYDKcrgbHUXQpNm2GCzDl1GUiAeEF9Byf6I0Ccs4wq+fV98Td3yu92y\nEALzM5rPQYdeExnELuHVIjDV6CxZVIAluENe9tU3t8nf2Uymrde+aptJxqjs\n3CVnHjN0HbrEDCbM5JSWyLZ+Sumle9690xNI/C8738brIK4fK5MIMNNbyWm9\nLIqoAshM9DJPJboeYjku2x8B3HMXBCJ6cshY0w6rtqvuMqBVho8TZpD7fH9j\nVltP1+iJ7YdBtsfm+BWv+/ydKABEcNNJznVMtKbuAt5sZolQLPVgQK1z3sqZ\nZ+CWChQiBg2yMT6hkKExE/1ocFmN9bGfy221UYyQgFWUukUjMGfZSthRlDFC\npG5O\r\n=GGQO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.bfdd7fd39.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.bfdd7fd39.0_1592597983012_0.289662070371276","host":"s3://npm-registry-packages"}},"7.0.0-canary.10b505785.0":{"name":"@material/rtl","version":"7.0.0-canary.10b505785.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"68c6777c9b9a6ff71ecd36180e3a98b118f0e45b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.10b505785.0.tgz","fileCount":13,"integrity":"sha512-mmip4JdospcQ3NizKk82hMfwyUZ+/L7iQMVxjiE4npAADBynId7DwJVEhLUCfCKNGT1AIUjvBVORCQYfFcqFOw==","signatures":[{"sig":"MEUCIQDtRlOul5HwZV4tdhOjq8uVSOXgkqm4tNiTH6Mi9VZ7+wIgZenZxQzZxbWrRkDgavF5r6BCODOfYhhvsjvQmcKTxv4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7R43CRA9TVsSAnZWagAAmKIQAJRMrj88ijhAbMLDAZFx\niPseTIadyIxPKxHlCkU89VCSWiO6WfHx7wolBTSIFLyZX7uvCK4oVBdhHrAe\nJaDdNRMe7qFJh32vCaz0SOGZdzl8iBPjRdZVTQ2pkesYZG6BsLFN038+LAWO\nog9azTEEMUF9RmcB3faJJPxjdeMnn3+mUbJ+YxB1kON5n4STBMBTxcnIgA5l\nP1EyH+FIwe5LfmEF1kyieabsmHo/cEr/0DSBPkl9p8MobVf1RmNeOXJFnTRh\nq0/DL16Z/ldKNHzUUXnORiEE1c3xKTssfGpUp7yMfnFLm5OWTJdDzp7hpnTc\nzdTYwuuhuasC/FD0MB0MqXmKc5FRuMnYUxjTly9HPqj7LvFahGn3HHZqQzz/\n8zMxIlaqHIMdPw9d8Gkz3oGwnKeZmKTdHk0DlPYqVaVLnmVZt+wU1nQGwB+c\nbVVDZdwx+3u/8hvmwDsTNPlq+MZ5lfBQTlZ+DxvTGnAEBICssrYVov2tc5t+\nta84jWGn9LJOZ5n9aqnJI/dP2PxoDf5s3XpZkH53zg9JA9pqP2ntINfIudEt\nWUNijkGzy+XR4nQ06THCvJS1+ObxmzCZchIU5rXS700AFTGPHa4uxZlU2cGP\n+0yDYdZWBnfGMlBTqzM80rl3lecKP55rWBDDjguwuun9J7paIE6fZWYAEyff\niFHh\r\n=J1SZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.10b505785.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.10b505785.0_1592598070808_0.8855763016960867","host":"s3://npm-registry-packages"}},"7.0.0-canary.6483d3f44.0":{"name":"@material/rtl","version":"7.0.0-canary.6483d3f44.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"36637ed5f825bd64c077e4b6d61838f285694d26","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.6483d3f44.0.tgz","fileCount":13,"integrity":"sha512-KJ34HL0A6fLSbzimcE6bBPk6tegOFemp6ZM7F+USpFGlZe/YWtK6CTr3aZh4CXPa2TXzSXd2/VCsm3tH9GrQfA==","signatures":[{"sig":"MEYCIQDq9mLB2y6EXucKmrzWF2j9XHVwQwyB2M6A5YddcVzkhQIhAKMNizrVEhwXLx2hkw8FG4njYcY+EUdjCMITytfHBJnV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7SIDCRA9TVsSAnZWagAAvLEP/1UwZUdaVklFd5RmqFnu\nCinO39x3uL2Ew28y35P9M/42f5Uphk7AL94YaC/P7irs1wkJNpuBsE28kfri\nioa+AOO42xo4mcuDzX9xmBS8pEeI/aSaT5A9uYmZdLC/VjFGz20CprjDalp4\nsuLgRpQjYzzTu1wuPTM+uBukECfdlTuzdhFfIRWu9FlJ6RAAEGlA0wGEG3yW\nv1R2mHI31MtOATbNwW9Px6ceg6QvKUS9ZF1U2wgipvxKMiw16a4OTKYfd9JW\nPRbwIrb5vvV3dzxd2RTSnYPC8lU/4cOKp3z7rCSo30NfPut565ti677z5U0W\nLUOINWEspFRnkSbunI6qt1sAvu/+03MrSnxDPg1613kh8RD50C/yU8xXWsSX\nuUiqdGOQ268K8DbcqN853qmu+ZTuKSrfObZqeDdOK1A1TkwiCTcOsA5YshA5\nVzdhJn07T1QBFjV3Ua9Pen8/a5O6hDjqccm0QK3KW7DT49layyjh/9bvcBsN\nELt0Rgle1g69ZCUYLhUF448l+rw40mZ6mPZSm5rkolNZ7VCI1xS+3ey2dOHD\nIsZCZznPG4HqHmZ94cA0z4wIca0JwwTATuZH+9hgDe31QK3RWEmPvfWukSVX\nOdCRL6PoqJNiujVX/TDyAdJjgTnxqj6PcRtzL6snzbH8GIaFi2kseDu7vIZW\nJ4xE\r\n=Qw4K\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.6483d3f44.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.6483d3f44.0_1592599042236_0.03145116564408523","host":"s3://npm-registry-packages"}},"7.0.0-canary.30a74e921.0":{"name":"@material/rtl","version":"7.0.0-canary.30a74e921.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a05408ba42540f30245e2f349373b03717ade153","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.30a74e921.0.tgz","fileCount":13,"integrity":"sha512-ilIwecmnhMpTHnn0UEdv6IDGtUmjuYS9jUqlBpKpVbfnEco67G26N8sYCYju3us4aUT4GAkGhpm2E7KbeRaYwA==","signatures":[{"sig":"MEUCIB4Nk9ko0ZQVDsYnPCxKuSw5IksLQBi6n6D+sWhhPPwvAiEAwHHWGUbD1QVQZgeWkFenffVeRvqG9ZCCrbqFxY4CX6c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7SKKCRA9TVsSAnZWagAAMiEP/3SDrqLk3wARheLURKew\nWNu1Eev0o/EZAUdfytawfbNgZHaQ99bBqyMAnAoxI/hSeUfK2CI+bJGizmvv\n74evghpejcdh0eW7xPX/TYf7bpoTP1gJ4KJJy1F9bwsIcK4ull965h5eYNqt\nvM3s7K5jiPeEfmv5IkyJ7H7c8eWMWWVw3QhK9bnQ6TqLwf7idOjJSZCaTjCf\n+rWE3idKLaLD+aLjglFn/jhi0yMvxWU8XVzmckt95K9PecWEc5vvx+bDUI59\nH15gpQYfYOjP2n7P1WqnA3/CqxybDaysp8NDR9QSwjF0oJXEO5smiF1Kpyb5\n242ZZDXGN5B+T++A1sL9PyxXMv6ly05mMcxODsE9dr7y1uwlbYsyGfe+nqRd\nvHpxyA7cp6sq9KPn2MHfaDC4ghcdyOCyMc4qEDF6PM3P77GI6oAxhF+63y7O\nWULHBudEasQd3QkHxCUocZWqyNuG0B3VMjLFHKBJH1ePuTSThEH9JJpB4Afw\nNpvQ78S1UGwBth+RahDKEc09eeQ36qiUAscan9NGtQFvHacrVWP9jRVUvgUh\naDrv5fqzdjvsWGa3u7/7c3j1XQPZLg4vND+k3k685afYh0NVgq8Pj2muLzMD\njFhRqqhjVHQNBfDCW8PwQzZ5ENtIevChsR6Y84iA/LSALwWr6oHsB0KrxNbo\nDRCZ\r\n=+6NA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.30a74e921.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.30a74e921.0_1592599177427_0.9860924628315153","host":"s3://npm-registry-packages"}},"7.0.0-canary.c20727498.0":{"name":"@material/rtl","version":"7.0.0-canary.c20727498.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"64284848fef50edeb1759c3ac180fbbca9758840","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.c20727498.0.tgz","fileCount":13,"integrity":"sha512-6DyJU1iAAZjhW2AOE+4u5M1qHwC/NtNAB4ctLvPy4P3LIsq1cqJ5WUjIOWTyKtaNq3R2UGYgS+9fT2J6mpFrQA==","signatures":[{"sig":"MEYCIQCSk0cP0BnpZRACoEa5kXrpVrzLd+4W9m45zmBhZui63QIhALq/dV2zASL3GJeRUDzJASbDaxbPfYfXmwzDupwcR9gg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7SM5CRA9TVsSAnZWagAALQEQAJM7Rd9unjOlYAVC9zGg\nvUY69C6Ob9sNC4IABkgzz6a9yUjeESWFzn+tnbuRMa7SnuN+ayt6cJwuwjxv\nXbkmc9LnD10t+SbRSgfSEp/9O/yQmR3ptjXPAr2vZtEj+X9jHVy/ec/GRbof\nTqVNShL6TQphkP5gSptz1DMO17wxuyCHDJuqKpf81N8COd/snvm+l6dcLfTS\nWXtkwZqqMAUuluKnw/VmH66JaAEiwRHiVDgnkh08l9qN5mFLZ0JzGTdTd8rl\n2ghtZvEBCiL+eLlfXW+7XzOtuUyD3++on4wuXIKuW0snf+gKyQb07XoxAu5P\nqAKDfhypJq0sMinI76JPPQcDZ+HbgeVgpjOAH5n8idbUsTCOT3dW3bSdaVBF\n5I9Utwu9a8o4RLzvn/ofQMU4LeFPTuSc4gMVrXByPawU6qfKeGDnOH+5VpBi\nwScHD67WjaS5LNZCXYmSvA19KDn4CvEwPVueHTDOIlk7cbysVwVQSfr0JNsI\n/Rs+q7dkbaWw0f5JMH+IPZsGQjtHDLAV+50pfRI1tXUe/Wb4Tvnf0UPakUI2\nuL/Bhhk59HOYtUULK3A8nOg1FA08mPZE+VIjp2YRydP8KFVc6Xf9VmLqxEqv\n29T9rNOQL1iSODSRh+emznOQnGtI1MsWhhMKKt9LA0XGxZqDMDditUwUrPB4\nMioG\r\n=CG8m\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.c20727498.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.c20727498.0_1592599352784_0.7139873845761284","host":"s3://npm-registry-packages"}},"7.0.0-canary.4e360ae94.0":{"name":"@material/rtl","version":"7.0.0-canary.4e360ae94.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a8fd7e8352e9451b13c40f7f70c012b2f96df199","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.4e360ae94.0.tgz","fileCount":13,"integrity":"sha512-Byrl5pE8H63J9dy6M9iRO3W4FEa3NzdUdco0Z7wCYuHsrBpQWaDJ1Uaxf77wQXpVOxEfADocjybO+z2O5/jArg==","signatures":[{"sig":"MEYCIQDjbikC59IoqakkqYwU2nnh5QYiu6a3kZFk56B+qy4ehQIhAJXJcUgpZcP9zxrrAD2a3+1bifsIpEFlTUiKfcNzP7Pg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7SciCRA9TVsSAnZWagAAJpwP/Al2iooivak9MmxDkCtQ\npBcjR++v3eIBB56ZN/F3G7nY3Jij12CP7TJlm2bYT28IUxFbttBvumrIHZfu\nZbr/EbHdbnbUOBHPlak5GjsckwtCuxE4zDNGMqA4INtcPV0YK6LPDWw8Wp0Q\nFuR88bHXsMJG2yvwWSxcCUMsh/MsB6i6Ui0N2vJunGaAvjTX830xMqRCYzJz\nM3z5LILqqqUiRTJG71Dy/5o3pmqyYXxoTWVJXuL3D4UJ9EPQxzMZOd06Xi1e\nGVvBODoT+lnpomNnXnORSLnSC5llpzQkOaM85ElKORdfsQts6NvePwUelLZq\nO3BwPd9Hg/4y3c5fnOglYuSH4aIYaeZfInKYl2SsPw8HvYVDJlNEcpM7xAnX\nzHARyZUuOQc0PCtfc4cIbnZfqHcG0ySfwI8yBTkFWDbsNDOt+1WV2ZiqMLAL\n8jmRkcMl//OI+Q2cCOFsq0ZBLdnrfmlAKl4PqAtdXXMozCCNHxvYwQqSQvWz\nSqfS+t7zcaizQNw5EK/Mkeu/rn0bQXKUQWAhkjLv3mW75R7c+xgOjSnbVzhC\npJ68t7bWjoMUzcjA/3kp07kO20tWjla8Wf4qLBVxEC0VSB+Cx+yImLbXfP5D\nsQA96B10O9/dBN20vq4qkEO22dnYFocKY3Q50bslecfch67kCH/r2wrU+gxy\ntj3+\r\n=LU0i\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.4e360ae94.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.4e360ae94.0_1592600354486_0.00804579143798656","host":"s3://npm-registry-packages"}},"7.0.0-canary.8550fa53b.0":{"name":"@material/rtl","version":"7.0.0-canary.8550fa53b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cdbe398d5c9c9b0dcf3497ee3d096b0bfd703ae4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.8550fa53b.0.tgz","fileCount":13,"integrity":"sha512-AgsGT9Nln1gcVAA6hWKn8DfqN10DIJQRAyzH2DRrKk+psMdy2R91BQ39ZhXXDVdI4aj6m0YnY4125KsZ4KY+Cw==","signatures":[{"sig":"MEUCIQDxiXrDiP5dIIitKvgKlxaLkhYRKklbFzhvQVxnFBONxwIgDV8dsRuxsM6f1Yo9TpUAqUXmx7fnIUlweXhzGvKIqwc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7SetCRA9TVsSAnZWagAAggcQAJCxiT+ZEG2gOXej0Nzr\n38xhN+FKodcRbEW5Rck/Q7vbSSCSrpmvusR8h8dsquwRWfzRz4pTh9fjB7Du\ncrHhmY3K05E0LhSRICwV8U+3oHA+uCkgVD/8RJZLMsLo3+1xqp/c7lsE9RyV\n/a3smiIfyMTr5FXdfqm5cyxR6Yyuvpvm5k+FldZbtttOUm0NF7+Zt0/SX+OV\nN2YkyQkgt7g2dX+uxnUmIMLRgpPB3oUWOGiFnB0LoFw38QOLH3tmZf+wPzni\nkTtYqm+aYtnSNLQkK8dqmS875jWQizFYvVB0BUaI6imNPllblaPdigayqFdd\nKYXT/S+le6B+H9OKLtu3kma5FrlLUhotEpbmBOkZw1IJ6yCP380DlpNy5veK\nHMo09G0G2ugOwigwPYZDT/w79QkbITqUNch5DSywQgjIRPV140ysfPDIBKbg\nhEMFE5QoDPMhNEhYNZREWzis2YMtyzNUYVghYHMo7QMOWKbQGwQEQHJ7GjwC\nIAER/LmfsSU3uXOWfrLghs9OcV5AstOPOSEAiPlmjSEk5vXZgUs/YAuMGWM1\nYphPvHcin13jGhDmFdw7xRaCYHdWZgFesuu+gtZst/m4bEBb3nVSbI59m3nb\naeB8+q3En6D31qb+kox2c3KvL4Bogbv3EFrJSTp/eaXd59zaz4d5SIw4URfq\nsrcZ\r\n=Rszm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.8550fa53b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.8550fa53b.0_1592600492650_0.4554222249044204","host":"s3://npm-registry-packages"}},"7.0.0-canary.93ade142e.0":{"name":"@material/rtl","version":"7.0.0-canary.93ade142e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1af6ece93835f79d84ca695042bb5fce8b01dd35","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.93ade142e.0.tgz","fileCount":13,"integrity":"sha512-xyXcRN+y7XluRP03w3sxf3vgRIVu8jMPx++IgOqw4hX2BmODF2S20pUR3l3leep9bcG/98jerZCcbjaJBnpc7Q==","signatures":[{"sig":"MEQCIEn6B559URvb+lzvgokPWblUzp8/Y1jz2TnN3V2aKb8LAiA1WwS8x2GkJwQjqcEPYwD+AHooqAZuC/u/+wstMV/IgA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7SfyCRA9TVsSAnZWagAAYFoQAKTeTZwJ4e7PcDX9hmQR\np9ZJOwVv1efg3XaL7wVO4eGRlUUi71KYALnYZsqcIz4DR9xCL/iaF1AIuWpV\nYx+MHWBfFyf63BEjc3sgfCAyJXisE/wEQlF2wbnNEm3D14wjrFtwKNSZEpua\nMSf//Dij7yYhrWml0XXh/50VRbPdgY2qKptxKRWV2DcXR7/4R1MufPX9TawW\nN+o6I6/ezzUK1PlaIThur5P8/wVy7783jzxMXHE/4/0Kj/jLK8l4yVAvtPnH\nA1QeXJfaem49yffSFpYBL/lXA1zK+jVFOM8/flsR/XGe6WGGP85A5k+YHsR3\nTwVTwKy9ctN4TN/ircP5ecy/B+BXbz+pEvpAX2ljU+Tw8pVcYSh9L9+zlaDx\nXwjcHOZDJV2kvke+m5ZvXgRpSTrxBlFE+r/83NuczYm4f6fAQt4mboZSdxbt\n83R+fJkNxrd6izHpLw7TGNGvgMLid02gZDyixgXR9F/KqzwrBCWap0psGNY5\nMCZ/rlTZerBksF7anNgy8O5385YymVhD4XzPMecoyBcfuak12PyGOpCiFwzL\nP6YOplUM7WR7vfclxktq84LHQ9EYdmc3IDhgYRAI+sXz3wUzDG+TPutKZnk0\nWDHWPHzL4ZQKq0H6r7nk+WYvPM1zzQg8V49aG/8JLIA1TjMaOcdYCjSyQ0hN\nP6rF\r\n=+axI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.93ade142e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.93ade142e.0_1592600562049_0.1693964976870661","host":"s3://npm-registry-packages"}},"7.0.0-canary.a0032f5bb.0":{"name":"@material/rtl","version":"7.0.0-canary.a0032f5bb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8fb8ffff347d7fd98dce23ffbf265c954340ea34","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.a0032f5bb.0.tgz","fileCount":13,"integrity":"sha512-rc253FG/AsT8jYKyFyNPrdhLkIgqgPltVgjno1DLYZFakryYMyV90AIm506yf4ZEr3fIz/YFssC3TmKSgzlp2w==","signatures":[{"sig":"MEYCIQD0z9O2aBImOz/pjnW+Z6th37WbyOp5Ja68Phelop/NVgIhAMEGl4KETU/NiT1R4fU1Y8kLgM8MTlI4Wtbkw4pCWB2b","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7S3QCRA9TVsSAnZWagAAR0UP/1ty7w7SruaOLaAUKtuy\nz+k7j6Q8thgUn/trZgOSFkxrDDF/qkIOQYXc+VDnHSHKdCMn2Xju0vRYppLf\nPOW8UUz2HgCJ+kSZBpKYbjFET6EMunDaHL2v7JgD1Pp0ckuMmu+F/hFMbShM\ngCibELvkzozoxBwdNF/xuGwocdgTrWQXX50fcX74iiEEykAQd4xTglU/PkAz\ntbgm0J1Mi0gmQ3QK07gE2pXxJ4arsevU8iNCSQWe1iclNnXasfaq/oOhPfUo\nZaheGeVecMT+c5H7MIninAwcRnYWSu2R6IPPzqDhJn5S3Moo7IaMyFWPiTF8\na8p769i5txSb7kjkgm6U7PVY3nRGadqWR+XzJ/iZRenZN9wJX3uc8rjiWdKk\nDSqyZZQQEpmyn/O1/opDhcgsjKJ+yVTKke0YrNdIlsQcSnEhmudyjI0WfHMp\njueMx9HoGo6+FArsdq8mUMnjD9K6wHHxfwQWSAflzI/q1ONWGILzeU8qZ6wN\nLFdXq8ue3FxS0sCRXpilRduJZNjJb9H2r+y1eS31EDAjKE6iN4uFLmn15o8i\nNnrhDZE5pinAvQFc9HX10CQaEv/WLALWDqjrJYyfW7lfardmqWM8zJbfYHKP\nuyTRXrWEHpcRPUvFuSQOrG12snlMPgKw+rSicnZK+o06cq5xBSIgu6ksRaHN\nJck3\r\n=0HWg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.a0032f5bb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.a0032f5bb.0_1592602063564_0.33696006361511066","host":"s3://npm-registry-packages"}},"7.0.0-canary.3f342e721.0":{"name":"@material/rtl","version":"7.0.0-canary.3f342e721.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a8fec9cc14450ad3f0c83bb62b58c2ade9903a5a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.3f342e721.0.tgz","fileCount":13,"integrity":"sha512-vIqC3/mPyJ4byHWSIGS75cu5nSC/odGmhs4zVHSdCLSGsniPBS9EOpykt2us8xf2VcjFDUJgZ11O4q1hbe8eCw==","signatures":[{"sig":"MEQCIA6IHvlX2DEOymvf9FcT51Jc0B1H8DD+SU2JXjwXGmR5AiAuQiFF/kuP42ByhY6GFR3RdywUm3AHoN4rSg36xYUAKg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7S5YCRA9TVsSAnZWagAAnLMQAIc12VQCRxfIYT3CwUrv\n+BlMTuynrGJhGZjpIAReFYKsdRFWfhDcfR/fxPxkuR+AT5E8t0oi9Gd6G4Cq\nYLDikPpmHLq79C0523CzTc5FE4ya/v8RB32mcnBcJeflfEx9q/sDngpmlTcD\nekJiJLtw1Gd1L+XW1Vh8q6F5kU7E5v6tcjygrebMJQQD3mErO9jcfwKOR8Jg\nRt1iv/SI12WnHnamvwV4O578w50sl9SAfisjkzgnWjVJy2FsmDD74ccZiUen\nqiZibmss2T4ur2D+fHGVYD69T83JEwlC27wuuGepKqnTh15tx6eWlwwUuFDz\nNR46Cvesm8oirgS0EILOwMqlYMdjqZmNL0r57SFEeh/rZ5h73K2CAjkqrW9/\nQ6Mgm3u0RfmOnMcXMPIStSzCJzqr6Q/u6zPGQeMFrOIiYib3c+Ac0hHrcXuF\nJIX0vytt7S3FWprxjogn82xOMwsb7ZCG4NPCodyilQ1MjoVpSl4TC53kC8YB\nD5TH7Nnq2vu3JrtV3TgXdGhQ7yCBOWcEm75KtUrcI6kEG2DerPaSnG3oP9Nk\neH7p77T8+gUwi4ByUccKRoBfPbTx/IunN9kObm/3jPxo0dkdkqT7bLJAYBzz\nqI1MY/9vM4fIZjLwIs70N0wntd8gW2nPYqpJqYgrBc4tHH7R7Yt6eECbEcbM\nnqP5\r\n=sZcA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.3f342e721.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.3f342e721.0_1592602199511_0.8217249626548899","host":"s3://npm-registry-packages"}},"7.0.0-canary.ff89457cc.0":{"name":"@material/rtl","version":"7.0.0-canary.ff89457cc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e0e0027e3cbfdff9251abf473e7b2ef2bbcfe6a3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.ff89457cc.0.tgz","fileCount":13,"integrity":"sha512-rGBIOjSNhtAnatWmSmmZZFE29i6uwu6s0QTtCJvhY4ylqp6p/I5KRVYYxCIa86n0vknEkcLx82PXiP2KQZMQWA==","signatures":[{"sig":"MEUCIHkrq9gCag3Ma+UF76byJr8LlKyFIvAN4rGho//gcdJ5AiEA7KYL9ADsjoJOc8EELivQQuRXyjLe8DgN38kyAf363uM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7S6ZCRA9TVsSAnZWagAA3ZUP/iF6YpqvQOkwt5ZpPy1Q\nibav4vq9qOFgLpnPXlDYt4FeDX/UQdYaIrNsePemGrof3CSFKLpfLD3uf8Zn\nVFzirw/aGifDXUrcJ0JAl1rjzHtAZQ/0778A0wbm+l6kTweuImMQq1d9QlGS\nuG88A+m9IIwHM50U+1RTzHPmmYOItKmAqZN0gxnYdk4p2Wuv44IZIpf5eh90\nehZuumgLMEk9Mm4i+lt0I9tAjMzybn0l4JyeYym8GzK8tluDjfS+Maui9+6t\nloScMgK9k3XhUBQeWLZkXm9pPqnJS8+0V7e7uaFo/DDQjej0evTikrJeLTvn\nE4u+ApRRFi5ALjY7YKh1lVrghh5bFUH/9SfY0Kl6rOrouwWAvVYMI5ZF8ixK\nXyglafZhyPsDc4rpn/NtdKIGZ0NlXE5UB5FhOCo/thZT5YiZGlgXDPqbeg3I\nzBrMf4sksMu6mOfcGeVlZgAHVih+Kb7kWk+INDcnK5uGItL9vxeutORhyJFq\n17u5gU85LDI/h08XR9pdsfjAMeivWlXL6sBrpSqF6remMS86SmDlA+MgpwjN\nDWHHRUwV/025ac9S0OFF7LvJ3iHxO1CQPrdUDOu3iYWhRZpQPc4xOO2TVgCs\nGdvgiRBUQiYTcaob9qICIKso4kAgFVqNh0R3V39tVa++41Eg3B7XzjSh/YYo\nONrz\r\n=Mj3+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.ff89457cc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.ff89457cc.0_1592602265343_0.3548685260436726","host":"s3://npm-registry-packages"}},"7.0.0-canary.4a1855cf8.0":{"name":"@material/rtl","version":"7.0.0-canary.4a1855cf8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8843d9d67209a1df21be8378b629fc8b370f9f53","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.4a1855cf8.0.tgz","fileCount":13,"integrity":"sha512-N4PTkWBg+YI6ToFOkGZyGh9nMoOtqE0xr3KsBIoPR+VaIU1NNteURe4rCgZiUefPk64LpIHLThx/jqc92BoAxA==","signatures":[{"sig":"MEUCIA2jNWdTgp3hQDL1msSfYMjmo0vJItb/gGNYtDBJTv3tAiEAmbzlR+zWE42YyLQwhogD/SINVBStshoeBQRazYIWO4Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7S8/CRA9TVsSAnZWagAAL6kP/RgrSSt81XWdZx6RP93i\nyU9p3RHrbZ+DBt4seISfn5eGKBtHaUb/fSk8VqckLTXC4W5InthE7mAWBPjy\nb0mN28DQLVl1dounpcM+EgofbU8ji7Ndsysqms0ImiI1TtpZx2P07G6078GX\nbeISyckX97JuG3NvWcHG1iDXcgkljgYgZrwYs0MQQqVffCyZbAZTn9zMoemf\n8CjEmBgOfv8UgxUVwLr2HL8+GduFovqQa28VP+PhdL3rUVgIp4lVoMyJyaIU\n0wVDdKNobx/Vvs2jKwlmNDybB5pXUaT2oQFAuA8Srdl9Mx4L/wE6sWm/56mh\nBFsHjx38kRg3LtOfxlUpYOJW0mLjbGc7/NMjZ9AEMafn7+C4KIGYQhWWvjDt\n9b/XRU/i1bAvQq8tB0qnIHDurBF9fCi1+wBiWKgOSvrpAQduY5Qd5E/93zPq\nCO4pydA09O8uYUAHAi3N928xPuSDXlXxsLIfill67TD1uW2JXTHSg2f0PiRi\n5kJtLQDPSJUsDSkVir0p+T4MbNo5Ave3dR8gnklioNOdgSxo1PlsOiBEvQe9\ncnMSJOYmEvKIdCU0HLJcHNS+AANm7w1uKkalrB3xj+KW0quWtarIoyQoO5G7\nfuerra1/D/huaD+uYxYvfNQJlZJebNDKN6oca5+S6NJ0Pf9+cqH6dBEOB7xI\nLa4u\r\n=ZvWx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.4a1855cf8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.4a1855cf8.0_1592602431361_0.5601623332673822","host":"s3://npm-registry-packages"}},"7.0.0-canary.8602f1b4d.0":{"name":"@material/rtl","version":"7.0.0-canary.8602f1b4d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7fc4c3475dae21c63fbc283498229ce75d5ac623","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.8602f1b4d.0.tgz","fileCount":13,"integrity":"sha512-6TajgzVoNU3JduROTq32MuWGYEmGScWpHxoQ4jctx9EY9qYqBGjXt4uRjBwsngMCUOOisZKxn847Rc39PeWfqA==","signatures":[{"sig":"MEUCIQDL3uXIX9/IDim7XlizqDp9xuAwWeQYtdIP/npoFXyh7gIgFDVy9ZvNd/DGTlCqk8iUTy4fNP5yMgiQI27kzvX7wyc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8OkNCRA9TVsSAnZWagAAkDEQAKP26WyH0f2pr0AQ81B5\nAURiAhMWbTiNXv7NVkcWYHQVIrP5qET5tYVIKTiA1Bv0MvFcSis4cvSxzyEb\n4OBAMdTQt10q6LOtzR49GFVaYvMTRLo3l9IcJ1sui9etV6DRrPyNUPz8Inca\n03jukKuYw0aluAorfx/mIgIUEkWBe48BaKeWA3UygOgAp0Rn8rlEiIxIu2qF\nnnT9RGqP7t1JsFizwPsyuxbUIw6W49V6ECuujHq/LV0HLIUtgAQ3XGAkCjZr\n2QZwZtkWSKj+0Ni2BtwP2d9NIbFgq5w3vAWMNbm/4tVj3VZVV7OmugkyqJ1K\ntnM32aQkG2TSfilNzlWoPoqIQXU6flrFI9JZTNHglhp5iOO2eLMFgPrYN47H\nczZ2CGwqV7DA8WamcGeDtYUUUvSrC2T9uNijZ0+PviTo4PvOWR9p91mPD5qI\nRbry1CffMQlggP44IcrZvPoM1Il3C+jHYwPccXpaP9f3oR9liLWZSlBRJouz\nazO/r5F5V+En/gQfbJXTRa4D9s5IskXHCDYlxou/rF4pGaJKDT3UFZmuEldl\nb5YBPGXCO593ABkd3479QN3DpW+V0Wt90wPA9P/mqZvxdjSABxV7nnx6+T9a\nXvlNeR+og5awD8hTRlVb3HsqR0lg4MsvA9y3sr71ryP1tycb255TtjNyr/G6\nRn/H\r\n=sz7B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.8602f1b4d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.8602f1b4d.0_1592846605102_0.22225391591086763","host":"s3://npm-registry-packages"}},"7.0.0-canary.69f9f0982.0":{"name":"@material/rtl","version":"7.0.0-canary.69f9f0982.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"30edb1f0ac13923a56eb0bb2c03e6934a4d535b9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.69f9f0982.0.tgz","fileCount":13,"integrity":"sha512-zlGVC97MT1SxKHIdALK3CJKTU3TOeobBR0NC+urLasaSP9v+X2hFp6KHgQBXcDldglgMXUTULZ4QYxyeTX4GvQ==","signatures":[{"sig":"MEQCIAmdc64geWPBdYFDEXMEaalmrITu4/udofPeBY11CZ/LAiAQjneN8hr8fM29VfFvcJJ6PW+kQl4jGLEBjNWWcZh3vg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8R8iCRA9TVsSAnZWagAAk9kP/2g/6v9o+B/bm8QAi53f\nD41IDpICvkWrexOMe153kRk6adbkZrcv6jSwfEepjDK/lLODx6Sz/dy3+zcE\nOAyp9wPtKyHmvB4AOBownEyIIhE4siC4mWWp3Lgi4QMRNoEpNxoSBRGp4RW9\nruq0Srkb4PjxZfJiR1HLH/7z6zBn1+pMm0XlsyStXXDA8FfmWimhTdNZRcAl\nJPu9LdRWF7S1JkALOG46QYmBcQ3mWeuO3+Qx++bFcdr3ovoK0Td2kQkUO2D2\nqhXrU8SrcEItco7P95tgsbncV3jE75iM/fRVmLEJGMAokQ9W0/9wy2BN+zm6\nc/I0Po+mmTEoAwApwFKUrVNLB75l2uU51b7GmZsW4quiO5zioP5WUdkt+QyW\nGgYoEmNZ1W8iHsKwitW21SvNVaCNARqETYQDES5+deJx0z3l3148t5/7IMeH\nqmocxzEWlKfBeWlzfLWWgJiyPLhH5Gr5IRzBQu37iE4kA6zGnIHC6h7TrgqM\nATCYbV565lUadZdOAyvCChelJkSibhCDA2hzTBPCuZBd5NPa4UQiW2HAI6w8\njrpXw/1hdPOVLC/3faMjHdC0OWLu089B66K+3e1+z9/O6toXgj5LyxjmcSra\n13WvRH0I6FOjJvc5QuR33W/WoKgflS/kYhq05z2YfzKsJI6QxJwr0jNhz6+y\nGy8d\r\n=mEBY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.69f9f0982.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.69f9f0982.0_1592860449967_0.8160900660591326","host":"s3://npm-registry-packages"}},"7.0.0-canary.369a293f0.0":{"name":"@material/rtl","version":"7.0.0-canary.369a293f0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1582c22f547ede9e3d5c60076266463d5ae2317d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.369a293f0.0.tgz","fileCount":13,"integrity":"sha512-DuSsZde5PGe1Dtx9c/KhuOPBUcrFnf6NJXH2IQTgsdGVNpKnrL/GflhGjmPe2pPrgBYdFhnPGogqGG2cWFhQqA==","signatures":[{"sig":"MEUCIGdVbJc3Or3BMDPaX4tHuqsqxk59/79SNjwZK6EvTxJJAiEAxChVKoRTZ0b4lZ8vOjt72WpCbkJnMa6mlSEzSf5KVCs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8R+tCRA9TVsSAnZWagAAn0gP/jng0eDGwP5V5RAneOXf\nJH+n7O162o1D+PiGAg97wMy/Tr/WT9a2OkkdBNwLBbuwSdy6d45frWSmnSO9\nr44EKlTAX0fUCdkyfiZNhSK5zNCsTD6jIvZVW2qYetN6FvZOke03u1NsJPcX\nPTxyakVKiLfwCqXxGLy+hR669QNGczdGYbTa0BSXyhu4BUewIySa75FfiWVn\ns2p0KNjY8K6BNE5DNaIJ3Kv6Hir+mQqgi0B/m1wyPv2teLS9XTOisdqdHmtb\nvPIIEKFGXnvCHgA/kiu676tWNceWTm6tgHXbaP/RJbHJjT12mT5el+UOJN4A\nQjtKekr9pDugAKYbD7uEKmLf9G3Da4neU6/iF5PdY0syTSMfqaqNfF+X8uDN\nu2pcrqr/19vdTB+G0mT9eI8dC4Ne16sFNlpZ1wes8/FqdPdopHqM5fPFIejm\nMxW50kQuOHz0+XVSe/wkVKlsF3/Mi0yCpgpSPV9WKXe8K5dHo7v+SFaPS8i4\nFpUkqbeSKlAXNR8IpD+fPA8BOtbhr9R/mUf3mN2LHnhJYB1cmQ1y6qQvAIj7\nKqcNGKthmebYSIot/AovjROgziJrAUVsTNrsg6VQ7zQl+RPrv2XJkheG2yYa\nAIkeSVY9t1sQ7HIpK3NhtmZkULW9xJhi56Z8cUX87oJmNPRD8dsJgEEr05US\nbBfz\r\n=Ao3f\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.369a293f0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.369a293f0.0_1592860589357_0.10646404869845405","host":"s3://npm-registry-packages"}},"7.0.0-canary.f1432b5c6.0":{"name":"@material/rtl","version":"7.0.0-canary.f1432b5c6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"fa756e20b79d2361f519932bbab9513315522f08","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.f1432b5c6.0.tgz","fileCount":13,"integrity":"sha512-J7oiGWZ9wzShf+7/+UoRJRXWxqGxfKkQNN+IPlw1BZ5RwNh2OQRUvyPgJHPZG6jp+27iHRmXNRIC9vwYXIa0fw==","signatures":[{"sig":"MEUCIQCf9PmdfPm6SO1/Oh6F+fPjcqXYrpiSYkW85r/z8NzsOQIgPd0RToSR/MP8LwgDXF70W1bHIy4b/YErdjzAgqkfae8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8SGtCRA9TVsSAnZWagAArUwP/ikeEDnnrO/ZXPG01FGG\nSw+fFo1HrkwqAKqcOWzPLs8WscMbWoF+Blhxc03+SonNGlCt9dPkIFlVZt77\nXiNZVpSwmlIw9SsqTWC6kNYSYsoD7MYaqqZ48QAaQippfwK4Mj2r38ed4fWQ\nPUCRzUnltRKrxKrUt8rwarNbO+LeL1fRpvrN0LPDmyqr6XZmVBeceS6G9Zs2\njUi55YJceyo7Yyd11GbJn/2ESy/TTuzCVGZ+TwF7FSPh3YJTf/6AFiSz+RoZ\n3VhlNlMpSB2GJ6QuNGHEbYU+x9Kja2O7mtYcwcOVzbWC5NUXSKeDLloPOnn/\nzVzNcAoc2uUnuzCdd6rViYRCR6qOfNXkFVeCEs+I63fP7r8LskbsjhKwaLRc\nL5ilbAICnyb3SGJ9nNjUAxiBGDc0AU5bnMKwzF6ZYyPBOdouzE9LSrGRy4ie\namVs97r+FKI9WXyacBemPdDWIsXQ/++njYhAXSGOTcLjUS/Lsr8P9uU9av/2\nXgSJR7wGTCz9XGuUH6gr0VFgsZ2s7yK8xFVtr+J2p3QYKPV646rftHpa+lbE\ndyhGrAvBOwkjUF9FyO9MMcOi3SpndkQ/59s+e1VUtwkIdLGUDwb8xyUKoe3b\ny5k4N66asKTnhC8TSQRs6FM4NEV8crt7cSZlXiLEuisWcM6FSOdtEJbk3564\nBE3O\r\n=Pupj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.f1432b5c6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.f1432b5c6.0_1592861100862_0.8903162209592592","host":"s3://npm-registry-packages"}},"7.0.0-canary.4757a16b4.0":{"name":"@material/rtl","version":"7.0.0-canary.4757a16b4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f45b6bceea1703fbdcda314cf34fa001f55f3e91","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.4757a16b4.0.tgz","fileCount":13,"integrity":"sha512-uqHUh79wOxbKnR+4ciVEtLk6vZwGpq7lbEP4Spd0hmtDzY8zpg4t4JJCbVSC8iY9iYolWNolW3wWd2/Ck52+rw==","signatures":[{"sig":"MEYCIQCIuZN/V1WcJnaJZOJWgc7AdTabQxA7H2z9FSA2BzBEawIhAKKED2DoYCnh/OTdiDZeKii5QMmZleJtgGWAsykoiBMx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8ShFCRA9TVsSAnZWagAA518QAKKeCQ/pMx/I8ZwGgp4K\n6Nf64DUQn/xZpiaLhYwTl7U1CJXpVZiccCWpi/YeaKgM0JQAlgePGuUEaYj6\ndzkDH96XGIr6Jv6ubTtxq1f7ylfSCYu0eha4RyHeHQ1wNuC4QJoNq2RvXwzj\nCxn2b71W9fW41RhBl1c+Km8of44wxE15/t8m/1H+bD/h0Er9MIPUYyXpLqc+\nF29yfsBuK5vKOd07x4BXWy79/UeZfnyowe79S1bbFNqKm7vx9CD++ZsfjgeX\nl1QO/DqnVUggUAguHsmXj8odmghvjbiwGXWrYP/it1AGLcB17zd1DNu1IySz\ndAQhB2/m2s1ApWPvNL7gQHfShLxZlbFrNapaLLynRuQ1Bjq1v9/2EOkTx8Oz\na4YYtPKXxDgEUFpymN10qxF8lLCFkI5Ddub6IVGrIcDYk3W5E+rzll3O9lMk\nrBQ2gO0NYz4q75su/ME78+CjKX1NXIF3xD8En0hKqKfAwcvXuQxDRZ+6SJuu\nkJ2a19Qmw2UxkG2hk2ggiXFXg5q7awcQxEDe/o5p3H7nXDnmrEMJzpxSylGZ\nrWk4tTvpPyCGS1d5M+FG+kvu+REJ/S2IUTt+DXw++oAALcqFEnFkmVA4JslM\n+YgxXU3FD6CPVmDSrCKHYXAjI3BS2jhl50tfVf76ZP2SSx70NqkBKguR6MxL\nwXrt\r\n=bWsr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.4757a16b4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.4757a16b4.0_1592862789228_0.21803352128090858","host":"s3://npm-registry-packages"}},"7.0.0-canary.f8f472762.0":{"name":"@material/rtl","version":"7.0.0-canary.f8f472762.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"26110115095677bc0edeef6790c44c1be1789b4d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.f8f472762.0.tgz","fileCount":13,"integrity":"sha512-APyGPKa0QZczEJ5MXmWjPvYpzp9taAPSek5CSxRdcWaYHsT/4snFdM6giC8BRlh7fehTNWuci7g9a4YPAhkvlA==","signatures":[{"sig":"MEUCICOUTBGXI64NxQqzcyEX9OL+jgg9LP3Z4D4VVZMAhBREAiEA8DXcSdgK/TnWD0K0SG5emYBcHjnPzLk8EUZl0pq8Epg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8Sk2CRA9TVsSAnZWagAAdl4P/AnDZ952ArRn7009g+kB\n7pu5V0Qlq0jUIEEEaEsSHu0l8rekSmdYNMbTwme54q7E6ocYxOJRtkri94DY\neAF/noG7UOGR/Oznzwj3DR+D0PvgKjP2xoPzGLDrVzqzh2VXPIQvntgK8gls\nS3t93aov/CGXgeqV9w/4jv4sH1zzoOqKqwGZuBDdB+jckiD5V9dH7cbPxdMO\nq7xlTC6JoLalMlmnZscFlzx6mCr83Zrj9o+DW2pA99OBT/Dlea3dfQ5oRDN6\nV4g6JMpk+BA0wKE+QRoSqQZAuDErxeTnLGXRMLyGg/oBMozYbhDKsK34qMmh\nSBGORipU1+x3T/LqGPx2IkfNdAxmuxCSr1w+J0pOgzAwCbS5QHCjZmgSBR7S\nZbfZb5xrtBDiRXKxbMLKdCIHpENZvlUvEG1wNZu7JVmUj44JITIcjZ6MT7XW\n12n3+2fX48kQAGsmd1Z+G1SCw5t7UjuBcjz5/VnQfZpHNDs/6sHuNDSUupBL\nkAbfwj0BFR/GRPvwSBwLnK8dayy7oD7ABZib1X5uEb0Ld2gisj9hL0P++/Ps\nwV7Y9RVMFZKPLLIwIjH0eU1vaGH1vUKJIpxRFdtzhftggPkkpWsQgJgcuDdO\nKo23Gh2eqUon8VWf0iYW0+iJwxNfNigmzapwBL0Af/xaDBd/ObOZjK7L0BTT\nNRkm\r\n=m+yA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.f8f472762.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.f8f472762.0_1592863029744_0.8046567647247447","host":"s3://npm-registry-packages"}},"7.0.0-canary.7e4d55c34.0":{"name":"@material/rtl","version":"7.0.0-canary.7e4d55c34.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f18e708238de666f0d7e1114ac0448283b4080e5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.7e4d55c34.0.tgz","fileCount":13,"integrity":"sha512-0ly+YrJ9Q9bK8dOZhucqK9fkVMHcQaygStKbQKiOYw7rKo7jZMNLiYoldhzz1r31+uysMlX3CCTKJnz/hOHIYw==","signatures":[{"sig":"MEQCICmTzcw23J1ofuANiKpVg1VTkkuZrbMAXEhnvA618ZQKAiA1seMZ9+WRNL51fOIByqkblKSZ29RZzbjJc0BjJdrZ1g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8TCyCRA9TVsSAnZWagAAnf8QAInxTiSX39cdf82z+jBw\nupuJXg3zw2lc4awEgHpeGzAm3Azb8g2muSo2Q2oowEmmOWITrYk1Ll/o7dmI\n7hi0AMDUcheF/t7CCrZZddn4W/JkswV2ZsvuNHx0heq/YYZSIq+wdqq8MkPb\nR4rSIBZoMRQg2TCy/QNVzFmiOM1u1yXsnO4vhd+t5kb1FHhuQguSW34EzrZN\nFZ2dqrBVjSpJCOf9NJrch+xiK6uhxY0E7k7VyOc6VbUOz1WV1wdsrXr0bBYm\nS5CwzxUWramQe0t+dcL0guVJdJAPQhKpZFcX2ZEJ6xPPJWC51QAFDw/7hie0\ndl7bQ9B89ljuluCjVqgnJoSKaJjk7/vrkuAMyNqzRsDcQJ/wmfAWVvl10PlT\nmLZZkmwhdi5zWlCjLo2eJYZNZtY3qjiCpVu9lwNlcAWGbToMR4bz8Bvem+j2\nhD/zhaNn+5PeYRzkbjLHGZEJ98/1gyVMAMIieLOkq27uCt0qf7461PIGPB27\nc6+WwZYj6kMkpECh+4vsi/GDEWzhn46SY+GKAIY9hrPH7l7Gf3cIpJzr4jit\nFjge/ZzUkJE1hJ6sGM343TLOS06MOO9AQLC39EBSZ5Jk/yLtJ0X73BkPyPES\njaX8Ri8Ya10gQKwqrCBxzU4r4CyS5fFrsv2RnZt6nixW+kh/DHWqLJZMY0Q5\nqIcw\r\n=czji\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.7e4d55c34.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.7e4d55c34.0_1592864946136_0.25225003894011677","host":"s3://npm-registry-packages"}},"7.0.0-canary.bd1dbc91f.0":{"name":"@material/rtl","version":"7.0.0-canary.bd1dbc91f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a7963a809525cffd7d4cb722d30ec5245a9fc246","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.bd1dbc91f.0.tgz","fileCount":13,"integrity":"sha512-/02D/5Dn5Gicz9GWl5dwESVVAGsr5CojSghpr0odPqtzftaYX5KwC53tBxjD/jvWmVyOeUBYI3DOjmZLV7+f9Q==","signatures":[{"sig":"MEUCIDjo4qKL3mch+J7iMsP/YWcBCrOqnSK8wCpjw9sQlS8TAiEA2aR2N+j6KyZJOHCtUmGwUeNZ/dTEqOeq3T0clMaGawQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8hFjCRA9TVsSAnZWagAAWucQAJXtgou7XIm7nrXUAcD7\nuQ34BCzjAtiuqmxRu/t4lRx1LtlWwMLqKpPR5ETLGCZhC7KDjTTpxYqL+Oal\n0hqNu2erRgJTgi93QryFm2Tl+MVSDPc9XN/KnvRuSdJ5QdOxa5a9lTby/eGV\nCdVQxNQgUvIEHES0RZjWxOlJiHhI3iPD6A0nCEKIWNp5AKJnk3bRS3ookGx7\nr+Wh0FR+/B1E2Z5ZMCT+5Srbrpcula2KkhO+YgEPW9dXPubLg3fkKmBuTAbl\ntJuT9SpmerqHnOSzDpGHbhXw1pF4SvzLgojaIDyoTDx73JKtvM98zJPgZ1w7\nuFaDczFpRMYU/wXRG69KIx01deWVQLUMxZMc9wRqXuiM10ZILX1A4U1hRgTB\nWkl0mR+lyOqUjkmtFnBJLpm0qCgqX0OetoY1o0UtvF1hw9dqZIRpyHdTh0ct\n+TAOR1LuYPVP1k9eQNY+QaRNCmM6DPnqfhOVFq7gRZbgOZLPcZeNKgOHwgIJ\nd66/XpD5rq8bBXWp4dXhfUcQW+GxrFUYYN/CByVyd4dT5IqygtQuXVV4eFuS\npMTOKDVc9DrEQ6e3tau6dW3mFPe8tzFIlWK3b5S83acImlbEyY0ziEsU4q2V\nHuyZtP1zkIg0JsstrQZgwnwHpZx+MKeL0hb53HyyXX2oW1N2Yl+cSkcoKZ41\n7mhE\r\n=Ntyf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.bd1dbc91f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.bd1dbc91f.0_1592922465694_0.9097154327437491","host":"s3://npm-registry-packages"}},"7.0.0-canary.31523bc62.0":{"name":"@material/rtl","version":"7.0.0-canary.31523bc62.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"45a2bfe20d9947bb000c3743f61464a8acc41b03","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.31523bc62.0.tgz","fileCount":13,"integrity":"sha512-XFTI10itF984FtKaqR2SWWQT/TiOOY5anZV4xqTjkNKeEqdY+xEVjNux9RGwylXnFOcT/JkWKM/HbFb7rwkueQ==","signatures":[{"sig":"MEUCIH2lDDhPVS7X5/f+iaJo4j2F/X4JgPYHRlK1/5Xrzm++AiEA88rIpqSaTlL3WubN24s74NCm7TAXnIiZlQfo3s6TzV8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8hKnCRA9TVsSAnZWagAAkjwP/3oEZBOqzNPd9D6Sp4Wr\nPka1HR5bdWORTlorjnYRScC5QY6XYFw8Fw9Ul0V+yZk8vHXU7kRyx0XiWl6a\nMte6gz9npdeIMRDBG83oJvUsZVThwlS2OPhVwAGww4WEcNf1yRhkZRmxXoB2\n0kKB9X2hg6peUTHmeQ7XnTzsA0ZxAYuczN2AnjNfQuph9sIHph44mMybF3dJ\nr5vrk8RYBCOgNjRpi282ljKigf9fjaT5Cmnda4T10aK15RQ4NXPdFxKwChNn\nnWCUIo4Pz4qn8wJM6pJl7B9Twx76MMXNxl3d3/R3JFt5v25BovAbcdn7hrK6\ny1wxjcVfIZq2C4hhiVuh6bRrkl2c7jgo7ImNcNnBEzqfsjHiptz3nry7NXRC\nXeunzXgU4BT2wTbLmKUCa1yTdOiE7GS+LxqXu33sNLYIOtkv5Li58j3dTStM\n78JNkpSL95qk7FAFjzv6F7GBRryPahMH+uUWm/XGfir9w8PlHvGiQW1Ew3A6\npOo1qYigktt86k5LVyClEjIuV3yXJx4K22/0MnAQ/IU7d4jxl0xekWq9D+Fd\nMI+sHBY+CL/F0MSxBiIbio3LCU1grIXpoYB/tTjoz2y0Hu6d/5HqApxilIcl\nBPjSXmqBTjLbFJR437vYZrIK6sE+yXIPim3MpOFA3ncGXW43jEa0gVXn8/+l\nMQNG\r\n=265f\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.31523bc62.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.31523bc62.0_1592922790295_0.46615923441316975","host":"s3://npm-registry-packages"}},"7.0.0-canary.a96b6d4d6.0":{"name":"@material/rtl","version":"7.0.0-canary.a96b6d4d6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8982ca9b4dd744a2d0082ab45bd6177118579b8a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.a96b6d4d6.0.tgz","fileCount":13,"integrity":"sha512-1NFu0Mp1sswNOR6Ge0R+nv0vIwTOEKG/s1GXvV/+jsBKFuJFquU8iRZQbV9Sd8rSy1zi2bIDnWyekh9UY0kbog==","signatures":[{"sig":"MEUCIBvH+803tYEQLNFsE9S/hpbB8ghuM1rHsMiiYCqqaMS6AiEA+dMWU0cCgM4/uoMAvNyjaJnSM3Dj89t0AsqO/KarayQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8hQuCRA9TVsSAnZWagAAT6wP/RXAH9MIWdYRiZWsHr1r\nLnvPHFLLViBPufEIRFdMy4wcYbKR78AChoJxKCBdCuhq7ygba+wcE8WJS1Co\n7BU1cSuBove0eA0z4Q58SDuaG0P9FUsWlUkNADSUDSo/yixsI49NjpdfkAw2\naRsfExxuqHY4hX+NSoQi7eYQH7wHiCxBl5WX9X9Wrh8pVEUW0kluy+lzKH/3\nFqNaPk9Z5HZL4A7UKo1vYBGnnsURcoyzhHdPbutybtQlofVAvPIydUAoz+gg\naVzfo8uE/XRMXH6D641GhBaz5kivnx59x1TwxoE8SAbHVHa4v/2l4PVaoD70\no/strlKklCwWg9v430UZvgJnl/4F2ZdU1PqSUegAMDqHl7gpmht2PQpWjPjy\n9utY5n9reS76XG4xZpo9ZFcGcbaJ+LZAMiB3r/me1E+qLduBbQsnufBtJzrg\nR+/zocj7+mm5YIg7YSdIfnPzxA4Z8BwzLTXpsEiE0OX3SbNrOdrZDcQSdXdm\nvFzlsq0fzeUVsJCA+o2Wx99rZXMd3/eL+OQ0BFDf7hnZ6T3geEoCrM+78aiZ\nl62sHeVsS0jl0o5WU7VNaCLPkVziqQ2qqmpeSEom0AaKfcDImalpSEbqtYNY\n6FXCNt47p3uE+pPNgi44rmOK7groENR0bl/TWUp1Uf/XJag5T5K5SodeHFy3\nM9qo\r\n=OGBu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.a96b6d4d6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.a96b6d4d6.0_1592923181936_0.2198322874620271","host":"s3://npm-registry-packages"}},"7.0.0-canary.ef3a09533.0":{"name":"@material/rtl","version":"7.0.0-canary.ef3a09533.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"49ca51be4facfa45d7c17a0f6f92dbce7a3f6000","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.ef3a09533.0.tgz","fileCount":13,"integrity":"sha512-WvsDEytao/WLePZh3xR1HTmT6uOBBGVzTgJD2dE01C4HGP4mf9JV+/NZP6HiLKPX3jw7VvZf4uPlCrfTnIhClA==","signatures":[{"sig":"MEUCIQCNFE6/H4QUWLlORiLi+wAZ5WTm+Lvlhq5vVmA8JRdGLAIgZRrQNPdQXSBFnnTdV2ejPT7BwvVTcM90cybC6fbb7k8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8hYdCRA9TVsSAnZWagAAX8AP/29sPps1xCh7k/X27ffA\nqOC0bbpfpV0FYQqbzL+ECRtbLVeVfPbc9Dnyu962JvO6xAJR3RloUBWxKV0A\ns/r5DToFp69CUAPC5XL994kHEKFLjgnqUB+7J4Vi6e88N1vOO8qAdH6YXl0N\nUb3sVFsbGEtngK2I+6UAkd62BT3s4B+vCfKds4TAE1LgkXMU93jfw5v3qdh6\ni9SeMxVRz7h9AN/fZM5g8cZKzmBbeIh2FGYIQxw9Dj1V7K6zPlcPTOZF3IpA\n6emFVHdVADhZrC0zssR0rntJzi5Vi5S45PAa425TDjGve0lBK3uaTo4awpsi\npjZXHi/HoIxi9Jq7VaPDY527v1pEAcnNHpsjH5ceVdyrj+lckTJ3iWmW4UNQ\nrwcTxw2VLWWVBdsZ7nlYMrd+hanhpjiatjvoSnusLrFDNuKdlySM5qBYP34u\nNJA+A5d+cDdMWRLIAb0HTpJ4QzrWDVLxTSt26aMj3XC/6MtYQIjFSkktIGcH\n0kjmq9VNFFWvxs3wGBAgDU8GEN0akzR8fJB1aCaA8JGjOc8MMHdaIJxKToQW\nUQb30wwRNFkk9dzOGUvfBEOwdLp79kVhvhtYeDvJ2g9wbb/Ji1fwYo2yZ7mx\nmz8LAVjR/JW1PZ7K9DaQU+/a/++bBP1zOOFEtnDcTUeCf9EN64kZAad7HH7p\noPh7\r\n=6RgW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.ef3a09533.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.ef3a09533.0_1592923677448_0.5882311341191495","host":"s3://npm-registry-packages"}},"7.0.0-canary.080965f39.0":{"name":"@material/rtl","version":"7.0.0-canary.080965f39.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ae2395175f16d0643b73608ac7145a8afaaf9fec","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.080965f39.0.tgz","fileCount":13,"integrity":"sha512-iEd6FQ26s0obTXtZ3QvLhGMdwGlddO2UVRtmIl2hiGjrHv9dssfIog4CUgilfb6UmMqlNB8hQOAF7xW2sH4Abw==","signatures":[{"sig":"MEUCIQC7UBHJj/aigk1xJBCVwzRhYvtKLexK1CBV+7T8OORNnwIgKpd9cFeJW49HDuFzabtSPtYMrY5JayOfLpYBj96lLPc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8h0ECRA9TVsSAnZWagAAjtkQAJkRMCNHSRUX/l5K2RLb\nEFvYLpxkvBe8l114nJtzRTZ2cPbFoAHEc6mGCu3B9tZ5aYKzECY4njPOLWBc\n1I0KaUbJOuHjuEbHPoAPNmK/GaXjS2JfxguWmyhZAiVm2u9wGis9s6rrd5Vx\nowFGJMT0HIxVcyq8uuBE9OP+k9xx/btAk0w8xmEJZJco/BKQOO5QT9m/wKcI\noPOXImEHbmqPJr+yVFNynAwO1OcQSpIV1sm0MHit64aHwhBn7jUe8q7zfaeE\n163/o1CbkqR1SUFyxunsnYJJPq81YyjJ6owTI4SskK0giejfFRux6VZVNjCJ\numE8HtzuP3uhZ66nGE1xYGf1eIji4oHECtOFBiBgXUINWlhE4JyCEVvFGVKu\nnlwRwgS0Endajw8s/yQQNKuKyCnw+RS8cSqKifOnew36c6vL7VNqb61lpcnD\nS6Ix3q+HSW8CbhJN3+lBQyHKmda8ZVI64zefZzkG+zBWwI7zAjv7e+G7LM8v\n0Ej5Q/dnFuVG5OqQnvV+Z5apjB8G3Dic8oCXiIriSyHv8AVwQ8qgxsb1H9xo\n8x+hD9KYXTvapMOlpl/rL9a3D4RQ/SPfRM0RCL2FguiekKfg345cIY4eaZh6\n3eQn5gclyKfr7JWbEo0yF+8MCfX52tlpIfMkSBdXL1axpZW+UgYmL2xdTGrd\nKhYN\r\n=ocSJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.080965f39.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.080965f39.0_1592925443453_0.4975322986054045","host":"s3://npm-registry-packages"}},"7.0.0-canary.1bd67b65d.0":{"name":"@material/rtl","version":"7.0.0-canary.1bd67b65d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6cd19d447b9ed055abe41767626e5c75c9088be4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.1bd67b65d.0.tgz","fileCount":13,"integrity":"sha512-HUhGbFifMThfPjORAwertIr9wUyQGBq13n0m84/s1nxId7RO+SZvvIm7zCPk3i0ha9h6eFe+vbHTR4k3Jn6pbQ==","signatures":[{"sig":"MEQCIGg8vdsLoudVVhf2pVYN3qii6/vjtbi5IdDRGmJ2G8KvAiA65ZIkTVcTRX0gExgYnxbIR3cJWYuIxrv3LmlEE/+tnA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8ibwCRA9TVsSAnZWagAAIDIQAJU48YVuAz1tVfaqNL0h\nSGS54HUT3nqOCA6G2XrmaVEv6Nt5dh9z8xh8rc/QUua1comN83byVjl3D+jY\nU6INkwKIW5FhU2arvX0LdBb4R0o/inrSLeY7P3X4d1ca4CBTT5u4OxoGtmK2\nmuedh5uq3UUCO7n9SAxcKjzeZogKSPS/CYPNxQfyW8uTXLfB4ufL0IQXje8P\nt5SIA43NZugSsFcNT6mDYQCb2GXCyHX9mEHOMt3Id5n5feV69AK/by16XQy9\nEKUnTMR+UT7yiDgftSKlxefORtpVau6JxomYuv8Q03tVLWNzCLEijCfuJIGu\nP55zi5UxkuXMtEHg0o4RSOjCy2nY+1LxxHr4whDhGlMqGqPgazOk7XCV59Lf\n8l04KFANHWlRP12TuQX3OEzPi8trxL/7e3rEmZJi8+9ruXSJq/97U2ZF3J2f\nek+BQo+MFxKle89GyM3h+CUqkLx6KKYR1bkhFlhbGYIj7RRNIxIZJrPh/clA\nApmJgMSoVIipF5EHIgAI8BdrYkxGOyrrI4j+LQMkWiFLsK7KLAQfUW89OVSU\nruipReoomKAruBLQAtXwnWBcCCdodZyzse+3p/tc3v4yVhT5dKCFo+ei4K2f\nSRLTWlUxGbH2B4zvncGSKIdx4DqtXJmrXSqunEfQe3P6vU8JniK1HAVcRW3f\nqysp\r\n=D/xw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.1bd67b65d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.1bd67b65d.0_1592927983970_0.9816591872694986","host":"s3://npm-registry-packages"}},"7.0.0-canary.18ca31248.0":{"name":"@material/rtl","version":"7.0.0-canary.18ca31248.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"39e5f6c0a78df5540a5cd00a7c9d8a74b73eefbf","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.18ca31248.0.tgz","fileCount":13,"integrity":"sha512-sDu80F9sXm/vpgFC8FEBYE+j16h7ggdtE17Oy9AXIekQR0Jgn6yyGlMveOfbM/MmCSYXFFXrgBL8ABJ7uJq3dA==","signatures":[{"sig":"MEYCIQCK7HkLT+FY4T3bi2+rHJiXL2BoCfOR8qeKegw6XUoLGQIhAP0LLm+uhFLmO1sSvK9kTUugFtoxmpr2ten0n5Qb5PiA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8kjrCRA9TVsSAnZWagAA+bsP/A7T2xxEhNv/N/4sVLg+\n7dlZbk5EQw4FInfXmppQMZlG4i1LnV47NRl6iyLu+KjBVItjv9xjmsKm7G6j\norJL+EPvRK3FPklLcKJJfUm3jx006Hl7kgeOSNzAnJl4yT67Dmgfe8EOUxHp\nbzNR72Glpw6Us4Y+AVSYegsyC6svZmg+VaC8NK1WekbGAyhk7UYIXu9iOjtq\ny+OZ/oS5SL7vV4Vnu6/9R0Dod0ltdgoeOMcp6W3Bp7oSwOtAF4d69yr//GOd\nisGXAHknqUnBtEwZ0Z16JpHOcU20RKioGKWeIdtTF+khNbu1pf4rHubLPvHt\nUpP6ddS+LRXelsn3ikm2lCKsNH7b5wSk323WE3PEwWW2WlR5KChSWciH32qc\no2c1GhiKo6jAA5zuHaTDmjhDblg3OCTVqUGscb2srbgcdMo3lS4v/zU3igLL\nxLyxM93HdW/kbDnhD3wnt1uv8XuCZc1KQnAe3Io8ytngWRe7L4CwPguNv/+k\nImFM1o3fmhw/dfh4N9mJvLkaop0FUOkbaJirVt8HP+a7eBZrpCY96wOA+HeR\nk5aG4oyFu+T2TvaQqkLOJRwK+FkfbgDHq06OXegGdXBmTRg7/MtHSTMuVU1/\nH3+7T0//ZBqNmhsbe7Jkstvv0SU/oE6IfGrRN/097HyDu5rR2BSkz+Cah/TW\nrcmZ\r\n=hdqZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.18ca31248.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.18ca31248.0_1592936683112_0.856176018263481","host":"s3://npm-registry-packages"}},"7.0.0-canary.39cf00836.0":{"name":"@material/rtl","version":"7.0.0-canary.39cf00836.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"fa4cde10f2b83da1a3b05e284511ed7ab91924e6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.39cf00836.0.tgz","fileCount":13,"integrity":"sha512-hC2oL3+7z0ArUDoWYCav5UradZYaqDxUFPUYpnqi1vq7qCoi4jzvAFA5MWC4uraHmMcnSdE54vJqN9AJKpgMOQ==","signatures":[{"sig":"MEQCIBKDMjdf64ZzZbCYuZ/E/YIczx424htHe2enVHk+bjxKAiAkN5UxWF+6SKsZpsMQhiXPIuTxXK75CgYt8hKgJC9Sqw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8k5NCRA9TVsSAnZWagAAuHIQAI790J1TbHA+KnEI6uk3\ndbJjfHA7A9PwYcuLrPFUR82D2KVTc23p6hhe//hJckCizFrm1nfWwbLHMgyU\nnjsgwcAuue2ptOpDqCMQtUyMMbo82mv3IdiGb5wwrvymIgprzUOksrQEQ/9m\nkaxahfK4sF2KsRJhejbmEkrl3TsC3D6J9z8neJbZ/j+PWLKtCKZQhlzt+Rq5\niI8keGR+aqZH7PzQgzz81vbuiMWU7j1X649Xrr+NfcZvAYssjkgfVjkpBfRb\nmrJZvQE/JahHzdC5E3i/buYsuM004mR5orLrukzwkhg0h3iFN/biAbz/7Xv8\nkCSdmtMiSOIZ/WFscgiZNSLRzrm9eqPwyL2rq/a4jRceo/QwvTBjVl/tBpRG\nfkNlme/evBXJn+Gdz+uR5C1SjyNgZ4X6u9pCu4bBsCtvM/N7bGR1cIw5JHde\n4UPvzbgsxQhA45p2TQnirPL/yPWgcCUdg4Wexj6hu5rTFWZkLLm+5YUb8d6P\nuMpp/7WDEwvXMIqyzA5wqAGcKuG6gKGtzWOt0ISo9Gw+GFJiFvAW1sZwEBH/\nNGuPUMJoCDdXXIGviJ3ILtV+IBCvxXTZ0Fl6rDCQDhJ3EFEYyrjH5UfGIHo+\naXJ27+0C6fLgPQNzFmaOPA0jMHFbCPvNni26MPBZMuu4+z/jkZn5fmMeKzBQ\nu5nX\r\n=sKQZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.39cf00836.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.39cf00836.0_1592938061239_0.6672323129395539","host":"s3://npm-registry-packages"}},"7.0.0-canary.1bfda9e05.0":{"name":"@material/rtl","version":"7.0.0-canary.1bfda9e05.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"fe90eecdbb8a05bb1c08a3ac623d74e9f025a35f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.1bfda9e05.0.tgz","fileCount":13,"integrity":"sha512-lzWqpNwQHMtlq2eKq3/6rzi9untXtbtAgwFW3a4H6lq5H1IprQw6R56aepuJA6OPHzKOw6oSiwRpcvuyMAx+RQ==","signatures":[{"sig":"MEQCIDDTGjtSyWKdm+0WQ6NNDDOLikSlynTDLAcKdfftMpDmAiAwNtsPkof1j/MU3FG48mYc+xmdMlxAxTGG0IImpnMsIw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8lE7CRA9TVsSAnZWagAA37AQAILSHlqRrw/tQqq4mPYO\nEhq7CE8FwNNlbrvdinqS5StyHdV0k+I2QDGZIVWAsnSAkp/oaBn4JP5B35uT\nk240vVjgZlS7nTSxUzRRro/4U98Z26Pc8QDti3YME9628x8yAT8UlsVVnW6V\nVZp6SnyCj39PUFhmJ4VKUQY730bnNTFwvm5V9UnGEuKGUU6tVIHNua8fL1W+\n0D3h5XeDaz3U9lPJJqkh76fW9y3qvUyHQ6AEAAC6YZXFiQ1BK2++b0SN5o7s\njUfmk84lVrTpQIEBINCb/6ND9ZzubitYMDhxfXlY8j9p+k8b51B8cgYwMv9x\nrsFRMlfKabVDD14sT1cw54VnvB5i26QFB/sl0FLzbS1gJsIQVSdS9ExafyC/\nM1JdCglNjKrXhOeFw9F3QVNSr0XrMs0L2H0VSNOgaU1CZAswozpB0He/5eRE\n5cokFYUMHp4Cg/qS/SHS1hSP4Y1XM2ZGwQBuTYjZTMmpIHI9mJ3HMA6Tppc8\nG8hpQuL6S4OFZj9FxkMYW8cG8f/iVxVi+dzadro6WoDDV/GCYwpQX2Phlahy\nfxZwZ7AkK8WkobMeDuhBRlX9vOQsdXBfivQYBgMgnSO3SkSiBQoJkBgL4rJm\nPUjjx9nO/RraGoxervca4NZZSjj8HQNnI7Ao52+Ss73vlVsjOb1RnILXxyeY\nA7nG\r\n=gcqt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.1bfda9e05.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.1bfda9e05.0_1592938810952_0.7864036523240914","host":"s3://npm-registry-packages"}},"7.0.0-canary.08731bd95.0":{"name":"@material/rtl","version":"7.0.0-canary.08731bd95.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"adf101e3debe4e67b43c7f17e8a3bbd96b07bf40","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0-canary.08731bd95.0.tgz","fileCount":13,"integrity":"sha512-AANB2wZfZuXUDobW8yEs9Gvjg1yl3BueroJGHYdmD2myFK5pBZ1vbaK55dl0y1uQs1SN9Bh40+/SPvuhqhPzAA==","signatures":[{"sig":"MEYCIQDBvOZQ7CqYAwt+1FwQ6e+WWo6hFsceyPlRoZcTL8LVKAIhAJDCJjrGdJrtHmknDyqPJl+mJeFLbvsyzou85Hyyu3/F","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8lHVCRA9TVsSAnZWagAAz3cP/iz8a0tRYX9ZBA2HDvbz\n+DBdKsyArlZK8TTbjj3b62W4XN2WJ75UpLzCDKwkESpV29jYsX0i8jEfYq/r\nNNRaZ99EyQlT+EenopxkNU/Vi00tDWXAvAcVLFnw1/c2ZlELmyOthHgzl99b\nA+p92aoyBkEh5H4LtDsYeI6JGMBPfnkvSxbbOpySxQrIPq/r6REt9rLZurBT\nKlJw7hRASh0jrLSP+Ne76BXpnadhnaOddBS3461Tpu5wHolK438sYCtU1nDf\n2WfBE6WD01O+nkBr4h1zLuQjhgBdLWCUznhtYgTh1mbfokHiidevMhgyHw5a\ntfQr2rQSHMpIyNS9ThX5zrjPtjidmY2p2jzOS0QH78lJWEX7rzKICPgnztww\nkr0IhYcmwEr1alyE3u9QwdqDhK+JbB/lCCATBDZs54GLJCjGH5ItYk5yd3D3\n1lOT/Dx8gG4R8RIzixQMrC3DPWQL/eULwH5JgYXkNRGDyR3X+YuiDZlwM+/E\ndaUanSujRc886M3LtYKu2N2Z5dxztKRxmcfh2+END5+UfZ51C7ZFpEkOmJW9\nrjA6G4XfvZiIwr2a9bCPDTkPgF9vi+PejE+7ALKoKo6cNy+XxEnt8WfO7MBQ\n9xuBP6YzJ/QMofPqQ58ilFCdriMN44AYiBXUHVjVoFkxPjQp4fdakm2mi7MO\nxLcS\r\n=CWD2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"7.0.0-canary.08731bd95.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0-canary.08731bd95.0_1592938964876_0.07148676415341271","host":"s3://npm-registry-packages"}},"7.0.0":{"name":"@material/rtl","version":"7.0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"744a2c88bd06f6d51ffc883ded3b82e04de7f471","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-7.0.0.tgz","fileCount":12,"integrity":"sha512-EaEoSWiRkbkmdGWxlp8eQGZviw1wJSaX0r7DTMuUEiO1ItztfT+bVagB58ZhkQaXwus8n14RH4tlms83/+ojcQ==","signatures":[{"sig":"MEQCIAcDM3f0ZoBoY72kocLz1G7pHmwkjTAMmJu4sE2RjgDOAiAvlE/UPX216pFFxQql7FxbEmEfFdjk0k26x9GPJYKUGw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17115,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8lOiCRA9TVsSAnZWagAA4gAQAIsdFGhRcVARs1WZeYkF\nZsF1c0teUhuddokTyIYy5G5t/xm84h88TUxgfwthcPtfQGbIQbTWFmCxGAez\nTBdaXOYx0Jnl0PJzMc5cRZ4vjMI2NJ9JQtzD2E9k3Sj3UyjTB21kkvpwwf/G\n/psAOk1Jk5rvk3huZlETh4hLqGEHsuVkajht6Vi+dZgAjaSGVwAsPpkfx6PK\nYIYRoW/D5ki0SpFSSGZ8SadEVU+TZ+WNwP/srrivLKtmXMch3SENLEYLJtW+\nG5lHysEYkcjSzalNLrcIBkYlyuPGcaHaNCbifjfqnnb3fBWoK5VFd/asQ39n\nx9DJm3rdmRGhD4b71bkkKfcAnp7JnXBJDzfe6644VgbW77Wn2EWuu/P+FRwk\n38yWpP2cyko99ExHIP0jVIObfMSgApZmexKcQ4Wf0hitQBRW9tofvG8kS5rX\nqzYwHolIbxtbiIDjAtApKJy+GkahHRKd38p/Wm+l1OEcjdxCvuKBSy3rw8Ow\nNFQN1zf9xtZLNmSw7A6U/qnGDlDNq1brhVyOSIwKplsODnURwjbVetAW1X+X\nrO77NnqeLEYht9x3ewHsC5W3icIEsDvPM2kRGBhu7jz1drcS+Hi5VO7oXySq\nZcttCmrYhlKhl7fijTYKq76HCbO8AdceKhi05PXiCXA5QtX4mHBt76y9rtTj\nQSZ9\r\n=LzuQ\r\n-----END PGP SIGNATURE-----\r\n"},"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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"^7.0.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_7.0.0_1592939425541_0.8744082798473294","host":"s3://npm-registry-packages"}},"8.0.0-canary.a3212b209.0":{"name":"@material/rtl","version":"8.0.0-canary.a3212b209.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5e0b87c4003edab3ff77d0f5e435f297c8801179","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.a3212b209.0.tgz","fileCount":13,"integrity":"sha512-DG9jxOx2NIu/pw/9fY7/8mISkrvprpGjTza7zpfCYG55kGJbuh57iulBMJmEpS51ecEb7pBN64HuKVdfOhj12g==","signatures":[{"sig":"MEUCIHntQ62OO//bEFHk+f8HJAkEZ4skL3q1x/8vRq4VlCILAiEAj0CToQNzcMSWFOmlAhSq0BdI8BGFbB3zX2JJI1Cuimg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18016,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8lPXCRA9TVsSAnZWagAAz4cP/1PGy1bY5b7xRuoqsYFI\nIcir4zsCfsC/X2DeNYK0wvyfIe4tFHf+xlo4qm7qA8pGLI2mFVTP/WOmUvvU\nuhOLeGrUamoj3zy370qKuUR83BVmK6XBdARUCBV6ahfXRbmiLl5dFioXxkss\nBjRK4wI7gAnErNlpj/A4VCOq6ivaLcCR9+jjMRYJUqskhMxZt21eoCweQfxK\nIRSJKjEvjkNY+rvLxzKq80XZr1sjMlrum76OL+j0LV1nCBhzr48t7Oz2dnyS\nc8ZpO/DaeSplRADMDXdxDWpVkboiRdr+ytixvi+3gcP66G+dtfv5xqWXz3mU\nkK323r08u2k8W+VDn0k8gS6Ch7CAIUJleXAsEEmv8eI45xX5dQj5/Jvq375n\nlIDMUWztnkGorF4fDTruYVzlwA+bpEaBYOsdWUj/Va4Q8cbvSVFMhSGry7AI\nK/jfaR3ly54mRgDDv5VJlHAYa0Nh5ZIsuTKJRLW286RzRPC/k1uH5mYdvwsP\nGMDnzZu5FJfqb8IxPkIJK/RCCRxL6BbIBWNPD/o5C2kvlooFX688rkp/ms2q\neV6DVkQSXsYwC2OSggDDxbjjXUDK8DJO7/X05DqCCM4J7ItUGOtBBmNUhr3x\nZl1DtDQwYyLiXE8/RkjQjnHxXu7DlvGjYrb8qbppKWy4KlplAjNt+Pm9taZt\nKvzb\r\n=xjB5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.a3212b209.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.a3212b209.0_1592939479136_0.39575085877690985","host":"s3://npm-registry-packages"}},"8.0.0-canary.15e81fe98.0":{"name":"@material/rtl","version":"8.0.0-canary.15e81fe98.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"fceb65c8867374dd2e2a986751427cd8376f00e2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.15e81fe98.0.tgz","fileCount":13,"integrity":"sha512-2HEKbAUu96JVM6xMSN/mIPWxlNcN+2w4h/1VtIS9WR/D/LP1Y5nCkzweA58kRyPKcOcRpXsaubCK7OWUm1luug==","signatures":[{"sig":"MEYCIQDkc/fAAqRP/Ks9kH61mdZscxl7kmeZOeCYPydmvAMAGAIhAJayARM4xuW7M9tfQiUUYJ9iXcHo88h1e++3qEYw+Mzl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8lrDCRA9TVsSAnZWagAAlDwP/jC00LjueoAkV/BEdOcI\naz82DvNsD/E3CPX4IE7rELiqxH/pC+4v8WkKAz04cD++bt5tMdTBnmOckczL\nwDEqwUU0EMsk9muB7DF483m8xIyUU2m4MNk8wQTdiAACvptNXwmDzH45wSj6\nY2IDdb6qUJqNU27buvPFhNMKFN3WalCyT9kv9LGj7pgqdZ5W0kYeKUh+SofP\nD9gotPGJxqd9aHuNWGLvgqOtURhWogT5+Te83V1w01i9TxUlml9aQZxFr0Ap\ns+3yiQYBDYo1DmgoTj+TmaIO844DIZM4DNBUb94bzz7NrBux7WdR4q4f+KEH\n6GA0dnujzBFDSS6/NSOP4VqLdPlmfH/tLcy90GwWi7ntoqyhYNG6yJexoIZN\nMQnP817g+91vgc4LSxtU4Sa/7iQDbteV1l87ycNXIrRrzhl+Kj6N+Dd8rs0R\nQaUMufO35GsmCPXW1FFbLSs+Xu/2QmPuDb/4ZlIjndzfWHuZwyBFIho9+9nL\n4oIuuCgz8V3I7hvFbLI4sa+HdIBXuJvoqzuCsGnVyGLg1aISD4J6PvYhilgQ\n60BD4ztmdxKgTFrKu8E29vTt2fdkSX7aHwcdqlLzYsz8lIDLnJT21I1zGUCi\nWk6+Un8N02IGL3yzLLyI5P5cIObF1cVZH3SP3zEhh2OiKl4m5sQbRwgT4hWT\nLZrE\r\n=eOnH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.15e81fe98.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.15e81fe98.0_1592941250411_0.4715742507326517","host":"s3://npm-registry-packages"}},"8.0.0-canary.004c9d392.0":{"name":"@material/rtl","version":"8.0.0-canary.004c9d392.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"da5c19674e76c8d602675c3ced5adbbb3b81f29d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.004c9d392.0.tgz","fileCount":13,"integrity":"sha512-6Oc/0wzmbl7AT+ITlgwuLUQOxl9KxYEzAvbsu0lUfVMQ+i5j6kszTtGzEJVRHYRR8ZBEG8us9gHGfoUi0SCvmg==","signatures":[{"sig":"MEUCIG/54pNMTzM/tKfcL4fNoiedmiceNA59NmDe1tvVqPIfAiEA/FY9DpMazeLVIn4U8gX/EnXFj8VJQeR989pxIgwLqok=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8ohuCRA9TVsSAnZWagAAEaIP/j+cKaWojc5lv9ONhLCg\nU9wsaI/TiHzg0tVIErBqQoivCsPHYq6mefulkp4bHKPXfuT/kNeYouPGO+bw\nl1KpQ6vEqloKqoFrDKHFk9dp3yyPqvkFsfLdYEDRGkC2H2t6zC9vZXLyVLiq\nwUQ4Fd236vadN6IGJlyBq9cz5XaopysA0uQ7V9eOuCcsft5u1cWENT7Vv/MZ\n45ob7WGTAgkp5GwQdb+o0MVo3H5tu8sAKslEL6KwKicuFlX4l4QlQHl4g/S4\n06bsV9ok5ci+cr/L2qGwe2QtlkSgquHE2UA4H+rWRgYbsBziVCNkGDsJ5Qqu\nT7t1+GxiHyeS7g9Q/i7HAneATTaRvWWP2OPVfC+csHFS2jrguaPotTXbMQFJ\n9DopxsQBXQp9OymX/ry0La1GLgjcaydoUKrNgsWOlE7Ii3IAiWo+S4zXzxQJ\ngjLTKJD6t9w46ey1iYJEo22Alcahj1sIvmX8rdHjbxDGQfOhBWr/r06XvJAb\numpCwcqtpuQgUjHKR9/wvsxrvttctxjTRbg1KpVXHoda4+VjRXO9MQOdd+pi\n8ES3iICd/pgYVwmZZyGksoYKAxmAag/nKf2aYLEPBdLBeBjh/jKV9cyu7pZT\n6xWZxncIZzmADL7LAf51RlKw6ZzS5luwYu/D4TovHTDNyj9HJ0gEKzrg2sCj\neYlX\r\n=v8Qv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.004c9d392.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.004c9d392.0_1592952942536_0.2029294204067822","host":"s3://npm-registry-packages"}},"8.0.0-canary.03bde00f5.0":{"name":"@material/rtl","version":"8.0.0-canary.03bde00f5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"09cfe846d2895d74bcd5d684d23b170854d1c1a3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.03bde00f5.0.tgz","fileCount":13,"integrity":"sha512-NDwoyf5+mNnwfbeISnqUVD7IIwYsi4CZhhCPz9cYNmNxGPgbqvwXxGBBi5V5qiO37O/NagZlJsndCUHJfDlyIA==","signatures":[{"sig":"MEYCIQC5NeiobpCyYZAM5FzRWxFBGsFpURqrZTwslv33gY2NigIhAO/t7+qkD22uxTJTDYjb7dPa/ZqeQxi3egxHKKaqbGar","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8p7bCRA9TVsSAnZWagAA5OoP+wTJVZ+UhGggsSqA5H00\nXM39P3mybjd8z+9gLK6XUonl75du/jiCmWr2AY0roOW5aDUCJsGka5Of0Pbd\nqKc9LWh73jRO0i/qoP5FTRmsCHgd2wrEQI+yN5NAhC1Jbhf074dSUqg8TTKH\nmJvbF6r8aPauNb3Y1lT1ZsXCVh3FrEjf5Rcom1OgdJlkgdoCIWb9UF8JCh1+\nijKU0O6toR4DOOLOixGGNKmJBKDuloj6vzOY08s/Vr0ld2hyH1asRUz54TuW\nltbW5eXINuE8avQM7/QUOmMKisJowpgMmiImF3/fKrWWqjcQXSbVI0n+WZTL\n6T5zwL7zszqYJW2xeMblxLDx8hp+0VImPTUd3L6Uh7etmRvYsci2ytKMF+bP\nKwc+YaXw9yaVG0J20twJmH/4hjWy/qtIgHWQtpB3H4q2qvG9BKa8JYn/xX2Q\nzjHPbni6DaPpyNglUZYDGRJmeQct5tSWaaczxnSg4W3sCx+SbCLVPktafJIf\n0R29BVoVSRi2037yzs6FdVi8QX4NuG5wHg4d/mjOVhx3O4Q5m5IQp669Jhn2\nLvjzny3bmRlvPTltjNK2VcwAevsElfDOFVXAi+sNwO1ez+quY38LD2m1mxMq\nHYZEjV9VpcEwLhgkgk2kcHgnWtZfu1xPClo12Sj+8sci+QfU8rbsgCYezbgK\nmmSn\r\n=WkPS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.03bde00f5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.03bde00f5.0_1592958682973_0.09768462777942855","host":"s3://npm-registry-packages"}},"8.0.0-canary.599b8c319.0":{"name":"@material/rtl","version":"8.0.0-canary.599b8c319.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cf32a024e3429beb3c9408ee3cd4da9fd499d1fe","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.599b8c319.0.tgz","fileCount":13,"integrity":"sha512-OH21ojZgcn7hgx8Xe8+xUz294YXsdCIWuoOai0EvSs/OAOgmk9CQtEkDsG7Glck4GDDqU18vK2dEdUMCpGUU+A==","signatures":[{"sig":"MEYCIQCQM/tNnGIncLn/lr1H/Yga6chbtkja+4Bfg1zfEh9JtQIhAL6bQvFF8NB2RJEaOg3J3bzfuFvKW75KE67+6loBhXrW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe82mMCRA9TVsSAnZWagAAhnUQAIpyBGYr3LxQXR3T0I1J\nubKBN5BlwwW5hqn4Vhemhq2SYtbKSh280ejCyGmvmyy45SbEVSWoghOOuxoQ\nWZu1NYuR9SaHlwmXGolrfMKUPJNDxHb1spSnLeqlsz197kT53VWFeyNBeK62\nfkTKZcGAkFil/Mf4DtxmxGbHprbyegCahNDgMKYmsZCZgukiiSnqASdqZftH\nIuEtIQ8HNJioL33jUYNaCWjMgHCOs2uNszGqU+aE8bKlRTpa/ch4ob0X2Pqf\naYfi5bAfS78DC/WriB1h4wnppzzGfD171HicaMeeMenfRG01tpDUpb/Fs/gp\n0bSGXPXUJTn4MJzpBXMJu/TwXWcplXdd/QtMfAFixSyRGi8S0+rKCPkiKbeY\nIdelAcnuoJ4PsbprAvBVodiedgsYyZsacZN/RpwwB3j/B/iEdVbNbvZxlfcf\n7p5Wqi2Qoxvf6q+lZUaMM6cnGI3kPF/IMZKaA6VrPFVIuxoGD72wNm0JC+nT\niEYR3zcck7PLI3IM95zxn4h1kgQaRGdVwlWJ8dCA8LEZ+EBYVvE5cTKCs5Kr\nV+xc7UjutpCf/MZ+Kuz0BXQAJUOYw4UkwFzDJ748KFMUsUKtODLlxIfUyiCU\npY4MnaSQOdX4C/HJoLmuNlSTRTTyJmiZJVKjrKDB8qzcJex8AGC372MQ4ukV\n3MgZ\r\n=rtyj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.599b8c319.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.599b8c319.0_1593010572132_0.12521332492886184","host":"s3://npm-registry-packages"}},"8.0.0-canary.87e3be418.0":{"name":"@material/rtl","version":"8.0.0-canary.87e3be418.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f1ab164a3d81e8f4be83714124b5ad7f1b78cdd6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.87e3be418.0.tgz","fileCount":13,"integrity":"sha512-i5iScUccNIdgG9A3qny44HXDcqHLkeKTPLe2mxRMAkpb6DczQKFxh+H/xUQ4EFbTGJCsBW4B110BCynb76/ChQ==","signatures":[{"sig":"MEUCIQDzMxoKHFHiYGaCbQwKB8DQBmoOouAJDs/BexP2GLh0tQIgIMAZvil/8w+cMjilQFFZi/k4cmtlR2T43Tu4FSlONfM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe85L9CRA9TVsSAnZWagAAf2AP/R4VtDSF06zsN/7iwMLC\n5W4+LjN87y51ifQM+/HvcgcUUzui5Zd+es7FPd9vztnVjKcKkThzFE7MdKCz\nT5o8ecBv3CSJk4zW0L0X5PkgfFcv8DFySM8EOkgSQnBox1OQ9ns96CEiKqQZ\n7QfwrKAhyOSqCGKGG5EcLjHNk42LdZFsFVkGnE6XAtjgqACE3481S8G4Oo1n\n2Oh/qA6DSONHxiVy73Rtovn8/r7zyE63/+bzaRF6kCDHQ5ji6i+8LW7/JeN2\n1MpAREuDH0YpWYfSj4+m8wNuU9RfG+s26PABAopEaPniG7WEvWBThcmkHUYk\nUrN88+lGUHYOaPqt2WY7LgdBRCO7eXcU68zZV+dAi3d7YdjEeNMGIFQFYvTL\niI0ldyQLZ2pdj4148h/zwCGpwkZ3qpidSWj32S/NNnaZPl9OSvBK7wZ6ZJrt\npWyTZjhkkDAJmrYWFbZCTSS2Hg0IF1LDs02cxwlvNXVuPTrUS+bxyeK7iwfq\n6+mqWw0qxLpKXHuFu8RSojbbJ+JgyxecXrmJa3BMFYKrs+JSrrtGexYLuBs5\nUqod36GoHsLjDxz6H/Ao9ML/mjHGsvX78M1Mbf09g61HYa/mQbdzrIeBnsio\n+ZqqhrXPNS0h/6Mwk985UIQgG8NR0xlu+W/uo+g+Lnxfxoxd6y6oaJWrPf6r\nGM4A\r\n=MyhH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.87e3be418.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.87e3be418.0_1593021181266_0.5597659686182501","host":"s3://npm-registry-packages"}},"8.0.0-canary.035cf2a6f.0":{"name":"@material/rtl","version":"8.0.0-canary.035cf2a6f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"16ccdd47e1531ac273cee870048387e2ada54c63","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.035cf2a6f.0.tgz","fileCount":13,"integrity":"sha512-/dm2xuFXGDK1LKmYtECT6LwEcSQ0yqJJQKLfsptTL/UAl/8TcTG+69q13k6dhWs7VxmSm702BPsAa0iVA920YQ==","signatures":[{"sig":"MEUCICYtvuPXrBP/LICUW174Vs8XI2JwImV3MU2avZRDhoycAiEApIGj8G6GoNAiaVpe5ND4rxlwHZwoCUi21oDBRWxZSqY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe852hCRA9TVsSAnZWagAAaw8P/jrxw7hLo/o6HHmE1CHJ\nEk9K0G57POwOBihH7g8jx6BcelV8gxzNzJuxaF+gKjHvI7teTL0FRXLx6+yf\nho0VVwbsbMsYA6M4k0RPtxNgLjommjkBMPiugINLytbbnTz0T8OtA/yRrXQh\n+vA0IL8ZKfLaY0VTWuET6Fu86UhwWHIdiTFuiU6SYkpTWxL47eRgqtdi94A5\nye1kwNzcFhFlAEGaqJKUhVDhcrtyaJfeUDTE4vjc2hMCmjCfMEkj7JYa/Jzm\nTF1SFYDwgvHiDColUy7X6n1EFhgcSQqQW9wAS925+iM2wpTnryl5Hyu7VcMH\nFDmAwYprqdiqOR26aSXQRewiakGINXfbLgG+AGNedGYJUaEl0c45xrWxk5wP\nl9Ej5U5Gp3Sny6yxPe9mqHbaPn/M+xwzyLFV1OcQqYgYO8scWnN5+gJIJBLD\nrwjWXAx48ZGcGefjbW4hQe37/yLE5ghMTWoDTFCr+QWDY5xHUog63sIUDRlR\nd7Keb7eNjAJMzc5gU6VNy5WzfZa54XSse6RJDRaUfVxnu70WfRHLa/T15SIp\n7E2Qlhhsixt5ZkA9Xpw0m0nVPbVMzQMtvCGnxeskz57Vz6U1wRDgANuBOASY\nL5G8hsJCUMS1EQu89j3hrp8+bnKOLhXDYiMZQxEFvFO2EwezGHnbGFlHZaKd\nKWBP\r\n=P/Sx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.035cf2a6f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.035cf2a6f.0_1593023904743_0.6736065889329372","host":"s3://npm-registry-packages"}},"8.0.0-canary.2fed2c12f.0":{"name":"@material/rtl","version":"8.0.0-canary.2fed2c12f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6ce602200ca6ab651cbe02c29da8583acd277d04","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.2fed2c12f.0.tgz","fileCount":13,"integrity":"sha512-aI/CozZN/sYANkbHqiQniFmxsmfX6JK94yu5epvj9PE7BFQCVXhcU2q9BFIauitjUOkPCYDWbUSbrnSiiqBYTA==","signatures":[{"sig":"MEUCIQCTRtiHYj9BP++kTzdvhiXUHuPZ1HkG09ON3ACQPW40yAIgeWirV3QEjh+SJwIK3mLJcM3HC6GtjWtKbYxH6AV+XZ8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9QKcCRA9TVsSAnZWagAArKQP/Amlg/pFS9cYVmpSOiV9\nafp+EJR9lg/xPgUJlOp0ytHUuEz4rxq1zUDrAq0S6agAQn/pC0VO4qvvYM1l\n2u+f5P04qTJYKCHXB5WaoEpsv6ga8rdUkwbC5/QkvMEjboRFGM3AMXwjz8iu\nwtNBiEqKeUYM8q/UCM+COoJOaV3XxQ6AwvckWOgNc69i7UgqQ2Z0XY/3ljDE\nCadS2pEknqj3gdQ+Mj0+6cMAgGttpLTulOcIUF910/ET3dA4fqOzf+2tDm5v\n372+piwU9Nxej22zgrkLh+Qeh3VR8iXcotejMXkOccXN9YayGCZD2pgykStx\nZ+TrMTiRgJeF6p7KHCZ/v8XMvZII3tWnlq6bEqylJjDzmJLub18e+K0iSESw\nFoKeDoWT1SNoys1h+sEYi875vb3iBa2pPjjjcmo0zEG8JDRC+Fs/HXlY9Ewp\nQMqMqyp0EEpi8TuZyqb1eX3J0fwiOVXtqhfoB3vq4UHGUGZKulstkcpdErAe\nJvPU3SvDvWUaopHcBuE1e3Ug45Et34quEjgFAiF1Q1BW0uE0ClaDh4Cn7v6E\n7tw1XEef4W8Mt/xU7CU0TplIqgE+F2dysrqz402kpiQyfo9RYj1x8ZkMaPRo\npyVROryUH5j0TVw0nIchsmpI9wu0/knNlw8Mc6qsUn+PqvHAqf2IFNUR6/XM\ngAyC\r\n=xHjr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.2fed2c12f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.2fed2c12f.0_1593115291834_0.11565961551438941","host":"s3://npm-registry-packages"}},"8.0.0-canary.38197b443.0":{"name":"@material/rtl","version":"8.0.0-canary.38197b443.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"96a862a460f6b74911264347caa39313c1e97dd6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.38197b443.0.tgz","fileCount":13,"integrity":"sha512-mfSGUxFPdog/X74pzZLouKhLeQfnuGGJ4A9JL4fE6rFSftusagTj5RAysT/+GrcmxaepCG/kXrj7oKczYgQkfg==","signatures":[{"sig":"MEYCIQC4gDunS15IbFFhhMq2hKbRjB2kgpDNiDCzjOYVzeNKHQIhAP0Xh+Ykq2rukDzq/Zu9Kk1pPeBrbKToFZy+gH17jSI6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9RWKCRA9TVsSAnZWagAAGh8P/iok5kb74YiZU1O+FEJ8\nUgu4pkeySCZ29XeYoUljp2NJJMqqtX+NXpnT912fRGP/mBTbovdVSk6HOrks\nvAloclIGpOE4fT8eLaW8l8HxWHek+vsZLDnMikNXDojJd5IngvndEbC0ElUg\n/mNFUepOi+7H2ol1PazsqdNLTN+erFm7PU57xsEVAk+qXXb+N/qKlruJOHGx\ne0S6QOc8fV5OAdHli3HAxFSdvYqs98nWEvqRJFErvmjR4UWwq2J5nty2mjHE\nd0OtAooThJcXbRF2rMBjrNxptQrTk52M3zo0WH/TY7QV/TMf8lOT2v/uAzW9\nOy9/AySxGt7hiy9lCE4FgUbkeLKnq/GmOPgu8POLxs0CEvAU3JRZ5i1XeuwN\nXmk5gqFNPnYvg34gsQiJl5hAMNmHvS7JF2s14ClQQuqSouM4gsirna6L4Vds\nreXqE8xkTp4ECDMZb9hZvUEwd9pKRhGljuI9o56Cr6F/y9q/AdxYMwFVl5D6\nyPT/CJprBHAthyEghMVdHFk1DnE13jQpvkQHBmXKhlHnjshZGuIKc+ucDP8o\niOZsxkTtAwLANspOoeGURg0/S3Pdu1Gpy/ZULimVGNH65aXEWHxNoCPZw945\ny6Zdf0NMJteO3dGjLPPNPQv8Z/0mIRQoMc4+lEX7i1bg2cZBxR2y5plhN38K\nzMb6\r\n=ikgZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.38197b443.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.38197b443.0_1593120138125_0.17791845677158968","host":"s3://npm-registry-packages"}},"8.0.0-canary.69a35e80c.0":{"name":"@material/rtl","version":"8.0.0-canary.69a35e80c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"aeba8fff64eef9f8f5f830c90779fa3e52e18468","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.69a35e80c.0.tgz","fileCount":13,"integrity":"sha512-ki1iRnpk6irl5GPlHU4MLOtdHrpPtrBmRiSFm6qP7dTwmd9zQNa3Og+xx/BUde6YrEZXbdrfMPUmp5yjduUr+g==","signatures":[{"sig":"MEUCIHX0tZWZQio1EVax3+5ydW7bFW0jwCZ7KmSJh75zdot7AiEAnCLbG6yZ+uCv3iH76qEWNlSEheheR5F12U65Up5VJFE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9jKVCRA9TVsSAnZWagAApIoQAJk8bMmxIY2usUMj5Asd\ninkwsCe+hYiJe15ZwY5DpOQHlhr7M+S2c4QSw+DGAieI0E9tUu9CzKVGkFcb\nal09Oo6H58o9mcLBRDRsYBaZmZ210P4gSAnqM01J+l0uZiQMfJNkaQRcgM5b\nzQoAttdfPH/z8YJcfklAdTJ2g+GY3V92M6LIaBk5nM4RAGpeJAQQmzeAUO1n\n9vVZVCwWEj9MC2ZFYecGjso0oSu0TMABv29lv07zVnCRfurKIhxhxkHSyqmt\nh9qZ3d8apXy64AyP+zozPOzkbSL0av11ietKVvowFidSk4s/Q8F9ww5MeYuS\nyfeVdhHe7Hcnhw8ByRpoFNqXzmDA5Dv+9iPBX29xcTSxwi4ZymyqMJUpLJ4h\nozOj+UHBBNH6s1tOBU7qGu/81fZT9FKmxWISq3Gap4jL8QYWAkSfZF7D+VIV\ngIddU0xH5cWrozMQSrG7dB/q1NYqOW5UWbcWnoYn4X+UlVLooQDae965wSJK\ny5BTwNzfzO3oZHs8t8FRoCUpZe0VHkfjSW1mOkS+/SOLan5gD1ynLKnZn9j9\nqAqPdM3/mMFBm0arcVfEfEj7Vo2LYsvyqKMFv4j7lQ59Yc/nvDkMqjRSTFIk\nSOFpQQY/AxlMA49Fx9MqloRzWqAm11Z2661j3qhwwIsL8Wwra0hRanmj52h5\nvKDT\r\n=V5ni\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.69a35e80c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.69a35e80c.0_1593193109266_0.7076966937465474","host":"s3://npm-registry-packages"}},"8.0.0-canary.df7154fb3.0":{"name":"@material/rtl","version":"8.0.0-canary.df7154fb3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4d5f17711782dc6d387ea80db3022111d70ed8f0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.df7154fb3.0.tgz","fileCount":13,"integrity":"sha512-0UX9kHBh6bsOaoAG1qb77M5QF2CcfD40yimNdFLH8o45zf5mrwfLGXmE4mlsKJ3v4oQ++WF8N3KMSlUp3AKWYA==","signatures":[{"sig":"MEUCIGg0mpO+dN2FBaKPX02AV1E8lAcVriVDgfMTvyTbR76RAiEAk9e6GE7IwbLVP9OxQjiw8A6YW0ZifpBb+pmSPkDk33U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9jt+CRA9TVsSAnZWagAA/48QAIaID8bbioTSoQzMVTBw\nQSPRiekLKmN1DOVxtfz/o6bDMbIf3vzH0UlhGFGBllugBQ5L9mmUokdmHl2K\nilpvVFc5bYXDqzcfkgaZohtFUuOE1EfhQ/gIvyqrY8JFzR19l9G3tIFiFiko\nBLEjxI6qY9CnwXewfkbHcCQhkUTeRk/v6zpe7LPAK3W7n4+IkdXxuU2nv4ST\nAosgNuZHVpK1+QplO1yFX1qcpopYYJ6igzdC/WOBqAQgObty4AjNJ4QdB/Xo\n5hpsKgkEITmjyEbuT3eNyz9hWnWGhLZS5ggL35HewFxFCzmvJqNUgwPthMwX\n3vTJnxgRlbiXSTqdUgiReSbpSWHNVCp4oEeMA5GI7GrlEzDBM2Ywnc9/smiN\nGUxWiDOnLXgKsucBnEMJXyIMeeAzLVYMECTV6qp4RBVNeEIoymqqVeMlZMCW\n7Ao/AfTYC4evs/Ms39QG+6o7fLX+px/HxkdZxJOrc1Wejq90Or16lKBW+51b\nZTM5tVOwxnlTjnCFGBX5MIDqy0UVt6HUk59L5aip1yrO56QYyjifESzo0I7z\ntCET/9C08syz5cgrlWl5TX70ZdjhsQlAB3oeztiSVgxypi3VtI2efCevYECP\nnKSgo+b9gDFQqPkOVsrz1X2Fqa6B8Lvy8AYhijv+ueUjwfBeB6oye7dRqTzx\nEG8V\r\n=DIyv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.df7154fb3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.df7154fb3.0_1593195390528_0.994160232848321","host":"s3://npm-registry-packages"}},"8.0.0-canary.d5618602a.0":{"name":"@material/rtl","version":"8.0.0-canary.d5618602a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"57fc2849a08191eafe7cac2e3aeea650757ed8d7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.d5618602a.0.tgz","fileCount":13,"integrity":"sha512-WM+CVU/3bhSko1GPNedSYUz3D4ZfM2yfE+PiP9n42jU13rfbm2SNhO73cIOH0Zb4zIms8SP3Ei0fpNSj/643cQ==","signatures":[{"sig":"MEYCIQD9zYi1zr/zmNysVliMEsJsymkMtpznrLrtMWpnzALT8gIhAOFFQwXxF44rQZd1cPwe1ykIKkPV+Db5/kKJrp9/sWVi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9m0SCRA9TVsSAnZWagAAVGwP/3I7kpiiFOluaZoKpdJP\n4bJrBsApI2wAgv1hZxNvKqBUCD+ajwLvnyTHlrPibMmMlXmodwhZn54Ck71R\nxrVEdMB4jFd5ZQQ1TuJeIVViZB2MD7tkTKabF355G+xnGKNV0RGNc/5ERIl2\nR+8TF8CzqZI77THOL6z9z0XgvOAWW4+XKJO/f0Vmif+1ktqmGl8H6IGZ+b0w\nzV+sMDPrcjHU85EjcuC88VL7sH5+8rxmJpdKj3jjc4e2NFwpT5xRcMYlERrq\npI8JYJGPOkNcatsn3tiweEDrEMVxNRrOli2s1RuGYBiy/3VTnrYbFMCf/KND\nK3Y2hlR3ZhsjVyKskCX1p5knFcX0jFcKjeGgsJXqZWh+k64St4hvXVQlMXFI\nD+RDgsi5nABjeuxkvVNRam4NSyHLi1Qqrd3EQfMHQV4eElrSl8q9a97u9jmF\ntL9Pv15L//LqlyfrlLXoolgCJWFSIiLfZ/A1wi5dTr97WLqPiltQmrCP7vOd\nureHmbYcwiT20YovU0sCxDHUqXWpmWix5t/b8zKDHPhpgFnjb7IItMgCxjHf\nFjdnLd/bMf0gKHcfPwpW0OC7/9MHLFzF6IdRIuG5HxO+u71/YbZOxaRo26K2\ndo69NCnnDBcyG+cc7NGR1uysa7Qxrg0aSrMITtbN0ZPcOnBkvbtTqqNPOAUN\nv/xF\r\n=S/p0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.d5618602a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.d5618602a.0_1593208081571_0.7025918412666134","host":"s3://npm-registry-packages"}},"8.0.0-canary.e590b376b.0":{"name":"@material/rtl","version":"8.0.0-canary.e590b376b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"691b1bf80bff4f1d756c2bf64a502e069596a6db","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.e590b376b.0.tgz","fileCount":13,"integrity":"sha512-56dFwxKV5hovq6A13XFkOTTY69LSEzJRPanKLp/vhf2yWf1vUmukJF2GHff4IaJsr1SVMYDmPRq+mGtCnoZr3w==","signatures":[{"sig":"MEUCIE2Ib8ALcsWQ55BXoMfapWs6efrzaIlwvfmFwLsAXp8jAiEAmqYFTWUwAAQCetX3C7LqOfvrbOw8oGRV2aJYZvPXpyw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe9oNpCRA9TVsSAnZWagAAkOoP/3J+PGE9QU9oNbRs5nac\nnw3c3hw9P4n6fxueUTMH0K3o4PGI4YmW9Yh8FH9K5WHRtxpEiWK/R7fwnbnO\njwosVTZACSdcnfhhGjr8jnjLH3kg9YDRXFWvXlV3s2b+ULj+3UtxCzdM4/+M\nlr3NzuhhvOnR7+4giS6ZR3Uzh/dHMTNLQQVAD9T+UNsF5yowcdro50m1Z8ve\nwTHTE5l4yLQMusCgpR1kwFZYRh3N2V3fMvOGh9WwHVchstsXzzISPFFheVtl\nIsGS23xuz35frrzfsgk4IzZLLJSJH40zle7F/icr2nbQ5W9ePTReAx4QRdXI\nGcaxyjvS3cP6K5e0xSFZdftoeVRU1tS4vopjQiCmG3PXaQDbXgodwY8vFKiG\nCiyN0PxtQagfIZoku3G5GWS6nJNAcaExrazb7qZe2llspXzaB3V0r9XGhsc6\nq0c/y50bGlLQpNN6ZmnGvmNznVXTOw22xK23WNGb5j4irZEfs2F1eBJCczpW\nUwZhm2sYqcRsvu7YCheUsc/BO8s9bGbFNDqZ/FNgAluY5RlEyQ1w4uVKRFFC\n6Htp+7U4/mmEnhe+/sdODhfJ3ufIeRVfwyff7oABDOsOADnzvxQW+m6iSC27\nFciWdu6xRsK+cotv59Idzt2fVHMXXkm48fBi7J7YuO+tFfzrfPBF6wYikG7Y\nCf+z\r\n=5ZcS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.e590b376b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.e590b376b.0_1593213800521_0.34886977828438703","host":"s3://npm-registry-packages"}},"8.0.0-canary.0c9d6bd2d.0":{"name":"@material/rtl","version":"8.0.0-canary.0c9d6bd2d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a19c7e0b6fd56eaba692e34ac9f62a33bbca2614","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.0c9d6bd2d.0.tgz","fileCount":13,"integrity":"sha512-I3hwCA8WSpMCzDv97uXnR2THg+Pay2wO6pBJsrDzYfx6j4SX0WY5+mDRzlUwfEbEw8qJtR6euiDTAgIM1HgA6w==","signatures":[{"sig":"MEUCIBxXwCePiuMoxXZRN5JOVT/rY0y/MyyN4Efya/Wk21Y7AiEAir8xPtJtIsCgnYaXDgIZsKr4FJTvqLGjS8Ej5iiB5x0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+iGXCRA9TVsSAnZWagAAOhAQAI+8tqV0MSj27NCWlatx\nFISPdqL+WzUeUIK/Z2Y81DAFZkGOCCkE9gKu1QqtVUf8A3EwDfKZglUWXE0w\narAroyjpnogZBdfTOUNSR2lbQrLSlv7Bpg+qTcBvlpKc4tIhpv/C9m10n4Su\npGOeOMwOB/8hIQPukXRDsiae/0D6p3MnHg1TIJoPatsJ0zXOaelDjBC1Y4t/\nZw4Y+e/WWdSz7wa8ajxD1vSo9nZDL8i5Ho50zIJh79ZKWnv/5NU5YjbcnnXU\nnyIYCga1RtDYRvyOBkRW2IW7Tj+QUZAxtdeWFYZEEYUb1tOFyrSo6ylVvgvG\n9UBubC6TYE+uTdgF559YQ07UtcyAmlfF0QYVP3fgVtBuaGwG2SWGFLwMXnhl\ns/YiNyXJ0XPZohPKgdgIEb+0s3e7kjhJJ8FaBtItjNff15sUML2Zs7H7/DXt\nJHk6bp7bLa0TNwLyTW/Vb4+CMYyQiUN99JqhNz65EwdK5uI1mh2oS25400Ji\nB/EhNIf5vt7WW5+XeaQprzwTymUXy6jsrPi6U7jaBfDgRand7MKV2XCM4D/y\n1Q15WVszPvOOwyWGKumeHoB3yxfUVmIdcQx3qiglAyuvfy12bVgLLEcXY29n\nylQzWbY9Ohm2kGDlgPbQL4tIf+XKW5171mmuM/o+FG0O+80gqg98UVCuLE34\neQ/s\r\n=S+H5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.0c9d6bd2d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.0c9d6bd2d.0_1593450902769_0.17848035669892703","host":"s3://npm-registry-packages"}},"8.0.0-canary.c1fec4246.0":{"name":"@material/rtl","version":"8.0.0-canary.c1fec4246.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4495acf43b9e8b64354f8f90e4ca0013b728f494","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.c1fec4246.0.tgz","fileCount":13,"integrity":"sha512-J3njEsh08BZBJQ3napNdnl6r+PncR6TCJ7XnbIk7rI2jMwoXUZGKsvizM617wja4xNYUPcgXFCWFmRU3Uishag==","signatures":[{"sig":"MEUCIBaT6XofpocvC8HFM4dxig/P0ocB4w30v6q6QcsmJxr0AiEA/YBtAflJb3n9aK/7rWT4j0dMlmbAIeYn1ZVXVyorxR8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+iUrCRA9TVsSAnZWagAALSwP/12ehklLiLgrDriv/lRe\nvQ1g2+0+HGhzyCxNkoSzJoKSVKAJh7jAIvu4pHlYds4irg19Vlo9reMelJgB\nPOHNdDlXai5JwDCVm0lBue9sRVXj1/lmWtJUipj+E6767tFD3TnHvmyma3Y+\n6ZyAOf+p3Qdt0/UeRhVZIfKxxeGjblLyTWOlDs9xVBbRko/ZaH5gykG31yI9\nCyd7Y6BZ+JCKNe5U3CRoT+yg/kJ19+QbB/HgSR5n6nMXNoYvFyR+MPEY02T8\nhxilzkVuqSEe0k7qekAqehONLdwFFSFGelVbXin237CADzATEtno/oi0lYuC\nu5rXntivRXP76h6jcO4L89iz3dUPiMYYN6M6RYB3ll1ARKow/SwijpB52Hf0\n16xXT+3n0NiCM8d47Ulwc03HIHDvEC3W70GDQX2Xw56fjOD7UOd6xzLiu1Rw\niKAWa/ahhoR69IYwpDhi5k2r9CIPHqgLBowpLTobPeEY5ni31czgsq6isLNM\nX1H2YO277emJ/GMPSVFRZ5JZtK6YOeiLdssSsMJ6VXoJHiBDX+s2JQA2Ary6\ndBRlHE/GdyHRwOVtdgx9IrN2CNyG4VrOefJ86Hzpl+nHgmobOaDzYzpWMMJj\n9Bl9XH70gi2N4Adr1yR7f0I/WQghgN8FQwE3JmW25zX01nOQ5NrXkQu9WkwF\npCnK\r\n=dOgL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.c1fec4246.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.c1fec4246.0_1593451818825_0.15759548194517414","host":"s3://npm-registry-packages"}},"8.0.0-canary.c678a9d34.0":{"name":"@material/rtl","version":"8.0.0-canary.c678a9d34.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"61ab03d1e2215ced2cc6d1264e90f1232e4f8638","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.c678a9d34.0.tgz","fileCount":13,"integrity":"sha512-BZlh1nW477QW5lME2XYpIyCNL2K7aNJA1hhrSpeFPQqkkq6EUDbVKWxGWw+mnsiL4xbkLGNChvbZ6cl1MCPDSw==","signatures":[{"sig":"MEYCIQCfP1ILuduqtAAHd++GYAma2RKM2EIg4io5XQd9az3M3AIhAJFUGhwnaxxuEXHNJawD25CN/Mf2b8GUhjt3k2b9/goE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+ioeCRA9TVsSAnZWagAA9swP/32cWCNwxFVGg7iBlUa4\nTqwcrkkrRtRaGw38IjfC6j0QfQA4ewdByAUilVXLpDqHnbqnanDQnWBm52J6\nPXwgErUJew9N6uzwcpXB7LxgR9h0Y5fctxmqepFCz/2Mj2gYc5EhcNYkC1Rb\nJt8qLmGgE3vX2rc44ldmrnx+JFh5hzddYjqIxOqVChn2TNF4J73iRkl5dAPz\n6xF5xo+yceaKB3z/mM7hkbeOU1htDogUmOBWtVn+nqLLi0T5SdsIZH5qbWPP\n8R33sID7DIB1uRxbbPAE2JR16EvY74ry9pRbW3cO/m3AYz2uAMDkW9ieUwHG\nKqZbpjpInQagLWQ6MHc5gt45dlCn+6gIIqviWSX7CSKu8T06N6OUlgxXuADF\n5UomhGCH09cnP9PFFn9WmHb1IQ+CFe4U6ntP2PRRfqTzMJh5L3DIjLZQF8nR\nE4CA+2Lof0tIotii/Al9VDPcMOhkLvRiVbbyY5/6K1X++RypSA06EbIZ73Mn\nKiA9y8CQZBbUpEYUPBAsUe6+jM0jeANfitc7X+fe33LQodQrGUkDtqDvVb0r\nFR4tn8EryWt08HYa9oZjj4PIvNdpRq6DChouMA+cJei40/CWtXjOslTrnVEg\nWqQUdcAEoRiQ9wLWEL1UPWdqVv89e5UoIg/HCuKMH2GYLo1T52yWoOsZH92S\nkffa\r\n=yHC6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.c678a9d34.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.c678a9d34.0_1593453085700_0.9534392251714376","host":"s3://npm-registry-packages"}},"8.0.0-canary.521afaf6e.0":{"name":"@material/rtl","version":"8.0.0-canary.521afaf6e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"010b56d1709ef7486be17f29add6b600a7c984fc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.521afaf6e.0.tgz","fileCount":13,"integrity":"sha512-/s8di+WiAhUoM7MFMXRsqtnGopqngzWoaCHXQCbL6VUKwAhVbEK++fyqrPRaj4kd8NIYZ44Yj+aT/zT+l48MqA==","signatures":[{"sig":"MEUCIQD+BfN4QG8NaKn3PvE6owErK49qifJDPLBq1a5aHqHUrgIgNWshc/kN9G99TSMRGdwgoIbal43H2PIysWKIb5DjBro=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+1SnCRA9TVsSAnZWagAAw5oP/2o7Emr0Zyf46eqwc29J\nOsxMtEwQzdAlqbS/LjzjhMuXhjXV2gViIW39Ut+4D4Atg0nRyMnk4HzuUK5B\nrLpOssXvDiQy/Dit8YzHUBdhsPGmMm0JeGhsvSu3p3N3ezUuusCYnC0f1GH9\npjlbD7u1HQMkz58oPxver5ysJws/Xqz8LngwHdyWbcRcRh5MqUeXv9TPaSIb\nfcEEw8ijF0xZzX4PbN8N3VnuXEEUj/yo9PlQPSk83uu9Ivkl7ugsIs4p/H44\nT+G2bvBMQUiTw/JeKQZ/SJHz4xIjGCTnjxCgb1+qD5qGYB1qy/H0WN+NB32i\nkAVkBs6b1uRGQdkyDpe9utXC5sPyoE9MkMn0YOBn4CtJKF8Oz5YoFnRZy2ZR\nlJsrM9WhZQpfWc7LdG2LOZGfLNPXJuLKI89fTTFTq38lYGj/VvsC/jObytDi\nGZSLZHKL+WGfRoCB28wEWQS0He75bsyj1zV1mjIAXl2Nr7AIugxFiSpy+5dP\nqH028RSBAcXmHoLXeXIaqVrPWUGIzTkiahNxxB5BchC44BMD6VpplAKWXjw9\n9FyHh4HxVEb38jH2CouRblsEA2wABNS52siFLHjx5g3yDNjT2Eh+9VFa8zvh\nuZe+5FfS63tbLDKn1ZJ3+NiDx0YoSYsBP06LiW9BsIKB1MQawszmvcsWBQTX\ncUoj\r\n=VDR3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.521afaf6e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.521afaf6e.0_1593529510686_0.19836663971881285","host":"s3://npm-registry-packages"}},"8.0.0-canary.a2ad48839.0":{"name":"@material/rtl","version":"8.0.0-canary.a2ad48839.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1b6719765809451454c757fa270e12d55af268f3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.a2ad48839.0.tgz","fileCount":13,"integrity":"sha512-AVDnpWfLg26rMF4ounSqAEDQuMgsobfLuil6cTr8o3wbvJr6Ix7QIUu3LYS/IyTbm635m7OS1FlWhni+kG42Yg==","signatures":[{"sig":"MEUCIQD7fMH3MLysylTQc+xZBh0DySC48MU80XcpZPzu9znLiAIgfL01IfJiOlu7HZFvdq64YMl8fDbRbDW3y49Dp1ohM9s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+478CRA9TVsSAnZWagAAUUwP/2HUyv+hnhf+Ftyefw2J\nZJdRHUF2oFdydaHECMZmMo0HMb6mw9D3MvBeSpP+HA0jwNWbUu+suWNTk+JE\njD6YuilfWEZsib9W+xxxi6HfRbcp6C/9c+OE1/KhE/3ixxfapeD4fwngVD2A\nf8FfUwgABBiOZ8uDDalf7n/goJn+9s64w4EpCBodwTVIAvcKl3JXFMEpz2fM\n8Gqym/icFajtGsATk9bqbuuw0Tjt43Us8eXOYM5hAB1CDUw66UqBdL5VOJQa\nQvqKXPB7lqhbgJbqf2WCa+MHFT6Gzc2Wq/0rSxUskYKRPx061rX5pZ6kxZg+\nE0wP/m29aLhUK6Lq4kbxzBwkZz7gjk6Fia2jjnPQPxY5gyePF9awkKFbWv7v\n9D854rMs7ZkWs/wPJ6xatd3RcGZthp1lLhlNjkf/pY8kaHhwyBHBFK7mzeD8\nhIzujp8Oy8plGHqryH9lpKAJ+Z/hvTCPtQuDwWJQ5cWgtR8f3T+pl1TYlUWu\nr26AhuofFV41IS7kAnFChFstxfeCHZ+29QOe/MCXylf4DyWYSS9pVSWsTmN0\nITXV0DPyR2aeDsydiWOn6bErJdxo3xxawowH0RWeob5xtmi3+D1ZxjxLcGIS\nQwFvc0Aof6lOC/5K0DlzPVqdeTPU44w8UYgWLs4P6+FjnSGNANStCgDY2RXl\nIsDN\r\n=raGs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.a2ad48839.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.a2ad48839.0_1593544443932_0.39719392137238607","host":"s3://npm-registry-packages"}},"8.0.0-canary.ec2385881.0":{"name":"@material/rtl","version":"8.0.0-canary.ec2385881.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4e3a93d8716c70ebd0b28acd403e031e0ac19da5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.ec2385881.0.tgz","fileCount":13,"integrity":"sha512-Xl7UiIx9LCpqqb8G7/Z9WWBfAUQHtTpWcctKhTDC2Ec3jAjLMkZJA2xh0RKKG4Shl5X1MYQTUMYEKy2kuOYFdQ==","signatures":[{"sig":"MEYCIQDvXL2wmVgOgIP1FK1/KejrRGvuuvZCJ6d5xIwDkJNmFgIhAMvZFYviEb6y4JHuz3Nr7mZ2PYf/FBR4Emb0vAU/1yze","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe+7LBCRA9TVsSAnZWagAAgDkP/i8u80DckVE9KtAI7Gqt\nzKv5e43zTRhEU3ylpCXA/bt+neH0wZ/NE1mA9yYYv6ysU1FDk10kFdcVIMCP\n00KE5YhC8VwFO7DxymS8v4isB4yO0Y4N5Rh3Mcu55Yb9vZzBsXMfEVh4cHSn\n5ZJ4+Nf4le2yObD0MsS9AiSOnLW+UIKEtnPlCJIa4/IVQAsifO8+mi4010vE\nteRUkZzeOtTUokcQCz+CBTJ6k1/4BI4Tdij0H0R5AY6muclWrP8MBP+AeBsQ\nTnBM8NJkWIrSPN8PiVbR4Unejp7ACSkXNmQRYEbEb3ttYY3elPzLcZNZAB8/\n7baeZskeJXlcBTpWAtMNb9FfOMuP6rwbWN6Rn+bFfZuAGacaV77CWbIfcNny\nIko4/Pdf0z2+1gLjz7nb+c8zJ395CkccwJf7HvvpSbjjtjBNxY6/rroxQkwQ\nYk4mcmAPkYdMyR7JhGA1SHIB4qR9G6kj77volRFanUF3WKdG0NXN3ornMigC\nIhBADp61JBpwg85zBndlKSHnQRSpSQQYRH7LHHjbB31JsRLpXYqzlMyG5iQF\naySKKKExz59EpAYwFtxAy8ItSo0CjUWHlCaghw56hzIoODzQGlPSBlmJUtPo\nwTWFTSM6dXNtpgeVnhQkRK1P48lgtCAoT0pLmtaXHQzVIIh9xncXoF8Z5KMH\nFGXn\r\n=dWeV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.ec2385881.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.ec2385881.0_1593553601178_0.27062420195404235","host":"s3://npm-registry-packages"}},"8.0.0-canary.610c26c4a.0":{"name":"@material/rtl","version":"8.0.0-canary.610c26c4a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e0075a88973ca5995715b9beb5c661db716f021c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.610c26c4a.0.tgz","fileCount":13,"integrity":"sha512-B2PNOiJmdXmlYpNtM9kNlt/28PHGXY5VUwJ7LVnWM3aUAdQ+1BSE3u34/ka2vEG++4TRBrXtVFGZGfhh1vKgiA==","signatures":[{"sig":"MEYCIQC3p4nJQ0GkuzZQCzlUsIM/hOr2IOzty/+5cqQhrOO7EAIhAMxgv7rP+nDsgWN+juCSXf6gB/8QcgxMDbp+8lm3XIIO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/KP3CRA9TVsSAnZWagAAZmsP/j3Hu+LTSXjGF8vUj+lf\n/YdPXEdT+/WT7wL7l/MA2tdIFo+IhtVfp8a7rFgNp7jflFtoGq2EGoVBBmiL\nkGeAZoe1jLUHtnJ1ilhVOl8o3hfJ1jBdDtrRmsqSwQk3ePAbSOcG+fAr31ee\n7cml6izZtTV6hR3dKXdhbzcYSSDR4e4AKKUm2w4WuK+0ZrdDeIidiVDyhdD4\nFpJ77gOHVShKL+5IiJ7NAsPjDHJTUp/LDkFXv0C0beiccdec/Ava8A2RJudg\nzCIGzuMb87BS0ZWswOwOqhgkAAauEQ/YRFFO0h5CNGijoD/hOSzHtpm/G0Uy\ny4J5pmaYJEXzE6cP3ezld9/McA6hloYXJy4Dfd0cf8jqaUFMKIRWOkK5Yo0m\ny9ncTHesxBkwvZX5SDQvxwJbaJ1fSrNQcpiRkobCPhRAlswIH509AU6kaXIJ\nbtUFVWyodRiXIuL8BQ/N0eMUwSRFvjRZTAfdV2pKtCBa7zFCaIp6ogprJ0j6\nCHu94bTSpes5+45Akzdxmrc+36ailmj8rk/PN6xU3Sz+Dt79hSQDpkaI3gZA\nY5k2NdF9VzN+LmOfimriyTm+VGwGp0+aMcvYnZpdItxRVr2pIHwwWCCA3tqA\nKy6bvLpHPz1UcIBpSMVIWV6dyh784IzKADvlxHjbeBtJYhz0MJpC4shrKNgE\nLzb3\r\n=gc+G\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.610c26c4a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.610c26c4a.0_1593615350763_0.21755432811738884","host":"s3://npm-registry-packages"}},"8.0.0-canary.e2ea4a99e.0":{"name":"@material/rtl","version":"8.0.0-canary.e2ea4a99e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8a6d9be25631f8f3fe231436dcc7e97618434665","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.e2ea4a99e.0.tgz","fileCount":13,"integrity":"sha512-WudPbpHwVIQwxbHIOAaPq5LgSBN3Sr/FQnV/61qt92aQizIMeMabTI4EA+h4OUeTEtK4JrV1DoCHh8p7defdGQ==","signatures":[{"sig":"MEQCIAjZGc0MIZLykWnQEIayV1/jXjArFkGKNyR8y5vUda5xAiBie0YsDUeNdNjCOjfafYlms9A3jCfvegCMzT6NMjxJgQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/ON/CRA9TVsSAnZWagAA7EsP/13K+lRFJV04uOyZ7ZvW\nX7bObJ1yv+gdX8pdg2FzSwUe9dj4zL0xBNKA60fq0g07iLESfV+R2UK9HYlo\nX0QthXSz0ARjRYPNs/RoL4g+ffw14+qwL0r5Stj9/GlzX723tqDO/TfLP5Qx\nOEyb4hJoBd6ZY6pEleICFhXI2o73g2ByzZC2S6HI20Es3/TqtEz6USp/Mt3o\nvG9w8SuIDKb6/WP1Px4Bov6KVC8fzULU1DW8aTXk9Y87lhP6MI7JoLNeli0T\nZ7sYq5PVYqFwlAHdLmGrOaZMq6X3VaL8a+oITYC7rHSanRkrJlduksIrQ7dx\ni95uOyqnEaQJbTHuupXHsTdWIuW8lZzgWqud8RKVpaVZAmPJ+uJTxyEmuRRh\n2ddwXIDOUVBJpCQxRIGn40LMCGCIJMJDvEFNQEPyfRj82M63ODaAlqH1hBNg\nTFCqN2129Z21Z7ZGHAcnV1K8KT5IqIrBNuSK9fv3EyMgXb4PQot5+74qOSfE\noUGzuFXo4Ip6n1VeynrP2RlsTF7FEQtrajVg1J+o5kL8DvtaM+fXi6KRmqa4\n4YqzNnds9KWvHFE4w5yd9jvGddre1fkWpQyBrtrQIo3JHq5NWE5b/Oln2HgI\nPOkc5ScctdrqJHzxE91t4LZFTiLFa7nj8aLLhW591lULQLw1bG9LQQRx3Dc1\nQC6s\r\n=V+N9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.e2ea4a99e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.e2ea4a99e.0_1593631614824_0.8098817972033707","host":"s3://npm-registry-packages"}},"8.0.0-canary.a78ceb112.0":{"name":"@material/rtl","version":"8.0.0-canary.a78ceb112.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1e2f515735c96afaace5c91aac14c168c6270e9a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.a78ceb112.0.tgz","fileCount":13,"integrity":"sha512-+R/yFoO1Olt9hY0nvWRbTIQ7/PG9r7iv35J2Ld3Gx6CNZM2utql16bOG+5Ec81C6gBdvlgBcrCdQ8NdgYiablA==","signatures":[{"sig":"MEQCIGQRLVLGpCrv+YK4cztxoOMWtSX735M5qbP/DJnds4BxAiAcg3E0gACtha2usIc9GwM/PgrCZI9eoB4586YskY85ig==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/OZBCRA9TVsSAnZWagAAllAP/2MhSEadguYwkrF6K1oN\nslcCgXKA/5+EzeASliCnlpdsh1hCArx6OjE2ZR9W4ag4x/1dCZEXrDP7jH6f\nKP63DGnMUqMLGQAUYkZSTl+kWPKOQb9hLHk5C4kAbMIU3mfSKL/Yo4V+bbER\nToLo2fQLwjJ+FW3Rkg5EZbUUoea56NMhkumOtvkRvwUMB5l73t1SnVyUmXX+\nuEMCYz/GkCbnmQHWSqCm4DRFlkI+fd+fFKX81nTNSm0uS/3LXUrrNydw6iRv\nk66orz48bPtqtZSasRfm9wLrE4CPQ1DEHDx3WCXiRK8WFIUNQO6mzmePbL93\n435DIf/42E5rga3P4cr3ctL8b3DSEldS7exaWezDA4fKiYuacxFXJX29Loa+\nmLJ1Z3jq5dtekEXH9WM9Inu+G6c1tjVyW+TIDN9abNBLppahDW1yfQUMZiiT\nJI/71deau7LevjTrDndoSMZTIbNGkVZU6vPWfqBMCBiaqFLpEFkCsL+lD15j\nnUbQiKgS5BS6uiGsP5/TqcCWiAEl9HdN+/IZaO4MmzAmTdYTzRLnGZOwxMHp\nxLc7Ioxajnj712VRZtSi7PnkwKMMOZK7Gg8X3Dt03PJ2t1ss99bYPdEVZmOZ\n9yW7mjAO3weXTuSgDWET65Xm/ij44oPP0p/aJd2nwHAa4E/5HvDhfDHwcvNR\nhc6H\r\n=FBaG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.a78ceb112.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.a78ceb112.0_1593632320605_0.043455422305329394","host":"s3://npm-registry-packages"}},"8.0.0-canary.b0c456d33.0":{"name":"@material/rtl","version":"8.0.0-canary.b0c456d33.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"73b763f1e795bf96a433607682f88a5097f21b34","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.b0c456d33.0.tgz","fileCount":13,"integrity":"sha512-jH0dAqy1KXqLh0gRdsGVJQJ7VCduNnzSaNyNTYIo6TFDVGWo8gae2Fjf6sJLFvWCPWb30Dqbhte15BfyIjJRsA==","signatures":[{"sig":"MEQCIBgffqgKOiyzPyNNjLSrOAAA/uA6667aopCLxcFP0H7xAiBbjA7eJFjsYCRj0vokQkWkW4SvBtr7QD1mgN5wTncAPg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfA6h5CRA9TVsSAnZWagAAByoP+gL3FBP4E4blbT/DYE2Z\nFXqmirYNNpW347QrNeThPEO9EV66iIICRxynJ3O7HZChCKPfwevzJI80MZZ1\nmv11e+IFsd5/2f1ctUUZ3QGxRTCXJccqtdyHywq93tO5sOym3n/emllGx1qX\nufTdOPtUWh45xliRubl4hVDdI6MemfTJf3beshT6uf/UcL+7WVS1W+D+AIKF\nCTAY4OS/1q6H91g1k1Nik7plL4T54y4t3WSPcJiL6Db2rogRgtOKQnNYx3QJ\noJd14lzgWo09zskdUNQU/AdC+C04kaMS+90sEG8NPiwtChXwetEdUOkSC2h2\nK1Eubhd5oYy4pJt9BzH6usracIa42XMAtYzxQz3MWUudAeAWn4C8eqiARBbg\nMfZuWF3LD6tVS+3NCKuOyukTdQD6rteOL0cukz0ACJdWdMDZrB9uP9RuY7I8\n7qMTirMhu+5o34+LOecyPR3oZLTuQqO5C3G2sIxxsTKGDZ69xtOf2sdIWSj+\n8tehhX3mxbPHSb1Fz4/6HptzvJCK06F04gKTaYAu+bPeU5pBfo+xanpmlXu3\nibV2xBjpHe8bQ9IVogAP2G9lSXgoFPWpayxj+HMtfNYCxxCLqul/p5alBHl5\npVUQ+r5LsILI7AiefMVUwH3IZUlKOP1JCUY7VBnNLLZgANx0u02e2CeQFkE3\n4Jwb\r\n=1OKg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.b0c456d33.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.b0c456d33.0_1594075256754_0.3050971956310171","host":"s3://npm-registry-packages"}},"8.0.0-canary.2e5711e04.0":{"name":"@material/rtl","version":"8.0.0-canary.2e5711e04.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a93a87f7ccc48ad32f0af4b9f05d4b911d8fb4a5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.2e5711e04.0.tgz","fileCount":13,"integrity":"sha512-Raf6rMlun7mo36C6k6Fz7RRouBnrjOuYFoUbum4geJmHwwr+KdZ8rnyE0u/XCS+B6V8vOuI/7VHq5VaAKaRpRw==","signatures":[{"sig":"MEUCIQC0PidyJ5f/f2JDdSRNKQ4DHVLaiP0C0pbfRde6IYyoHAIgbteQb6EfRQbZqSEoNDJrh1nzx88roFH7edhnAnyhH1g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBfisCRA9TVsSAnZWagAAFWIP/3+qoTH6gfIfpQCqHfRK\nwQ4+sFUWtgexpQ/6LO4Zyte4vbaga8n3VJncnzxs3ADHFQVwsKbd2e+07JU3\nn+Prw6SFIv6RPqq+E+LpWubok9GD5b4j+6PxzVhTpEiXBdHK7JMdQ7HLJmfZ\nO9igZ/X5Q3jqoR8mG9iMxuiQk+xSDF4LUSsY1DR7ZJIs4LxQxndPV49Y3LsA\nYdNpUyt4iUVwCdjbrzMLVfXix8ECOxgcNf/dv1mq6EPQ/6rCX9PKgVPXyRfS\n1+1cAYB19EyN8jEUjYQwsvGKpvCxXelBY9VM72F4BSgZVcoTXYfdNzQbunVU\ncEVQtJCgOCPnmuCewffLRZyeSUD2q7txzr9G1bBPWYnhCk3OH2akFOFaXBte\nom6VmQrzL463mUnvRS9323iWGEdQd+zCVrhFIhDNa/NBgTv/PyFecjxUBFGK\ndwBmfRkDJ639PxvKb50PKZY9RoDDS2imOU4A9LhTAn5byLJvl4/Y390/5ZJ6\nMR3Yi6I3dkqL/pG/jd3bRsS2Vh1obDTvJ8/bexWh8F2pu6dbRgZo43h2+exb\n5B+iUd5qO2lpbRNDA4nmkjXp39IaXYkUfqwL4gx/CSVIpAz4l6r0mUrFAFqO\nlCjV74cc2hEOeJ9Lalb9VPjCHjLWO7n4rk0YLjUJfHdGvzCmm7diMglOdgqn\nPbnH\r\n=MyYo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.2e5711e04.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.2e5711e04.0_1594226860450_0.9778582509198424","host":"s3://npm-registry-packages"}},"8.0.0-canary.811fc5d24.0":{"name":"@material/rtl","version":"8.0.0-canary.811fc5d24.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"992fe6bc043588d71c24ec5ba9b8e3eb881e1136","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.811fc5d24.0.tgz","fileCount":13,"integrity":"sha512-qwGSm4wPgV7OUKo+vd4VHkCFa7KIRhSiYspHGql+0TUvLydm9YGXGt6RCmLYxDWqTnez5mRWxiZPRI7yyYfZ+g==","signatures":[{"sig":"MEUCIQD2o5laC+b+Nb/yqnPx0sFD+QaH2L6js/BdNClhLZ861AIgQ14W7E7F5z332SjZwMCmlksaujKWgxLobJIKfkfLNA0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBf8zCRA9TVsSAnZWagAAeHcQAJeq6wFOJMIS/PrONH7Z\nX4ujuOgd1Gw56VmqZw/dMlwbBPOIFU+P8TS3BQF3HwIErNclF2tLKlPTN6Fx\nj+CnEmkMInrHJcYBbTclW1Ekwgt5ON6FTxlbqCYpsuPeCRC39/HL293t8p9m\n9hHu46eafAEw+yE/5NYZ1DAJtG+TsB5Gl65XnSTbkcxo3SC1bsnyNX3WTih/\nait0L/xw8OIuOqWHqwQEeq9QDyP9DG02NJYyfMugUG2MpEO4FGa6arR31VXh\n/0WMzaFmZS9+zUndnc94H6w1nivWD+QZjZePNU/WTYO80pf8CHZOgCMZ37FN\njjH4k8GMiF24gicgRd/cEPBCu6Qd619BzS6h4c7KC8Fq2nSAdWf+P5yszNtM\nEll/c+yfm0NcDNYjcIIsIEr0NlQ8oUwAO+eDg4vtYn4N1TwSt1NKFkuX4u/c\nYxAFwsbSr2t4Ya6B2NVxDSetGlozrlX38j8k3c6PAAYUU5R0lvDTp3H1sOnt\nhZF28Hp1lRTeWJ7vluPiu12K0CNG8gwGnSFVq9GpO3OyxeRudZpuIWesR2JM\ni3o7R2U/FtRoGTllNHoQXlAUzA1yaARV8fL0qdu1kqYVbvNHzLCpUI2HKB/Y\ne7WMbixzC/BUsqv+/3zs6TtWSmnO7NMvjEpB/KS1wibATZ9KzGk1CaAv9vTt\nxTYr\r\n=g9Wt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.811fc5d24.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.811fc5d24.0_1594228531226_0.9455740419183383","host":"s3://npm-registry-packages"}},"8.0.0-canary.6ed717ddd.0":{"name":"@material/rtl","version":"8.0.0-canary.6ed717ddd.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cc2d44a338c985ffbfeb7c0034b30ceb5b9f2f08","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.6ed717ddd.0.tgz","fileCount":13,"integrity":"sha512-S8brOOHpKuiiLXJCZvINufelVbOunmVvAypuX8SX/KrXKxzKQOMe9lRIfm9w34Hd3ZI4iZIU1ny33pIsrK1w6Q==","signatures":[{"sig":"MEUCIQCEAr7FGpNp4agiAcj11iam+kRedJz6H/grRib2ud2h0gIgFwwX5mrJN263tcMhqrSqP2kWN5OrCNUUcR2l0DWo/iM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBiH1CRA9TVsSAnZWagAADygP/i1soRBxvrzF/09wT2Zh\n7z29xWuD6E6eBl5SJhhYwmNcY7OorCaeUMFCoo8QS1d/9F2EXV4KiUNkynGp\nLu9c5mIebBLn/aE6lNjZhyFLWwkDRvMkYOgz+kU5wIrqvimMTB64oNFJR/YY\nrc8YlRrM9FFiES9RVtOs8ljsvZY62R/2P0aRLg2hWO4rQM0HASIDEtHUzkKp\nCSudfKix7toA5SYKCHKQBzoV4b3ZdXn2iwZmezLkG0WfmcRy/IfzqjhMFJN0\n54bOnwgyG+RzDrRET+evc0hLEqR+j+6AZYEu5HfcelJx4pSSujLioUIq97Wn\nd8WH5k38lxMPUucu6oEIzHrDuxIDgM/TpGVPLo0Jm9GO6353YvKTwx6/i2YD\n1J9o01LgaGtt6sbN4QUMjUamyoXJ9J2uHaVGdEniN1Af0wmzaAs/1e9cS53H\n+rkyW9Dy0K3pAPSnmDu/bzpCNc1+ItGgwQNCI9b1Y8WkwJTaXTFU8ZkBNZ9E\nJ/m09IrdjKwnZ5Zl4dfTQzCye6VMS5BL95aIlM7CKepakWdHe45g9CVb69MB\nKeNJCtFUvsw7UNYh+O0oGSj6uflc31g2M+eTPhI9NCZsxZg112030e1WOYdM\no1YulYRI4I8FApnvqDBUEfeY05wJhXsJ1oC0q9jFrL92yKkPPuE81C5MQQI0\nkeCf\r\n=jddm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.6ed717ddd.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.6ed717ddd.0_1594237428717_0.9441171632678962","host":"s3://npm-registry-packages"}},"8.0.0-canary.d850de590.0":{"name":"@material/rtl","version":"8.0.0-canary.d850de590.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0d7613106b35924d654d817260843b7c49aceabb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.d850de590.0.tgz","fileCount":13,"integrity":"sha512-5ZuSPiR3zTisRzPekgpYKp/842sgGCAmWCyT/CZpgJWmz6IxAdD/NmM1gL94COqJtJyTbSQpHEayCA8Y0h+rXw==","signatures":[{"sig":"MEQCIBUY1W5BQ1jshUvc+5EcgMbyM3QnEa3XHJrXvZrgLPTcAiB4ZhZfeujdsMPNMmk4yjy5HozK9qgbKzn8reH7GAKaOA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB1xaCRA9TVsSAnZWagAAaacP/1ll8qmDXus16bY7RgPy\nbYAfrpA4SHaFBtEqJVGnnob5JOHMhT6RVnRgEYDsYyA3O0MxQVelG8oZOkjF\n2R+CqGW/BGTi+uDU+24Cv4qxdY2iTsibPVHz+BVNk7O56qiaot/P3G3UC53R\nCYfk+FzD+jiEoFtt8QebaTrdQ0cWobG4P4BkrO99TAwmktKCbl3pWdHqLc9I\nL8tAJlhalzJrPYn56LOVIjLxerpzJ+NmqGAZlPv1K5IdjjXpcWZxJ+8cnxMZ\nztIdf3vAu8hqHSd9B0jmVVerYVbAprirt68wP7Am+ZtKQ4CZdcZ5eCh6gzBs\n2yG7o49KvQ9FZaxBUakfJbc9hgpDPD7dlJxAZMyvyfSf7DcubpXjc7rcFyRt\nNMi+2l27ljL1VcSZqWLMZYtFRqBrAI+LXY7w0YQMVFTQ+8yKyYvWnD+TvUfh\naJTdrT/EMIHCA269Mg1sL3P46naewDbVfWTikwH2Md3kKCwO65QNsMCTyao6\n/s/vNhEbvaHuwe5cMFpUfMOz83QQZJg69//wdvGrjitLLtvf8Ibq2VGzYh3x\nfNfh6UuGG7PJqJoaJndprbFb2jv1z/OB0bchMx1HGvC+X826zdpNX9x+S8YG\n4v1kIF/bV+3lqo1r3xM24WGhVcGGBXDiYadw0rK2m/UEpZQCB59O6DLOZePg\noa9J\r\n=OSYW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.d850de590.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.d850de590.0_1594317914237_0.9805282410778391","host":"s3://npm-registry-packages"}},"8.0.0-canary.e07a70841.0":{"name":"@material/rtl","version":"8.0.0-canary.e07a70841.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ca776b089a87a6d72b6c83626fcd4b5f447f9632","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.e07a70841.0.tgz","fileCount":13,"integrity":"sha512-N9TnFNiaMMtwO15OoXsgLfvMeS3Sm17CqK+tPH8pSkuMkdcygu7yTDxrbEdbDKH8mj0wI8NCn1WJj4UHvHI9Cg==","signatures":[{"sig":"MEYCIQDGzdnY7lOl/SbY/+QL608cya2v52GjKrowefRfcY5jugIhAOsYClaRucjP/g8RGgz6dMKHOmgDZ7YauvFROh7dEWLX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB2NWCRA9TVsSAnZWagAAOnEQAJuWr5M+iJqfPkGy/3X5\nKDKrHe0EBgI7+Fm1qG1/CKRT2q0Vp+69wie7EyMztPzGkIHWHuaA03OCmBrN\n+NNm832dzGmI4B3pFHihLNVDKSXJRzbBGb++Ct5dutDgqLWaC4wxzbPxr2vk\n/JHR/HIm9+nvFq7PXCws6N8ZiB5i6t/tnFU4g1NvUekhf2NIiG+GJ81fd5fX\nZ5ULZcP8F0OWWMIZeNvJKmfhxGSBw35n+LamRt5f9oR11d6ozqAOhlT7t29s\nwX1oNOO0oznDhGhGFhXw9JjxfUh2ySR/SbGyfGC/Yv2xxhKtPzf7s9meG0PK\nc2KGP75c8sCe5HPt5XrNp0H1Z9AkEkltdf4czcVpz0o0fLxNYVX9Y5sdByU7\nVBW1ao6Py7TOtohzZcx7ou5Oynk049hS4O1kefcb6xpjxmKGuYKlotmDM2Se\nfRBDfV+aUaz53uN2ZSMQjwEjpkfdR5WR6gAx4y0Ux112jO9hTvDBYPIBtD0R\np8KNCGXm3vRO1Y9oU9M+2DqH7yZ2qG6iZqMlNyQO4usJfNw6dDTxApAvcKmo\nlyeMu+1dyGqRxjf2w9wY+hoXMVOWCmzodYcFb/mpCGHMdY+Qi6dL19doLil2\n+fg5sRPL/uqqE4cfw/sEj9OOvBm5IcdEt8lwDGf1yniawYkxWEF1xA/1dzzo\n9x/9\r\n=g5Cv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.e07a70841.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.e07a70841.0_1594319702400_0.002648736730469947","host":"s3://npm-registry-packages"}},"8.0.0-canary.37947ed6c.0":{"name":"@material/rtl","version":"8.0.0-canary.37947ed6c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a318aca3f395de28409642a78caf23b8acc11223","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.37947ed6c.0.tgz","fileCount":13,"integrity":"sha512-ZZ5YY6MGPMcRDugZK3WkJD8Y90Y3igB8D2jieRkxniO7Byv/BMZUQn6JPvyqp7pOAoMDZ9+c8FU7kzuIYCpsyg==","signatures":[{"sig":"MEYCIQCIUXaYLWYHkmImFyNV0GtGRY5HKYHFGkJS2ITy63wO5gIhAL2fBJs4XkbaaDCALYrwqxQ4VZGZ7lFinyLo3zigF3JO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB3+qCRA9TVsSAnZWagAAaLEQAJ1bpT5cl5XZC5lNeTbW\nraEQzfIYBJWp434lw8Cqv+3Aha1H6dUKwjURYryEY7lQPsIpL1wU+IE7JzIK\nlzb6KL+L00iL2z4XsyWO7X/IvYKIb20HoOoGpdu7WdYKjaYkWKg3kgVTHxXA\noMqhGs8kjrSJp8PnK1eJkLjxOKwpsBlAtU7MPRLelG7SSG1gRxUvEbdnqvE0\njNsOjNeuiNuJbsmT59iMrWy8QpxQmCXsxz885aU/CUwmipVAbOVCvv7Wpg4L\nTHXGDQH7f2deG4TAYlc20cc1ceV5DIo+HDjf/i7S5Mh7JoW4tcpf0uP3aynS\nZVmw8Y0+KYht472mxwKjC4RSXk3MTBHrh5oAigtGTzPzSxC3qjHxmh47iOBQ\n/ebrIwFDWFru1UwIE/B3hJFJQoarE4pcHE8VYg/iAWRpnDdgIGFPXBQiW+53\nH8VzlIGR+H9JJy/AGOtIuL5A78O0Ldb9vk1frq9Flc5xXFnt/DTqrjWDtTpX\nXuONmVg7JO4KjXJCOIwYMhNdDHNBIqMn/uRuED9YdvQfKsdtEUgtLmfOYYXg\nH2bdrAsp793DTmllaNywXl4ghPdi7F788Mc29DsN0rWhosY/ToKvTbKCA7ZT\nrXieUv8BaKqKFD2sftkdFylcHxkv7VlY5s86NuWVVZEpsT1FHMlsq4iLERre\n34wU\r\n=k/+R\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.37947ed6c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.37947ed6c.0_1594326953729_0.8413307753644346","host":"s3://npm-registry-packages"}},"8.0.0-canary.5d443afec.0":{"name":"@material/rtl","version":"8.0.0-canary.5d443afec.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"217af775dfdc476b431f5ada77946fa7881196f1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.5d443afec.0.tgz","fileCount":13,"integrity":"sha512-OSVknAYvdq4YRVg0ktSGRti6GONm9aMEeokpRoJgn95lcljRBgTDviVv/b2OAca+O6W7HcrYQWuqG639ijA4Lw==","signatures":[{"sig":"MEQCIDGjXC9cmN35IUITqFBpuQxfveR9xNiJKU25EzRDbLiEAiACorxiujuhgUtCh0BfKSgcjb8zytrK7RT4U1eiwpg6NA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB4NUCRA9TVsSAnZWagAA014P/19Y8hqUHGCbpf077xut\nw/ZuDz7WRp6TnlN7vuq6b3T2HgJYdPepWk0xIyz0ml36mFOjgv0EeU+wxaOa\nkT479gzespFBPOX9dPZWv5UemRm0WICr/LFxYUHG46FJnS0YbXVPMNddljIs\nYW9vO+BwzIDkhuSCss/4yeEi4Gzeys1oTzJK990kCaYPzUT9HNGdFhvi6Yb/\n+pswghtdOToJtLYNHDxa4Pfcg0cZbXNy2qAP4V8RSPPxhK69axh+9BsQpDPb\neoLE7YDoadh+swq1LzZ4M1uKKtkISEJAbKNOdsBsuAwv3BdziDDYiq3nYn0y\nNn1RBTdvw8zvA6is2686HcbAJyrte0YypWgfqnuH8dziGiFfIwRDw/iElbPP\nHFCCpcCZlrP62WjWIh3KN/j0ZF1KGP8a24T1IRdOKdaFyDu3/iJLzIewGdL1\nyFuebN2tSmREprHtBSAiSQFvyX0NdsNTwZ+NcueoVj3NBpVP2v7FtD+MExZ/\ncfkauIj5Dap98QIUy/CQ5yN6P3tToGGv1cgDnOnrR0I0WgbPdR8KPCcSVjsP\nM6zru+4EcmuSj/MHWN4/E+ipvWtH7ogEVb+6Xjg6O/bhtCAiEayOGHY9Ykfd\ncKZnpD9LkDjV8zE+NEeti7NJe6HNpunwwPLrhlJVkkUWqcH+mcu4fUffx1cF\nKecm\r\n=zTD7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.5d443afec.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.5d443afec.0_1594327891525_0.40129292887875345","host":"s3://npm-registry-packages"}},"8.0.0-canary.9ac1ed914.0":{"name":"@material/rtl","version":"8.0.0-canary.9ac1ed914.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"662889dc1a250ebd42b4f846a01efe7ae1c75759","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.9ac1ed914.0.tgz","fileCount":13,"integrity":"sha512-yJc9a9hlLrOIek8XjUXPw7YgJKHBzmzVe/8MVAZ5vr21Q8aka2lHfGGsHqAko8DDqnnOmR6wYO6RjAjYNPd/og==","signatures":[{"sig":"MEYCIQDrWmtgRvZ9nDYzneXAncVpD1Q7Mh365Js7C5tydYcYuwIhAM8/f4FMzdR85Hz3S7BPbAtBh5PAhgTUH6VlpsEGGKDx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB4oaCRA9TVsSAnZWagAAmI0QAJkkJwakLYmK5fO5FBSg\nl3yxCjqXPs39+TkPMAL64zJ8xP703h2WZnWxiRuiHy82s2z5khheeXHPxuXi\nuACRK/Xlv0zr9/OY0ipIkT4LBGwH2UFGJCNiVy3fbm/jdilKX+GZryHoubEm\nvspXkZWUT9bH6MIDQGJhC4mv/gPd2/UY7kZyy8x5LRzmPjb7XW04/UCx3n03\nzCbtIeJlo82zWDXQJHqXVbXbMxeEHhZGL1V1I5Wu1h+QSdGqYHl2rJH2OhtD\nibEliu9Hw6eC8XJ5FMw/uX7IriIeLHoie6HQ5OboMe6VY/BvjwCAgbwRo1io\nCru3XB2f8059FFOlS4+NYp0YRZ8QQ5cPLOd0Dza1RKtvEK7QCGxqxQ0UuXRj\nsL6R2AgDLMFI5NMGh+KV9nT2AyF7qa+xysd4PqIqueunYBBvw1fH/7bXV+3F\nwkfyAO/mjGGsOhdxRYQd2bsivKgbNSVg2t71susSiFg2nv4n7dH5REf7aFTx\nqJsd7Jkzud9pad7mkAcWglddLynOzWcQSnZ6Pn0aIVJVCtxM2Haj4cHjYrNz\nRL38J2CIxaRm8eyrGBHX0FhcIJLF8zdQUW6itbWuUGYkLgdPtl6ONGB02D2N\nnvgck454bu6Shn4CwxsvspYnPN5wvT7Lvy56qzj9UC4kt87JlQSYt5yLhkhh\nxdf5\r\n=t0Os\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.9ac1ed914.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.9ac1ed914.0_1594329625843_0.7379348462917683","host":"s3://npm-registry-packages"}},"8.0.0-canary.1e7cb6198.0":{"name":"@material/rtl","version":"8.0.0-canary.1e7cb6198.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bfe7a98dc5baa87e40a983fcee4963c6c47ac371","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.1e7cb6198.0.tgz","fileCount":13,"integrity":"sha512-ukWgZqo1PRT7ltjtX7JLBWGGPU7h28fXchNFK/TppEJ8w63cinTtwhL9pdgP6+KsPnnuByh5QEDppOYXXiXRww==","signatures":[{"sig":"MEUCIQCdz5vorVxf38aYaIqIFYlRpjjVckTtlQSpzrXapvWkLAIgQElKdH8JOy+BjxKzbxpWUSsXc2qW06Pa7pvGkEwq2Ss=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfB5Y4CRA9TVsSAnZWagAASh8P/jUfY+LbAncJp/i10AVU\nTdD1uzPSJpUjlkhDP7o4UZCpxfzDAEMRQ4E43lhu5M9vF2c28Jo3bbhGxeTQ\n6PxcVdTU3lWHmRItHsRHFCO6F+XgfZfBkZmWmNhCzIC6FsSTDPE7hleR6M+f\nDeuTWHeZy86gN+dXtyFcl8cptg8oCNfgr6XfcZ0sl6ShfOl85lByNsL3tNq1\nVamv4Q7YsZifxNgqFNEOH0G5rfz1OUyChaB3wfiaL02nISXjlM2hWYV55tZG\nQGqLjciFL4QiEAgRaR9yxFGN49z0tUKJgJ1+giniAeLX983VVEGqNg2TEx3R\ny41+41QrgZoKy4EdT0PSqtvnMVXl7p6eUGtIpxqC+EiousGSddMUARA9lVai\n3m9NAVoEhkT4LsYAKJsP5YEJztYF79Ik7grK0wOPAS+BNc2u3QyplZEXhiSw\nxGAFJb0YaGW9P4FdlLTcJmZOTh04aVpGCFtsiIPCvLMtH1ASQhWBmlr6wqfM\n1UFZmRtJoHQr8Bi01yoDkYkr0BnnhP9Y7TPweogp8CPv4VdPneEQ3ifXTajg\nfHpaXYnOMn3zdb1MH6dehH4QYm/kux2BieNvPKdLEov+yu0pH9wEPlH1TV29\nYdQC0vQJmj51JBeGKo4bIkSTTellPSpdVLGw2W8EUlhCafy+93xXgDxZAeKw\nekGu\r\n=DRVW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.1e7cb6198.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.1e7cb6198.0_1594332728041_0.7889485724698742","host":"s3://npm-registry-packages"}},"8.0.0-canary.843f636c0.0":{"name":"@material/rtl","version":"8.0.0-canary.843f636c0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"409ea3016e83efef89c605531302b7e75936262a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.843f636c0.0.tgz","fileCount":13,"integrity":"sha512-IdWoUD2TGweNKSbTvLVF5aU0a1GXp56bnJ9H2mJ5kHjjQny4TaUCfb2GyV2wrmg2xrR68XkPg36ezSe2gF5WNQ==","signatures":[{"sig":"MEUCICnfBEILty4WwL3JnDCVbVX1YTTuevmho7rm0zNq+ATjAiEA6yNbm9Uzsnb3d/HfwKhCsANxJS459MZbRXPS7eK0QCI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfCKiECRA9TVsSAnZWagAAxOIP/3Jw4mLK118QrCY931EA\nNjRkE9qV/Yb50iLBAOYJgRzmSkwtcjSLpWh5fNY/YUVcetXNQ9TxmpG7mSBX\nEc8IPn9ZwBoMPpTyCcc3WtycmPqgG4UTAqcjnKwco9dhBRcMbtifml8w9M1x\ntFZP4TeGgHqzcrxEiaSBUGumfp2xfekUeyVPiL1lydg+04JZY4+JTAj8jr+O\nUu5NEpXd8I3/jwgUOg6EKm/ji3FzWeYNeQ288khS5KmrHzIlsc6fqtu6abXl\nqX67QOik0yaakcMELsgb8tnwYCrmfJoNv0lyHWRvg/Riuol6VAy5iimFRR7X\nQ3iNRP4kzTzQml9yEsGEErpDraWsU6hs7s/0SWLAFob5UUy70obX4stj1wS8\nhfr2NzoHkcxszVc3xSWJJ7GRJDFXNiZAdSXOx7nA123KPr1DiY/ZvKUI7gt1\npOZ06doDMDRaP6y2Pz7V6s7WSyQHzsCHqtmXZWBl6V0cXiXx74bfFHMTKLRK\nPmlmkzb5Am7pKrfqKhTgbs2v1cyFlkXJTA1W5OlRBAeCU89P6QZ4DsTd7DkZ\nYR35FRwwXl6CthKajiey5yH3ShrgLbuNQhkCHnQ5h3qWzL1BX81mtTaNzPxQ\npf2mOC5Vi670WilWjNKtOS/119ypYVwrbi4utWh8qRdhLuK391qzASMREUP/\nH5qY\r\n=HZmq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.843f636c0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.843f636c0.0_1594402945782_0.26030934309604703","host":"s3://npm-registry-packages"}},"8.0.0-canary.b2edaeead.0":{"name":"@material/rtl","version":"8.0.0-canary.b2edaeead.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"73a325aaeb056711c18363047794ae8abe72c240","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.b2edaeead.0.tgz","fileCount":13,"integrity":"sha512-zrZfnKe15Sho3lnUwDzQLIRxB/Jiiz27ucbQ+Jamh/itfMYhxOfI38zZOS/clm9wJss6jUga5jUQw9Ofl5xpIw==","signatures":[{"sig":"MEYCIQCDAOAa8koJaUXQjxKQw4d9qPyM/BHvD4t67Ldv9YGV/QIhAPQH8zv/Qqt4RUsIXOfl40obDSaPSOnUiILrFXCHlBdF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfCK5DCRA9TVsSAnZWagAAD8cP/j9fie1R8GArHWmoq+d2\nFVYkCbyhlQYYg+PdvUujJaxrEVmGXlCoeZ3quGFHak/yN4Hj2VA2csFAHSoP\n6wt6CbQSJKuB6NOBQ34L/bN2mPOjL7sAZduLfdk4h7hEF5qmGMijfqq3TQMH\nymUY98Yq2wk5Ok+BlQhnWB4JtAeukkvgHot70KI8+YcXzMI0DrVdR3E1bcMZ\naeiZUxefVPQ9rRRGdSqjZ2t7tVb5EelqfNnyp8DeO1kRGoLpqFPtHTVZF5T4\nYXiQITwtTpjHmazZ2w9b/8iwy6CYAYdI5GO9oy2Ag8C4p3avxgdK7fffZJ1u\n+e0w6TSsgzklJxfBlyexdRiGmdSdejCW50WZhtAjd5VvqFwQJ7T4RmGE+HZl\nAKSVErbpStPXnuyyikjSFcszKjthGHssnJEd/PJso8U8HscwfMLhdz9nWV5y\n1BrskHxOqq26cgkffaPb4NCrneUVsZJYsGjeZTH32Ksdx4sa4+pPgz1Ulhbn\ni+fAIQw9c8NbKP7Gh90dPdCb0sdPwMJ02jPLL/oHHwQ7L/4zfGKkSdVX6gBm\nJrnpHIsW2tjYpWH8WJqHqKQ8wZL7FhHxo6ewfBMlHjX9XfWtqXa2JhhI7d3h\nEY9d0PTqh1jC0zjXbTUnfjvSS/hb5uJyASWa8LUBlUJkmrxPt9Um/mkzAr1B\nNz1c\r\n=O5Ew\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.b2edaeead.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.b2edaeead.0_1594404419116_0.22984086177138408","host":"s3://npm-registry-packages"}},"8.0.0-canary.5dac1f624.0":{"name":"@material/rtl","version":"8.0.0-canary.5dac1f624.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5646c1cf1146303d34f47bb5245f9ca2b21dc7f2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.5dac1f624.0.tgz","fileCount":13,"integrity":"sha512-xUiyB348vy7G6vatQk69kG2WywNiLxlTXqs0PXOU9w+sLTv3m9Nfz133ejzBqlw77YwrElk2xcA4mWcisfB7NQ==","signatures":[{"sig":"MEUCIFSlS02Wdd6m+tQut5u1sdkVCWUauYmdissF2SQwFTyQAiEAk+uqZo+PTyk7jtSbhNtqNL0n/dgfF7hP6NckCy3iDig=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDIz+CRA9TVsSAnZWagAA6rUP/30yTDwns1pBgf8QtUmg\n5pxzBerag/S8+tSdHFTtiGBulZvWPL146LJ4DG1y8XXx7H5dSOrdfy13QeoW\njPBC0bfX7F2WYL4Dj5kyq2P2QEC0JJoKLz1HJ86A9owhk8KW9FLH+lSme8y2\nqyexCdFfyA0wN75udptycrD6Ub+XqZph58EESSUvI4Vu2oBiGbgzL8EG6EgR\napaLQvky1Dw7G5TXV2S4hHYhTTS7J6+T1ich47Eht6Eu8KnOU99pNQbFDKr8\nMc3oc0T7FyAz7x+JWvPaDXtoz7pQTQs/d67KYWAjeM0D1yysHX7/9U4zTrtC\nrscH+cF/vrHWPoQqbhrQ0+MHhQRj3lNE1c/7WjXH6bGS7fLaUgEJV7GlrAh5\npojZ/FO2gm8kAjEAZP0iREWN6Dd+TJ2GFCkc+IlR2UMY5sjeTHSFk7mKoggT\naY2L8hinihfd58mcNzYj/rVetG7Mag/4oGmdpQDkrNOZZszm4R6BhS2mn24R\nATj+tVcVH0mWoKauLU5fCT9P777JcdqGMEHShJUJ5WXppKWUVKjGzkA+G8xP\naGwDCbfwQscRj8qIb7BOUzIWWOhQhszWsF3NzwL0OqPcLstNF0Spy2KKsHLV\nwoxkfzMxzbLlFjcOynNru8FqoRQW09wmULxBRsW+ATPVh1tce0qdNSfJlNPe\n08vV\r\n=vNpt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.5dac1f624.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.5dac1f624.0_1594658045593_0.8034239868514459","host":"s3://npm-registry-packages"}},"8.0.0-canary.4497acef8.0":{"name":"@material/rtl","version":"8.0.0-canary.4497acef8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6fa8c9a0e16bf90e430df3dad3d4cf739273daaa","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.4497acef8.0.tgz","fileCount":13,"integrity":"sha512-rm90z74+hXoX6wxhc+3Q/rCc3XCvVBvaMLzQlLmxtJ9g/nLxdCMqIFCeq4CU4PiGqVnFjDjKv+uZGZ7sVd5D2Q==","signatures":[{"sig":"MEQCIBZbZcLeC3j5I/79e9MAHHgioVNemvo3U5ZjTs4l1uhMAiA02m2kBRetQLHzUzhZXY6Jp02B47jgFpB0mQRzrfPUqQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDb8BCRA9TVsSAnZWagAAOkcQAJAf9uDEwNGLhVsqotaS\nf+nVqVE/vTqCRN7H0c2NFodRM2Unhuxa3vReM+Zm/mjoiTX+2zLgOyd5NQs6\niiLpJD6aJMqn1goC4Umg2k/bKmNBt8lYBZ8bdbIyvvNTGcLzcj+LkEeQtEK8\n1mz24SvqT1rMQ7c0ZPBwoi/FAT1xn93tiJB+QCGW/OC/vFGrKEl4C98b+acO\n6O20+JX+LN2L5bVz9IbaKjllIXrnPQd+DlPlQlbBPHdWjg3XGAMOO6bmIQfI\n976N3ctsNImv497px7F+OZqkNOgMnr6ExDMRzdIMSveaoIVoAKH9Hkpv7ODc\na0DBuQYyB9cR5mg9FtvIBPYIZT0/gGuzqLyJkDQZCvN+MMPe0GnLZ9xekUI8\nYv9X5X3tt1iBZlTJc9isngiQGTeAwEuySzLBHjPnSFEhOuUv/rsb9L+ZgV87\nhD2/3MSbaBwGoDjEGXuFHV1mz0eQvuDtNG9K8QeVvNKdzw0Lr72qoZ6EsE9I\n+PTwyT7YKVpKRY7TVqEpz00NM6ksNY6V5HMfsuSmrZ5NUMQ+rn/r05Me2FJ0\nqPs4IObnTmuyVvdqFvzELVrx6ehzWP10y+v1z0Xy0kzYh3INViAmvCB7ll3D\nU1FivP6LffnSaVRlmBWkYH4gEL6wStKNX4kq2I4m0taxSSQMBoZiOmOForhs\nAY3W\r\n=Ee9a\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.4497acef8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.4497acef8.0_1594736385096_0.27347093457199434","host":"s3://npm-registry-packages"}},"8.0.0-canary.e6e23019d.0":{"name":"@material/rtl","version":"8.0.0-canary.e6e23019d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9c67ba81d0083d8fe9116d8d21fa5615bcfc5f82","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.e6e23019d.0.tgz","fileCount":13,"integrity":"sha512-DnhBl+kVR7o8CKCMbcfc9SMW0xvjSRCyD43cFFln7+xa7XGSg/+1sWpmv8xuRPu9cP62eUrdiUvib4c/0kPXZQ==","signatures":[{"sig":"MEUCIHM2eo+9M2h2bx2Aq3j0ZG+3fDWt/6CputS7jLbMTf6iAiEAzs7NkhHBQZcY3Po4ET5dtA94+BNBFn+7DIDyp9LGN40=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDhEpCRA9TVsSAnZWagAAFwAQAJ41b6H9TRQv9ZO1cqJI\nCP6K6zSWDZAfo6UwzoF9dOWTpQ7DeWbzQM/wzeuvQKrx5cvDMa0nE0BgRFkU\nB8YimYjNnfhVFFhdL3+MK87e9Ml/Wi5oGSj7Bns4mlZJhVQlKLTMnWa3m8SM\nQ8E4ntxqLD1foqp8BUqrIUq+S3zzq0sYHIWyTKUAZuzbWe/63o0b1cMK1BNU\nfOsZlArqHIEc+3aekbQ+9QW9VOrKot+qE/0tC9UIrTV3ArYtXvRJ7kvT4tHH\nEnzKlrgcSV52iucF9Mq7uZzavHR41skx6G01D4S0Qp/4Xit/d016dXqg/vkO\nhwITCC5QX/HVWnrSWrn0q8a36ZE84Jy9BN0Jr4p3p/kC5+G6iiPTJneEy4lt\nZgNf0g70BZXDBD4/dEeh8Fy5KRrlzHDYrkfsb5a91JMwSN2qxDu95XDF4YlI\nNe50zSjLt1emyfo2jmZsRYGe7hdF19BfRnegbYzOpyBk084x7dCapoj8CRl1\nGLN9nldWSDMCxT9/vJJMqsclgprn6LOfnmEOr95j4HRBYEVOfzl+a0h8Sa7q\nisDJZTSfq+8ApXH5Qrda0tNoN4RTHeyDmciUiNnB1qeNYoz7fUZaGsCjreLh\nbXCDOziR5/9epZKkSvD/Mf0R6hUhCb9Q3SH9UvI/F/Kpmw3TC7ITB5/cSe2b\n6LkJ\r\n=pJdC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.e6e23019d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.e6e23019d.0_1594757417011_0.5357719122246833","host":"s3://npm-registry-packages"}},"8.0.0-canary.d548d7a92.0":{"name":"@material/rtl","version":"8.0.0-canary.d548d7a92.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4d5d4c8d22005df7eac06cd011d1b3e44ec05563","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.d548d7a92.0.tgz","fileCount":13,"integrity":"sha512-hi9BC2Bwhfk8aQr5vlGhaVPug16Gg0SQmLYM1FKnccfmCeSpkNHZK3Rg7FjyD7zyFIQxVdIIS46YLgLjGbLStA==","signatures":[{"sig":"MEUCIHicGB+R/EJn/pCEZCmsw+mSm2qJiquyqpWk+Jws5s08AiEA2/eiecqMVnlmt3dohRQhRPWSEim0mZBu+qIYzAgU/hA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDh/UCRA9TVsSAnZWagAApCMP/j9trxk2GCctys/6FRCU\nTK85QMY0dnm9z5tyiAe0Z8PZZCTGCZ7ZF5vj/rL9/xSgcj+HHU1IeubG4CBd\n6Gx+dDiDummSwcjl87lYUr37BjVpVS8oSX7zzVpT7WNx90u4Iahts8wnL78a\nqbD0VZLiXt88QEa0PK1I8sWErvRrneUmAoQ91t4tHO3qWqkw+mWCVZXPH+Ec\nBoQQQMAAFPqcRK5EvzEAqTBCJcKF/Q1da+sKUpRPLSZopZqYnCcjfYdsqd6L\nXIybhNbXpvR+cd2olbXyDHClpwLStMrXT3Y6aKHrwT/jZ5S8pacOu+z0VGaN\njmbmELzslklpbpvSW8AWOAZY91Vv1svkez6t82Kp92tZecC5+8+YBnbpTif7\nvdB7JEEchvVqwe8GHUUZs6mr/MYgJxZaEOPayvd6A0AUgnICU/a21OTfylpi\nZfGuN8YJDcy2QldWpyl1+WOLDSLKlByYwVcIY2Jw2TrUbsi3l1VAgYZrN3XS\n+I4b4yxdrr/IpSaYU8jSIMJRYWxztdHkRRki2YUDPgiWf6W0AWkK9lkrkQQ2\ngXuBa9wfj4GbQLO1/cytcMrSqJ3uGasTAl3X3Fh5qzIVOxpJYQKPwqZLFIw6\nmxXHWMfKcZ39KlmMz9zy2teTq2BsZG+jldcFRk+E0Qg0YcqmDz0f+9FvvKEX\npqan\r\n=KrcS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.d548d7a92.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.d548d7a92.0_1594761171547_0.36147080731168724","host":"s3://npm-registry-packages"}},"8.0.0-canary.58ce529cc.0":{"name":"@material/rtl","version":"8.0.0-canary.58ce529cc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d86a32c7ab96b9d41c8b2455ea3737ea6cd521ba","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.58ce529cc.0.tgz","fileCount":13,"integrity":"sha512-LWfC+F2cK9uROUwSvstQlYw8q3NfNccmHhIMXoiXtszDcKRFbX1EPK/YwcQzC+5NOheL5+7JqIiC9jeaiWNT2A==","signatures":[{"sig":"MEUCIQCWQBcKOPvmFN1p5eYVww7kIcixxFx+5lbPSsw1rpG25QIgZSIAxxjSFimDHBiJxsRDsvmU+7STUyx62DSRPf4aQBs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDiBLCRA9TVsSAnZWagAA16sQAImMeLFa8Vp6/ddWviUo\ntIrEnRta9eX4oN9uVhopA2nAMjhEXk5kttKia30t4vUUhSH8VKjR/uQ9+q2f\nEWtpSvy27S3uI2wjKaM0EuVlegkcnuBNzqIfyfzzFFUeptHX0sOwN/Aa43qf\nnIWm9Lx0YjoyGJ60XrFKE7pP2ei+WVnzuqHW1QQArOIKO40rPAD0/aWA9FPS\nTfloI0r3h7V4q99rvwLAU+PFbvUjrZzARb76ugifVQy1KOnNyA/alsFc3305\nD6oAIkvyiP3skM5dxc1tfqcG6b8UqQwI2lknxJgm1dWZSgDKMvFrOT4dFfDK\nBquXNN8dw7afrKh3n7cXGH/Iq88t4wN+Sc+a3KcKT3YBSpoQ0EUOIim5XyqE\nmyWvNkHu0LM2meN/y6RFbjt5DenkjYBy6IeaJlp20EbJwHk50E+UNsTdv3SF\nafHdDxZHvMb8f/22+bQg+q53OQPNM7a0zjf9pSKTQvFqSUIPRdXZwF1/byDY\nvL02qXJhAdkiyV7slgihmzxdqj9iTJspfjtwbxU8QWs8LTPWI6AQ3wP/EN6F\nWrL/Uhfv5wnQWH4wUt/KdSUtrb3xkggll3XS/wDvHnqQWbF/SiqJJHAEXb6+\narbpLRTd9aixF6y8C3k0BjCryLzjtdLcFjCgBUNwezdWlPJj8oC2ns5gYsBm\nmqfa\r\n=0o75\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.58ce529cc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.58ce529cc.0_1594761290757_0.7746656643038519","host":"s3://npm-registry-packages"}},"8.0.0-canary.a0f1202dc.0":{"name":"@material/rtl","version":"8.0.0-canary.a0f1202dc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5fbe2f114f2285a0e4407599644575e40fbc90ec","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.a0f1202dc.0.tgz","fileCount":13,"integrity":"sha512-09YJ5lSDANbTJyA4jTPz+klE0+7IdkW68o20Ug3TXWWo3SZMz9ZX/RzmxH9Llu+DjVYd08tcW7oBFJjntQGKVA==","signatures":[{"sig":"MEYCIQCq/hqinuRTTKMDzn9F2Z+XKbemXrEgaNjpS0+huZxV4wIhALfdcYiNBRdlHd/1j9gGJ6g9AtY6xD9jAWqf7qIvJvuM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDiTLCRA9TVsSAnZWagAAOmgP/0sAW1WNVkbmSOZHAGS5\nFwFuUCU8Sjjfmhn/ICuzMysD4ZwahypXfsr/PqCUiTCoFpxlN3TdptxUFn1W\njFXB5MKoNEMxb6lYgJkV/AUpxpQ5/8xnAKV8PTc/FMSQB+vk8MKb62y/mKax\n6KtqHlpICM5f4VDv9fU5EQElCZ0SgEucLZabJX3DetfdMQqorBuv9mpS0vuL\nPOVeL5yDrl+Nrqjr4Mh7Ritv39NgJuyi4ywRK3IuU5DJARIhM3W2TZzPtwgM\n/at8ukggkmd7w0zcVTPt5l/TkcNf15C7CFUpfrnzYpbX0zHha+/jMmFawtlP\n5gCCflMksX+K9dXVGCyRlKrxxLagIgAGq6CRUR+kD0BZNlcHBuCk0S3JK1FF\n7wJwwAsbJs24xqIyJcU7XUSy2cE3s/2GMxOLXqg4IckqgD3W3bsmpJRQG1n8\nDHfP9gO19uGcdaDCtn7W39oYJFJi9m4CyxMXWcavymolL5prd0DB4r3JK6dp\n3VP21qrCtEgtWF2ZUvB1QwWjgAYQLMex1va++WFpBf1I/o93h9hCvWxbF1nE\n/AjjmIryBEA5PirUXfH1wNUsgeCQ0gj4e1EL8hq0J+cfgADEi5WpTOYong72\n/luTe3NQqHRg/2St1YPZ/0pAcIPkAim4dGWpa1IjL0wS93hlbPiOgmfiAM72\nT2m/\r\n=FpsU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.a0f1202dc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.a0f1202dc.0_1594762443133_0.9087657346088183","host":"s3://npm-registry-packages"}},"8.0.0-canary.ad4df58c1.0":{"name":"@material/rtl","version":"8.0.0-canary.ad4df58c1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d06335a632ef788d26797dd789a8c7c8a89ec9b9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.ad4df58c1.0.tgz","fileCount":13,"integrity":"sha512-fjwp1++GYsG8/ByZjyB+WSrv+4BeLggr5dZQghGB1iYoUKU7Ak0zPfvMTZ2//YvumhzapSM1cpjPgSJ0h3Yjkg==","signatures":[{"sig":"MEUCIQCuqolOcbY6xt694XwQpD9lbUF1bBAC41RTSjN2LYZJ2QIgN0mXGRM4zOW/HQ+tU4GrR686LppKFJEnVXUqRXdIkkw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDkkjCRA9TVsSAnZWagAApLYP+wfDICTaMa6aeBtG3Onu\nE5o7+u1SqZdYG7cIBcu1QwtCwKPw0YMNFwm75ktljdzhB8gjSujEibIQvSnC\nuqKPN3KTpe2Xax+xXGKf9g1dLYmAAfdPASVcLkO3u+em+Ehd2g0bxLZdBVRc\nP9fS2EyB6nSQo+kio090nDPzR+MSSWMgzHkz5GqFLlpGq6GZ05zvFQVIffdI\n4kjBHMKZuhZbyKxqxc+Beld4Gc9ogg6X8JuwPXK+Mgtk8i2hY6FlTF/TRokX\nu+uQ4YO1CjYSkADJjZYJPDS8jCX+7NyVzF3UcbGY3aneTQTYoNAAf3GxaWj+\nAn6/nZtdmYnunnIUWoHyEK4ZyMqSyuMbGjnsLw3zdXDyCFA+Gw2FdNSRgfbT\nn2XdNwTOlPQJBoBSlv3bKyHdSmqQoUGDNksYscDaqixVZjV/kcr5ocBkXq2C\nM3Ya3xgEHG/IL9HzU6+jLV2xg6MRNweawMf7V+cM//0XZ/6Rki5heOOJR2ah\nYvJEuHyn7RgJaHyMw8VFVpfVHDnpBda1o3RKL92NL43OYTu7l+9qfd8CZwEo\ns7Ohb4UERDThWXExr0qW3CfLaA9wV2+nlldxb2PLtPLsQyRBz5bAwzh0wHOq\nnv4arxuuhw7JJVXbwCCz2HgdLx4TiC5e3sXuxjujOCHyumI9ISo7gs4EEg2o\nIWm8\r\n=iv7F\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.ad4df58c1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.ad4df58c1.0_1594771747277_0.2664272313976954","host":"s3://npm-registry-packages"}},"8.0.0-canary.01db89053.0":{"name":"@material/rtl","version":"8.0.0-canary.01db89053.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"84288d507095b3a8f6d84aa37faba93dd7a1cbe3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.01db89053.0.tgz","fileCount":13,"integrity":"sha512-06DXk4/s3qMTi5Rt8ZoR/aoPiD76q7li10YGBYWnXbwf407FlEloLp/gEuUOsQ5ppju2oFdHAijbRJRzHv4Nug==","signatures":[{"sig":"MEYCIQDOSHE0JO1bspOUaptOx7atCpI7QDESyyaq/GI2jas1XQIhAKadMavbMjgRjV8jBhmk9Y1Sj6HIjfHjPtiNxsVrjLbh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfEIKcCRA9TVsSAnZWagAAMNwP/RXR+HqvlrRY42BHnsEE\nyALEnavL8qmsLGTLYrEAHTcm9wqbO6JqzXlWRYuzGkX5g7md7TIoyedFhUn+\nk1O/t0dH13EDcc+nYOHQ6A11x5rc7LSjhom1PYe2kjlWRQhC+4TNfRd//WmV\ng4Wvgt8jjcuNBWGbT6b+mIu4Riz/RI5PF2cWDpKWNabB47y9jz+mG4Ahz9xz\nAF9RtgcRohSDmYThVH0y+A8nCkKnpYyvApxcT0cG0ZM8ICF/M+YdmT0LQ8jK\nrV3UkY5dbPRjIUX+I+rorRa5KK7wt8CK4MQDtxGajySm5XbhCiOFuiXgXv9K\nUywaFa/KnGmHYFUCWdrl/4tGGHGCyCCE3btzQznTprdo8nmz6gQf2sSUQGcy\neTRfPn79PWjg6l8VqGq4CN7z1xwsFAogKQha/7cPouRNNMW+gYKP7rMuS7tl\nbBEI/u4g4aABp7zaWyHXiH2St9WEqg9kWFHuh/1iC0FozbCB8vwWSZOQoaOn\nn4iISQSLuwU7Y6q1iIGB2dgDAIA6gZQbBLzRYqpHIakq41TNl5jKYG5+YCgD\nEnm6nx09VXiNQl+EBWkAh9Wts06p7o4aSe8dmaMq6sAyqZ8mPFGa79i69Jqg\nKSUIJmrKyjdEsWaZCWbEp4sZY0Lf6/lpcmzsfU1A6vJRLqiJFssyfxcVONuH\nEC0D\r\n=AQmF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.01db89053.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.01db89053.0_1594917532011_0.7152493545320076","host":"s3://npm-registry-packages"}},"8.0.0-canary.fb5a4cdeb.0":{"name":"@material/rtl","version":"8.0.0-canary.fb5a4cdeb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"873aecf33ce3463741d4a5ecbc236253ceba1f04","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.fb5a4cdeb.0.tgz","fileCount":13,"integrity":"sha512-nAk1zrJDiLyL4U68B4dt+S0JBDxoBG1O62CjH7JT0/bfqcwJnN24djIA6j4DhVQaxhdZQwvIEVn8m5mnoZNSCQ==","signatures":[{"sig":"MEQCIFv8lYRA7rEiKipZdzeG00d6cfgY5i9esgWHgQhe2QnpAiAVXLT2dTNLTgiOPPoeVkwsyuRB5C3dhxnTovLo3PUAuA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFe5QCRA9TVsSAnZWagAAIDYP/38UCY8W8s/hs1/RxneQ\nF0s1JKhFqi1knKjOHGOKjliZJO4gKc9ZXtUydBg4hNHJgKJsXGCR1dc1VfVC\nyzki6VFUjGe0ONz+1pyUbhqaFd89Ewxfzrc9VawI4lGR0PNA8ygFK7xCN91q\nFBH0I6XAL0b5za54qWFXJ74flNz3ikXNz+HhhyAnnSAauEboqIqL20b/e/QE\nCJu7yRrOVCzDfQZCGRh+/x71ho54feAR/hxxnWBFWM0Luo/mC0ZykSKi8z/h\ndsyfObNFaPjnhnZMW6WHUOWIV6d5RmTpEYRpqdzLDmwTVjjZpIJVmt/Yq8rm\npXdFu5OCE+xJfYLNarcpHqkfmuMZEymO8JwG1ZnA9/9+RMnbhsh4yEx2bw+o\nyYotrNbBmJcAePzSaScRIb/FDUTL1OPiwIy6kMrrLp2ACabb4N83mP35Bu83\nZdmTF/d0FksoQQxJnavE2uy8Mu+DxKQHoOlNkA28Eo9E3DTrTOesLgbQZnhu\nU9MvJVtQKIXZWbhVMJdzYNT4MtBtZ4l1Gkf8DNh3h+6VPLDSWPZdin8ppatk\nRSgTgvX8fhurLj6gSgxjsQJV+EcQYsWdWE1xUNRd7pGrxhITODCcU77X9ExW\n/3H2Uwt+f+TB463S2VV4lcjT/YnAaCQAGAEs87DiBRgz5iJQng6Peta1tCRT\nQcl5\r\n=G/nR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.fb5a4cdeb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.fb5a4cdeb.0_1595272784507_0.09584576779498066","host":"s3://npm-registry-packages"}},"8.0.0-canary.8df0f517c.0":{"name":"@material/rtl","version":"8.0.0-canary.8df0f517c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9682360ad8f5ebf642c26635ed81606b481eae8a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.8df0f517c.0.tgz","fileCount":13,"integrity":"sha512-/OHGA7Yem0pLzUkJAKmZGQZVg6CX+rbmgdX7DQq5y1yKHu4vk+Qtf1NOJUXL8QL7FnLzZWq/PEFor/JDZTA6tg==","signatures":[{"sig":"MEUCIQDJAeoQFLwsk7zpgeN220hzqZcZvXyngOmfmJ0OiFN6WwIgVgEqQckyPqgkcu8CV4/LaYV5swPWJFaCuodgId+hA/A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFi7qCRA9TVsSAnZWagAAHNgP/AyOKjFpDFDa1ci6vQro\nHGvuz00KgkSvTLVVHULwjLzTXxVLNj3PA63u4jJ7v04KN0TL7eR7ayv8pJfQ\nUyYn/q5/6VlCNvo/M8WQkNqpY8QvLyEiw17mApOnKGRb5D4FYsaA+U2yCypk\neeyRep/390YRSTQxRdD5AuHL+h4vbQ0JtIvNo79WaCKbi/JAg9J6u819HXUs\n6ALZfBCscv3aHZOaMJDny/t1u/RngJlPW3GZ+GAc3oYfTRMIOHeYHcM6KbFv\nkwZ2X8u2jgie3NHzswCKUpQYOkeV1mAuq3nSSgxw+m77j/KgjL8A4PKeoX/5\ndJRv8l1UTf/Nx0k6C6obLE+PUMOrjQwFQ+TgPHiMfUpnllGckCtzKhski88K\nL9P9ViY39VawtN385xGppr8B/2/p4lrfHSQ0ji/00d08WugBILGLouWtNjd5\n11iJTAU3ewqAdhxqvXrE8s6xDaw0PBdkZnyWOnMC0oIqrp+kBB9r7msi0fK7\nxHWyDdO63UXY1rIrdeZ35ze1Xb5uNZ5Z5666MIvgfpXXF9nTVohTrc+eS1Zr\nzUG+V8MfjKw5zBjKeXhFS7YwXjLjmUhZxeayjNsLoGpq3UYSGpWXF7iFcTer\nSUX/Vpvgj4jTfUWryvYtrh7b0wrlb/l0a76fQ//NW+BZp6IxnHMGyAgDgvJU\nv74c\r\n=LOi2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.8df0f517c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.8df0f517c.0_1595289322172_0.11399131894141457","host":"s3://npm-registry-packages"}},"8.0.0-canary.abcdbcfeb.0":{"name":"@material/rtl","version":"8.0.0-canary.abcdbcfeb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4780da64ecd5c27768efb2480ef27c3a41843ad8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.abcdbcfeb.0.tgz","fileCount":13,"integrity":"sha512-nhpodCLmA7UqN/YMPRRpRwkgTXq5h9cWLMo0V7jDGTlPUy30KjNhY0hbbiuWgkK6YwVD8tcso5l33JkBzpAK7w==","signatures":[{"sig":"MEQCICPfMkKlbEJLSEbd5nVpmJRziZb5/Q9SNED/TqeAPTdhAiB0G01O6Hgc8KCdqi3B157R1HtFs+ZJ3huDIkxUI1BxcA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFjuzCRA9TVsSAnZWagAAR5EQAKUEbUiEdrbbgtepUirx\no+JxyZA+KZWADq4mgPyOGBtS6baZlt+t83HkyJIHwIZzMFYWnvDrqdR4oqWD\nFr4e/FHJjDJ/8eE9NIcYL4H1ZvlBJjUw/vtrGvMWEWUrsrGYFwv6fV7IQZfI\nW0JaDsvxCPnovy48Gw9Q/JvXjioop50OpUOs8QnJcl88bbg31scTo2WKoeNH\ne1pFNvEh9HVxTfzfAfiO3OVwB8brfOklawT2Jmpcv3zZOCNJEtB0HGs3xnry\nEa9Bb7f0KF7Hl+nhCHdbaK5wQtuBh5ARBlbipD0PTIYkVBJYT2bz4j6DR5Fm\nbTyuR4WTsuTQWe9CYIaSmo9STojcTz0AMOdsZBzgmcQgmgp91xOKT/y/ielB\nGnz7TxtLaIZlmTKDuNpUftxXRbZ4SyhM8/MAr8dh2VUl0YOskNRZevPdqk5H\nzT/QJvc/Vih4YGFCzB6N6pasojAN7SD1fmZO0LZa/vBKfCj2hx+oQ17ZbluJ\nzL96KnzOYQeMlRF2dB/nQmdjQ4B0YK4wbjIQPXFLLdaIaJXt4jP18SCGz7Bl\ntIv6Fd2J1EjlL1vDy2Ne8iqiCyhQz4IwDKb+I05vI8hh9H7M1G4LNEF1Ms12\ni46xjC6anCg5sLrvuue8YYtmkV73pJtyDOOEbQwtl+j7df/YluI4oAAoIWDk\np0QA\r\n=JOc6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.abcdbcfeb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.abcdbcfeb.0_1595292595484_0.08634943387568916","host":"s3://npm-registry-packages"}},"8.0.0-canary.7bd5075de.0":{"name":"@material/rtl","version":"8.0.0-canary.7bd5075de.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"47fd2398291bc67b7985dbdc3eae779bf7068a95","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.7bd5075de.0.tgz","fileCount":13,"integrity":"sha512-P+7Xao/cAW31uzPAP5IBV3wR5tsJkkUc+SMpWTRj+fJx8yFUkEhliTR6VL6riRWH/ZZcrwxvevyc2NrnDqLvcw==","signatures":[{"sig":"MEUCIQCj6eA2hiBEMupMqbryJaTrIRuQMorhfgaEBVgqzUEuNwIgc9FPtIeGEQn321gkFqua7hZuUsQ7m2dndZXW+zEKij4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFzggCRA9TVsSAnZWagAAXPgQAJa3iZE49fQFUjFV2yIR\nvEAzq79N+pkfC/c/vx2E8dajRuX1IoT2+L8HW+HpmyvDLrVAk/453Y+ytJYV\nlXHBd+7mi7ofndq5tC7Z46p/acSJ3mPlMffYfB7mZh6MAsoYtOs005LhzpPl\nG3apwBEwUTG4GGOsyL8BK5IS31yIdolz7K1cNA11HPVEvdXlcHTLtMenUeFd\nPPXU5us0v9QC0yjVh85Nk3yNnRYPp+WlB8o2DcineABw7TXrU2dphvgDzW/V\n01HbgqCk3tVowxTFflrftgdQCuM5bvPJeXEGp4zl3L5avQVr4Oi+JBfQgJWo\nmFT0WiLJ5SpR6GuAic96NfRVdXu9UfHHDe7V1ztxwIT2wWsof1lfTZsUtLQL\nqBRWIVgpTEvcS4Qz9B+ZkY6SAncQoV22pT6S4YLRxWaX2y4njk+t9ss81AJp\n+GQSA/cwVDI1RhTBbKcZXv01U3AmoyUh+rgzembBv0EEUTkE1M7XVSRmQkl6\nGmKcS/fDoUk//tAQ10J2biHi2w/XaSyGl7Ozp+LMaYCqJrw3Y8E7Eje4QfuN\nKRjnFmHLdpaW6xHyeu6pMcBh4x+I4WIM0dmAhxRZhqzdtDIXIYnGgvwo2k54\n4nBEQ2l4XJTvNxYKUNAChROE+DhUKdPEuEho9b9L7fs91FWHsLfoeA0SwPE/\nknCX\r\n=KnUe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.7bd5075de.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.7bd5075de.0_1595357215298_0.3016324085108293","host":"s3://npm-registry-packages"}},"8.0.0-canary.405a29a20.0":{"name":"@material/rtl","version":"8.0.0-canary.405a29a20.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"68c332be3d271d78cb9100d98a8eee444cf7ab77","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.405a29a20.0.tgz","fileCount":13,"integrity":"sha512-fz8NbmMRsO0kMCiy1Hf38ajeL+xDQA7/sXUz3uhoBfWLS8Ck3DaVeqpoJ1GVMITiBsdqn5mNinwpJ+LOOcgg6Q==","signatures":[{"sig":"MEYCIQDK+lUVwP51G/8CyeTIKXF4hlrmClYvzxx/lyuoJ5GMIQIhAJ2wXz/Iu8CvpnjuF5O3kGE//Y8ZNh7A7wMQb9PBOK7T","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGLxCCRA9TVsSAnZWagAAaMMQAKJZAFCTI49werbok8c+\nyUIAxKJHkWfZXcRpk2N2dku6f5ztM9wYR78AvcWTECJLI2DZ33FoKFcepZgT\nszWNzaSTPH+rjbY4flVjeluCn3sUFDabo4R7PtHzEOsZusc80uti9PWevTiU\nEBuLqR3udydYniMWj0AyVbz4e8On1IE89ovQMaoxbfG3oSyXeyzuD705vKCk\n3PT6Y6RlcX4/G26sWMyP5mcnbYu02GDZ/KcdbfvpWC818Bc+MAj/u7U5T0kt\nf6S9fwmEuzFzPAwmVl1wJVGEi0PIzCBfuI00x7FHLVHhQ5mPd+gfaYIvQqyT\nA6MbWfIRdV0zgOkpLqJxcGlhuEfNCvxc86lV37/MCzXbg7fPsjh7hXRtQvJV\nBf3AvFxGkyXg6mlMF2DPWmAATVcSxQg+uYusz/7aMcPw4jiqqvgRpHk4Xc+t\n/7wjQUqgfjaiJy2Tu56MdaJ0LAk6fPjZjMSvrO2+l6PLp/cyE6HBx5lXisJ/\nhu8qLZWHHBhZA3fqWAiCPpXsJp/GD5Og+X4XKWIfrY1s1mIud0KDQ7FpM8zy\ngIXuOhkwoPg+sEpob9p5gl6ooO/AsdQQFzYE0QIVYbxm1/rFoq4cNY7kixWZ\nilQo6fOKVh1ytwry8O7cCkhdaAtlTkKNzDgYX8AKP4P1h6V3PfIUUilTaKSE\nETnc\r\n=jb/Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.405a29a20.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.405a29a20.0_1595456577901_0.31066543355406107","host":"s3://npm-registry-packages"}},"8.0.0-canary.f3693ac4c.0":{"name":"@material/rtl","version":"8.0.0-canary.f3693ac4c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3e354f726697c77fa5096d74dcffce3e17eaf96c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.f3693ac4c.0.tgz","fileCount":13,"integrity":"sha512-UW6iCBeFoGuU2yvLAvVLGJRHNuZ0TuG+6NZdJSeCmOECydfsga0pbo14beA7A0pvKrp15372/kdCtNPGicyEwg==","signatures":[{"sig":"MEUCICWRqCPl6eZwerbhzMWo+hvvz+Hwq0nHMbLdLDyrAI9QAiEAg76FobGUDQZIjhG+w0xcvhXfmiJ8Gyvy6XIfg4CYT3k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGL67CRA9TVsSAnZWagAApfAQAIT7zm9J8BIvnz3hoN7N\ng8fR8YnqFin2Rzgs3U6BqV0zSKILfreLmmJxR2M09bqsiEqyN2IsqgjMKNf2\ncGqaaL/+qDK8zHAuhAtBa6f24rOfzzfbLt/1vvQ2mgKjG/JAk2XdRyTKMQax\nNW8Ll8xGD2MxVKq99XD4KPR/azZ9d4/i3BBHdexmDpLXWCROcyOnbjSBvo2j\ntrFpi8ZgCq7RX0x4ICpkboPH2npBqGSl6a/+yfbsK/nL4Y35bxkmrKkfze/o\nkWiLqD9XgRsqMOEy77G34XGAw5H4rABrnOxq3xG80HC5+ml4pKXtNz1PHqxn\n3nqvQLxBxF2zwdB4jF9YjxVZuaQ9Y3Wu+zcYcJPCZXczF8NI3clla9BmFkKG\nkNnv4mqIevEhs8ZLxksTj1qhUbKmxEVDGLi4aHWvsouWpIhQ1Yjpwocq1l9h\n07toZSeRElqXxrJREnA975Z4x/Zm/0Z5yArn6/rEKbS1vSAHlG2T/VbnYW7Y\nmuaElYAj8bgrF/vuBwqVWU4Hrwv4AIPUL+mF7UFt/wlweROpmb3W9bFHrNhB\nWgXab0pCYpk/jodN9puWVv36Gw2/rVEmPAFW0kPZ3pYtfxSjlxpAk0Dvf1RQ\nht0Z9NvFQKrNuoJayI9/ds0rfsIHxaJs1l9fc9psXpZED7whK2RMGVv+lUe5\nuvJD\r\n=by55\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.f3693ac4c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.f3693ac4c.0_1595457210569_0.355144228804009","host":"s3://npm-registry-packages"}},"8.0.0-canary.12a109680.0":{"name":"@material/rtl","version":"8.0.0-canary.12a109680.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"835d9f430f82e234fe2bb238894259f6a79404fe","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.12a109680.0.tgz","fileCount":13,"integrity":"sha512-WLTuR64nFnaVOrB0xbAKv/SvAMW6U961PDhHFozaoO7fhk+PjjL/F3imjLzbjPZEuccLkWaqAYa4KN7h82PBbQ==","signatures":[{"sig":"MEQCIEY9oZyj9OyNPjggFwGrHNPr0Sv2EfkGo7o7jHhWcM4PAiA9moXZQw922Kmi+5J3ckKo008rYDpO0NbPKmqmPRldWg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGMW0CRA9TVsSAnZWagAAGpsP/ih9RKlXy8AQp4Y17vcj\nVcG8aDldmWgn6UZeqLh2wtLEHadZXqufvxdPvXkH8+kayqoThgdDntWFp1dj\nmNBqzofh6RD8g/nH6u6uKN8ZFkTB9B6Fhn8cAjermz4NlwY3eFSkGySaUT9z\nztGQi3ZniIh9q9mBkHkKAWXp0wZLlrJRVQll74NINUJjlLaXZ05JbSEBkqLf\ngl7PxUHE1bkcIOZ0LtqzWbjSOAW5fMrunCbHiSzSW4lPmXsW0dQ2ZgfQJLos\nfOfcK+RdpRajGWadFWAyMC7tmHfZcuUeYxetsWT+otvBnWvjMpYfZktZb1Ce\nryGRBYSURfNFy4jFubk/OoopTPEMKC+IX3nCzdeQDVYSBb8V2lTPx90QiYYZ\n2pA/l9ElBi+dOe1geERHDecIkRpF08bPIHoLsJ2USIQ7lzM7j7ubBM130Rrh\n3IfdF3obc7ixjgYtL5b1xGYRouO/3GDVwohkpQBIGYeExjKSy+AUlJlGBLpE\n8H9eXLLG9Y+iCW3iXsVSqNZ+umSCRyNrIt2Tr0cP2eAI/A9br2KlKt7Zj0xd\n8dqJvr8nLNiUXe4OA+nNL1MzOPrqHuwLO8ljI1u6Xg9FcLVLYPGmJj39a2GK\nYl+E7Nj6o+ni9SOIsPFfkXrPIcrmilnnbmxebAxwCOehi7fUFOtU/r3xrVnx\nDIvf\r\n=rxTd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.12a109680.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.12a109680.0_1595458996199_0.5679629551519172","host":"s3://npm-registry-packages"}},"8.0.0-canary.bbd06696e.0":{"name":"@material/rtl","version":"8.0.0-canary.bbd06696e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9510cf50b9aead498be8cbc85ab87b07a8329dfa","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.bbd06696e.0.tgz","fileCount":13,"integrity":"sha512-cD2W4W/JxVPenPpnk5fbubt7kWVRGONuPo3vLL/R07StXCBHzLpP3vzlk/QGWt6W55IqIRF9d1sYj2LGs2Sx3g==","signatures":[{"sig":"MEQCIEwNxZnMbuaDtw2c2SnMRA0DleekYQB8x+FEh+IKYR06AiACh+bySoTqHI2j3Pzd9xJki5zBstwquKiUtHOwqQ3Vzg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGNFKCRA9TVsSAnZWagAASRUP/16ZjYmBVLoSDWwKXHK3\nIiD+4bKt109qDjjpId0ArKqCNA3/D6x/y/75yntYbabbXcHboud0pN43mJmx\nd5vNllFAf4rKrR3KL/bp1VizrbmpLFReRdfJQBAV/F0lLQId4k8w7zPTsfsH\n41PqwwqnvHVPJlAQL8+BwlbXy4XVRkqzp3ClHd0kkfOLKBVZPbqL4375iYDr\ni2AqIDoU3UEUVTjQo3KmViEheukcPuy9rwtQMQYw+ASeJV6s7uDizjhLL+Xx\njOERO0CH7Nzw90fjZzuCsH0kzZZ1OGHZxw8+zlHpvrvFx9Dvq6AT76+cgCKF\n649b0Wi1OxJ+dvLBn4SdaetYNWaBtp+kOREfev9RU/uuOqYSeTG8fvPrDCn4\ntHlTX2oR71oFGbGzwwZfPrX3M1DM0OPMLFaTRuMKk3WOAhYOverMKENwjFUj\ngRF3nfc3qYSGp3To621lSzeY+8hU9k+DPz9HMvUCH9KvCFx/dv0Fsjmd3xEy\ndrCJGfCAEfy5RtdJ5sgEhaR0ZoJNp0bvDRlsCei7gNDdJp2SuOV3OD5BTiJb\nwC2d/Wv4o/FEkifiwxRUE7nPkCiM8vl+YkH3eYTCX70ul3JYVsLnN+PGoWmj\ncSrQikAtPlD16lYUdA45hepIaaWrv73Xz0i5zHU1zr+BQ4bMxh6nSlg8MN3Z\ngc9M\r\n=mZBA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.bbd06696e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.bbd06696e.0_1595461962236_0.5287025727151722","host":"s3://npm-registry-packages"}},"8.0.0-canary.4951e7651.0":{"name":"@material/rtl","version":"8.0.0-canary.4951e7651.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7a0a12fba09dc327869b98d3c05fa54a2f724c42","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.4951e7651.0.tgz","fileCount":13,"integrity":"sha512-zkbQkKeR/s6NUlKi/3Gikx9/sx4hniF23NfAgAZQQZbu2CCwUIN/m3y9P3+QpAwDpGD3j9Zqx2Psal4GVOOGLA==","signatures":[{"sig":"MEUCIHLZLHcUlonfj3428ILJr3WoSwFUt5p6LR5LYcJ+Y5DcAiEAta5sO1eKnqAqQolwk2UPQsyPLBFUS9+Bg8ADwGwQcto=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGOyhCRA9TVsSAnZWagAAt2EP/3kqLRMCo5TKqKvoT1oL\ndMVDXNR6QtIgOItdbNOaMVcSDSawT4bv/ZM1PSg+sknzgObtiZLzxJzZafvA\n9Ju7Wfvp+rBunD6bkeCy98CSepMbLAsc97ik5mx+armDLWcYZXtoTJeGPMFL\nJ+aBnFZ2UGPlS4wT0BFJDpLJ/dmss96qNRCUBzkvrs8NnfMPz+UCLCAZwdL0\n5oJY18FkDyIEOLJ2PqjctrRAOwkRoNEpalliOiliz0ZJhyISgm4Ko1A+PXLJ\nZmIaUuNUuMYJVKyrFfHRsvXNSJEryHZU2AXCMiWJPaV9+mJ8ibAhQ2pb117/\nTl92G9xNM5omU+sL7Q7UOOsmAwm2hkzobxPMwtdxvENgDjwDAPihyetFNoLE\n6Wm49G+EDRZEi/ELysq5QgtgFVxopgVHa0KcHqCpUDPiGL4Sd6ZeW4AvBAfY\nhAqXcS7s2nxFID4cytB9OzRw+Ub0vvNKrTSvMlgtsB4i35xPqDe4tbnnDjC1\nI7QcogNjvXxSeaO8rEGJ2SicfGqBHRBfIB8TKQdYJRt5q2HjBapm2jxMLeBY\nZCyzROhfsppLQDXyTw8yt+Mn4dR8gDyjYuQnDJiDGseGvPldT+kRf8wrk7cU\nOsyDGriUvvcCMQyYs3hn8SsneHdYrh9PH9uaNWK+dEEDjw+U39XOWeYDFiUC\nCKEB\r\n=lJPa\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.4951e7651.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.4951e7651.0_1595468961041_0.45246705040391344","host":"s3://npm-registry-packages"}},"8.0.0-canary.75deebbef.0":{"name":"@material/rtl","version":"8.0.0-canary.75deebbef.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e37edf0ecac8b287d0ede0c4be21ba1435d08365","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.75deebbef.0.tgz","fileCount":13,"integrity":"sha512-Q/OtJOphOn9YhtcY/vgMJ/4XLfe3rOCOlDFZyP7HtuKD3SiIqHhYX2Q3XYm92F+yLdU7JDfsRQ8RxgtsWqzSOA==","signatures":[{"sig":"MEUCIG650Rqe9lf3wM5zFvebOZfr0Y/bSUSxNEPLbY+ECf/TAiEAzLbVH1cHz0UxwWZyRwlfvSR32qSmQHCYfn1hPCqah5s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGczECRA9TVsSAnZWagAA2TAP/0i0HWLdXyUH59DzBRR/\nBv9vA4Wd5n7MA2d/j7n8FWqvOUMJnSVvg0CFIWDPWykpSBNne7Wbs4qNIC92\nc+wvpqzQiDXX/tSEltQfSofpAxvVsPV+BkNr+bQW0mA4Fxa91ydxKjPcpvBe\nWXOn7iP9nRERHy1N7algrW/RUJCHtFSdqlHj0LwxoipZIn34715KPNOwdb1F\nEAGS+z9zw5Hrle28V3ToK6bregZkWYT1jBF96w0KADC8GJu8GhoTw+1CxVNr\nNctZNh0RjZEc9APhoSO3n9kvSKFfl9WuS8A+0aUWQ12ss8G8Ric4ok9ofFua\nQtP1iEtfcEOCz4RckhcnVinq6anKBl9jbZ4sMr4NsMubKJAzkdkkvf2zSvE8\nj0xBVt212+hsjRFtC6ImYwIVNdbDtJZ79oZRuCAq7Fz5ZdCDXZP9i5tq3fl+\nRch80372Iai6/OQBPqyorQBlONuerPA5c3XDELDa0o1C5v/a3w2SBWk0m15a\nKbn0IzRlC4bMGgw2xeYlfpCW8ADp6H3ELgxI5eONhdCy4V2mxiX4dEWUw7t2\nrLBsuCrooj0Xwx8AUZe23LcYLSUTxDoKnF/NMjwXn7lkbb/SNYUGKZnnjWcB\nyrAqv53Ku1pD2+B8sBZozgpwknNcKGVeEo6GporYYVj5TY/Gc+YkCvcopuAi\ntV1R\r\n=Rv51\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.75deebbef.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.75deebbef.0_1595526339394_0.2274893974117007","host":"s3://npm-registry-packages"}},"8.0.0-canary.95aff33ee.0":{"name":"@material/rtl","version":"8.0.0-canary.95aff33ee.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7bfc78c552a05a512aba8bcd25fd1bab1d0a7f7c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.95aff33ee.0.tgz","fileCount":13,"integrity":"sha512-kBZacXPo1IzH/2bYlcQOAxzNZtrFuD1iWyPc1ju9f2WCkikS0mDjwYksbsX18oRRQXIi+Bz45ZTNoabM5wF29Q==","signatures":[{"sig":"MEUCIQCOwJ8J1e75P8RhWkyJroQYDb6SPG9XUmCcpg0fCswfQQIgazo6nOlLsu1y1ttdvaJjSvZ528S1BrTXLHtblHT17pc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGdstCRA9TVsSAnZWagAAFHYP/AtKxhNFYUFIVu+gB15B\n7q0gNYIrU596nH+s+zj1Xj8Iw15fJKulrbWLT29MwZ3Hz3E9jGHUFZr1VCTO\n/tF3ndN5X4Y7HPTyPlbPa8I4I1a8budwVU6a2lGQTAycsab49u3beCo3qN0c\nY7sBfFwnAqBFnUSIr1Tq/hj9BFcj7jnS8kSvwKpgDSFrsweEtXFHFSFN3agN\nPg5p2ZyXhFl6wmAHWtAtayjYaL5ML/uOq2L69JL+0GC+b8OxGQPEeHBiHIoj\nYPWmXu91PhP6BFXPWxfVwAmV1/ifpisVGuL/8+quKLKBBRPGOvJgx0Lqv1UK\neU+cWhcg0442cflpodLHe2y8NCexFcLVOrhPQWgDaxyzg/xraZuZEtqRRJQP\nW/sAwYdEXN+fFVtxQkc70KB+cnB+nZSn1iI6m7levQHPFBFGKAnj35mWWaQg\nMcmgqaAC1pnMRl4TXd1JFjc7vzht8Jch5r6Yx+78lcPdiBy1Ic72PPqoFBt2\nfWgldCQbzXsLChtM0VZRb9/SZPlSdvXhlVDkPBd1XlSznZVAYV0sTZisbzjj\nB1oWQj9nl8w2yvnrK+GOwxm1j/RcMoQUphpsNR7+ZoSfxRBH1J2FnMXnrl2N\nvHMgww91H2EKUGGjunKXxF+t9atSIu0ZicS5whVkDRtaMzQK/j2xBMPM4bfF\nxMbA\r\n=T4Ap\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.95aff33ee.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.95aff33ee.0_1595530028570_0.5096602629839428","host":"s3://npm-registry-packages"}},"8.0.0-canary.9d9f47473.0":{"name":"@material/rtl","version":"8.0.0-canary.9d9f47473.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"05715ce99007b5fb607498b393585ce2c2f7cfa7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.9d9f47473.0.tgz","fileCount":13,"integrity":"sha512-nOzPl7lhRADMX+MYY/BOq5GFLHCVj0M4i+TG6Xtkdo30GwBdfePEw/45V53ZIlo6BOHdriJUVRs/YfRoaKV7og==","signatures":[{"sig":"MEUCIQCy23DIMKg0teOXnPiJadI1RI3PCaYEkpMkt57Wwmj7QgIgdB/is5IjJc9bpF0iqXKHaxUDsW27LWn50XJ+uXIvH68=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGevkCRA9TVsSAnZWagAA5EQP/i6b3CNrv0HdgdibwN7c\nKvIiC95LTykoMOsnw7UrQi1j/2xVZDYqYMWl23cX02Jrz0fUzDglHeLGswNd\nvoSU3F8cUcyH6o2I14IGcdnq96cQ8ae1v946qHRWu5nf0pk048IgMg1uhjfv\nvSkN9tWPSnghGZtaLSBgTsxpnzGNp/1REoOsZXUJL6f9Ltp2gwsxWTjDIK6/\nk3avd9/6TzSmOek7iSgUU3fLXrpRp2rD6I03D5Yck5vXuNjSIQGc8T9bSGGR\nQ9SHMsKJVadCfnuKiYZKflYfWFb8do4cUgeWvGGy8ptt6V3yjwJITmgGP4uh\nbi9DY7+krFfXtAgQGeyZperwQp1WzGgCx1F6xTw0yhy/L6S+E8o6XF2zUrkr\nc8eAmMlu/5i3KHPMKLm9fI/fVIrlkpAfK/+zBmNiGm/6mkXn3Be5Z2CaC0nb\nLrDq+MCDnwDg74lKDtN7jV88w25Mmo3/+zF8fMkc3oFBhOAipRLd29yh2NzH\na/Mw3zNwnEyVGp1fBxmJg5LtJhuTXWCCMxkFnfOTXiPe+qFzWdNbOHOzZRRi\nuKlCrgu/uxLyE8aVtHhcEXR6QLaEiUOrLl5VY5r/aSuniXM2fONq9q6bOkWl\nlakaiQG3MGGgF5mmpblgsyyGVf7JU+H4l8vFCBFQF9UqmfVW6ZOueGPNI7FS\n4vD4\r\n=c8/Z\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.9d9f47473.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.9d9f47473.0_1595534307664_0.5865443764989215","host":"s3://npm-registry-packages"}},"8.0.0-canary.00dfbf6be.0":{"name":"@material/rtl","version":"8.0.0-canary.00dfbf6be.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"99a2acb2f00773f8ff11c42e8c3879e64f7666b4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.00dfbf6be.0.tgz","fileCount":13,"integrity":"sha512-Di8U9D+YK4d+xnjJPc93vIdbU8SJg/5XBvLrzouu5VWlDieiOMWd5gBh2mr3jIPmnrCwzkiGRG7NEVmk1gQMkA==","signatures":[{"sig":"MEUCIQDSzcxWatwVnAAbOHSpBVRhrFTccArJ5Q9aaffxZl3ISQIgYqEdAc0QVhs+cSs+3lxjiCKWfPuDMbvwqhg9RkmH4ms=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGfolCRA9TVsSAnZWagAAQIwP/0A9Af0vEBubl2LAPiVs\n+E4jdvr5+xftZJCvl/r+aAIVKBaCC7aLQq4ZnpCrtkzK7ko18gpBepF7adlG\nB1IFqjbfNTb71RgDeagc75vSGR629RM/a/f3q8siXFA/hGYzQXQZif5K/Ymf\n2/q24m0C1NetknYexjrCnOxtbO+9THQBQv96oyU0d1sAeEijbzuhJ681/DJb\n/+SnxrUTrn56UBGJKtXGaA1h6M33naNjmZv2+PZNsYDXG5iFEPzsRtZns3Fz\nO2tAhc2H4gvlkSZB7pOKBUjx6W5Xy6JfGiCab9OSts3jmZ/F3t5clkojqAmq\nyEEBE4TJZJaKC1vgl6o2hjz8gPPr8TCUeudvr06TloKCKxqPLolizRikxF3v\nnUjy97O44DevegV2zYjzhRQ0Oyzg76eGUTTsEiy550RkyWVUF4EUyFyychLI\niHKCeOI06YGNDwbPQufmDrd6ULylFE9S3TsSb8UveuyjIhpoYWAZW7k5Gs7D\n1XzF+iZJQLap5BiVz7bHXwErLwcY4hVc1Xze+m/+TTCpfz5EaBC0jbLIbIJw\nk0z9KxXbXmTu/G9xde3Uf7ywPngAH4/bbvjDxTBPxdh129iSBSFTutiEMSNw\ngQiDZ9VZn8OgcFkEdPiD6QNl2KZNklWcymYJsJrjM9AeMCZfTsDSWJjf2PQ1\ngKTh\r\n=RMRh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.00dfbf6be.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.00dfbf6be.0_1595537956822_0.6132555078072142","host":"s3://npm-registry-packages"}},"8.0.0-canary.b87e522d2.0":{"name":"@material/rtl","version":"8.0.0-canary.b87e522d2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4d7fd8fd7c1c4660bd8c64f9cff7a81d194af313","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.b87e522d2.0.tgz","fileCount":13,"integrity":"sha512-qrbYrBCXbEG9cYoYFw3umuQ44XbysuERlZ3v4DHesOF4JDm37s4zJupn/n1f9rKGNTJ+SWPg7fPRY8dXpOTt/A==","signatures":[{"sig":"MEUCIQDfm3IFtTRTCbqqHgykT6ybfYg49AzMHS/sPCiC93rtYgIgT6nTl8PKOniSfxDpTGQ+7NzXVedYygjlKi0z0iIIidA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGf/OCRA9TVsSAnZWagAAf1gQAJ0yDj0PQpzVDW8Hjt0B\nIQe0WHpOcXlQmS15NVwnZJzfysIQWJe48SxI6AbUVrpDe1f2+uY8Jpt0bj1s\nfQXSDhSCTljF9JVnWGr2DD4tg+RnXJ2w3Nj4ml4C460QjNksY1a7rDY1h6zC\nlscBO/BtKYXfiNRm9stdOtE/FFmNr+YU9GYQ9R3O0HTTUwuMbK+WALTAcUV+\nSZ830FHgF9QwdYT2lmiQhXPhOxJxExz2ZnizcBU8MEWav7iIpS7PxA0BSign\nh7Bj0IJlQriTiatTkFkCczd/p8jH7lBT+3qYJDC61VMMTf+3oZikzTeyJTve\nXXSFo+6Tjq2pw1upE4LWbK4ziNB+mwIBz3zB9fPRw1v9qojNdJXx15Dib/aS\nJEriyubs0fAQE+JFGFZ5q+aqIVfMw37Feu7cEgYKG7mGTJud6C5f9bveHbrf\nPcmKXomwysjuwjKbJKqK27HZMdFt7e0hxP/CzZNC5xy+b/co36XSrC3AFgiB\nZj4RYOo3EccaMDuMabbjJwsFt9iyms3vQ9J6llIMIpy4mU/m+Z+vN2TyUxHb\nPjzLIcqUvfmcoIWENFxVVxQy+lpfjkOtfJ1G6FtqFtgADeA+MbknxAEYbAZC\nDBycm3zOHKFZwxYrfCH1ed3m2yuvr7CX8Tu55zHIdwBiJbZmEIorNxd3JkxS\n6CHz\r\n=laGy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.b87e522d2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.b87e522d2.0_1595539406251_0.7920340851572734","host":"s3://npm-registry-packages"}},"8.0.0-canary.5b3e150e5.0":{"name":"@material/rtl","version":"8.0.0-canary.5b3e150e5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"dd8d7336cb249e1ad3d90c21e3e920c6db39de5b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.5b3e150e5.0.tgz","fileCount":13,"integrity":"sha512-9AZ0FuqXbqWeQplbAgYa1+7H7VTcv0t/x6p51c7cT9sNj5pW5j4WwW2M1fCsqQ35zkAl1XZYmFS5QjzoVkef+Q==","signatures":[{"sig":"MEQCIEZyWZxaqFV+qPWybWDqQ7ce/+5kuArzL+AkooNUfGlAAiAeiKXzx1i8LVtCPrUO0E5hOWbsP2CPVpIaiRHT4AIQ8w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGjgiCRA9TVsSAnZWagAA3uMQAIUc8ZfpQhm7Qp7JMZP2\n2IOwDHKE9DvJacAA2k1VBG326PNCztAXEFtNSAM77noXgjBVuuqMXFWE5oaC\nxSaUyfCUy7AIaxjMSWbFptUFM+pf5xbzmjzOivAjPA3POj9/vg4kYPOB2e+v\nBYOe6XRjEIdJ+f458j8tL80QmeW5rircNLH5FrNXso6oc/hj0ohcRtRIGvUb\n05+cFms3LqhO9VpKko1yHt8ksw0ZSCUmM+/6KdQELk3VMSLdv8Fy8fCmvMcL\noQmvH8aXh7E5Zj3yVu5k3yVaveX2BImdOgqizfvCFNlvGYTbgtDmzrHJBeoU\n31Gyjf76kDkju/Ec1iuwZ5xoG0W7t22Y6t9HLv/+rWXmhP/uPnIT0fDDtzk2\nFWi/RwkAceeT/9fMTMUfxtfGqrt4g51wOtSfHYaN+W/LTpBANxYqkyI0DpDv\nLqT+lOUFUQk2BtEoUQUySi4d3G9d8wogQD1aXY86MdRfcPWPjuQjZrct3JWq\ndEJM8jMJd97Y2F975tykahM/ybFKOPrgVPflw/DSc6Xv8mS84a0e3uS0imEj\n5zEdqwe5I1yBmuZzNbitxhQ0aYClZJAEQpk46uKRj6Nqudp3fw2+Z5dJunJJ\nXagVgMLK5xieRwXY0wNco/UsoKBREaBqBJcNF3vJFeIV2Q4WENOsciYKRbq9\nlaLr\r\n=7h0t\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.5b3e150e5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.5b3e150e5.0_1595553825490_0.7695810176199658","host":"s3://npm-registry-packages"}},"8.0.0-canary.f0ae11786.0":{"name":"@material/rtl","version":"8.0.0-canary.f0ae11786.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4e2046a28c84e839f4f6ab0ab09567b9623434bf","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.f0ae11786.0.tgz","fileCount":13,"integrity":"sha512-1jzjYJvIr2DZuHEdsDVqjjmMLUnNa2TM0ThT2RI5BJ41KPS4gJtDLk0yb5e7FQgEd1TwOCkMi+IGbdkMI+cmig==","signatures":[{"sig":"MEYCIQCqXewW9AysGNihl6Xsd5ihbkfyEjOpK5Cap/t+VEWTbgIhAJlsnbIL+vGSYJlEy19JdiT4UZc5KpFGUyh/MnQM6TRn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGjy7CRA9TVsSAnZWagAAq8cP/Ra2grk1e2Yl7Ud5/t2Q\ny2EEU6aeuwtjkl1bO8FWbLSb+FSZcFUqp8Iny9Ht9To7obux0bpE9hjl8bEj\nK3WNuYXsWj9L8vR/uVzH366xqsOLv0TBShFWFOHhodno3FEgrUiisD+05ZSR\n3vjHG9Xql4CAZVCraeS6ddExKBcaxS5QhdX/nC+ga9Gl4BcaRnBjNUunzYUA\ne+Dv7vauiI1qXiUkkb1ENt8x2pcwExVgZWJc/zIYRA9IRQQhSNbrvihmZViE\nEtFwPKiMrxC3nJg6q4cREOueWVcJmBTYHe56cifYKcIQM1MQxREhZuWpNMjZ\nNjoL/6Tn9T+g3kSYti6FS/2Zx7L4J8r905oX49oCaV5K5PzewhqP0YjQhlJL\nWAQfWGw9ZQ4FxIpATPGZdaEzi5XbqPEQMEwP16ssJIHtxclaBbYykB6h18b7\nDzJcO2/KLZiPWL4oznhnEiawuYzwADDlqYxFy+84l0DS8LWAVJggeqnJZXa5\ny6h651OStg6gM9R/XrcatuQjgED2Z53zFf0j+IsbZCp02bDp9eaSU2Jp/CUF\nk3I6KUc+njtk17TJa69JHdtsR0GMr8F0ll6MOISCXwBZNi88gJIQh5YDp0lA\nBD+o4WZ2/3yL3YQmr/K+XH7ChmaRF0xtoDs7OwH1LCPAjh4yrR3uBZEwbeX3\nl54v\r\n=dNOX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.f0ae11786.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.f0ae11786.0_1595555003324_0.09294837136010514","host":"s3://npm-registry-packages"}},"8.0.0-canary.fb4ee66c0.0":{"name":"@material/rtl","version":"8.0.0-canary.fb4ee66c0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"72b1cf43a9b48626f34486251f4179381761e046","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.fb4ee66c0.0.tgz","fileCount":13,"integrity":"sha512-GaQgBd8qlAPygHGbwVsg5NOZl+U1mfbaF9HogwrfvhkKyOjkVbfqcrs4tceWrg7vFBWm6jXCTWJnsfutGmpvxw==","signatures":[{"sig":"MEQCIDct28ju4gx+0qes4kzI5nOE+5l6EXqr3XDZcs6LBl2aAiBGeUUCjnZorXztDgxWhAKrYWpvvCk6fCiVXog6mp3HWA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGkMcCRA9TVsSAnZWagAAdnAP/iGQoEWFPDNleMeMu1CI\nuIE0QeWZNxT1Y5AM6uofGfgGYmrqBBKKIaGTnjU/mU4jQEZCiv+N0BqnEx/V\nNKIb0oKtI7XC4E7pqBX2ade4LLccmZZ8IHUHXgsfduKIjLXbFItWLpjAwxAf\nmxhP7qnYVU6psKJDpykpvpx3M0B8VCkr2t8jfk525+1v68t7D4ireNsc+iQc\n9ld/xK2SuEFaeiCDy+coj4bCX6zcbZ+C3YrP1Lf5sNQAQDrn2b6X3Ri9UTEV\ngWIczNA1phpEzrnkIBOhEWZsfuy6Bn0VGp7/BStrkOQPvURjcNbZRnSt4x3N\nOwjpNS1qmVN8k4Da7uoMFk3xpS3JEtF6LjgR3dwFiC+joRPRJMWpeznWtiSG\nkQRnTuo4KT/x/X1tJPMfw5LPJ76AoxQCC0qmrGiuAp34P0zb2H6BdwKFRQpU\n+fN66K9wLOnEIg5rp/7ktScGo3ATLt69SYfOy6//7yCxxiKA1Y4MqZSHSc8H\nHA7Vbia/ocEDJwpdtxxLYSWO9i6F+HsJ9YKZBG0HcyV8FREK/D7tSm2iM+9l\n0+o10gG8VDKTdFStx3gbR/dhFmQF0FGlkhzWkiFVU63RsG/il9VzseMjCBUr\nVyAuCArGT1UwLhPkgP6JQxGo8zMUNoWB+O3LR6bvAExi3M6u1AJUcQOjzPTw\n++Y6\r\n=WW4S\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.fb4ee66c0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.fb4ee66c0.0_1595556635517_0.6780951835575513","host":"s3://npm-registry-packages"}},"8.0.0-canary.5511e0aeb.0":{"name":"@material/rtl","version":"8.0.0-canary.5511e0aeb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a8e3ac13860aba150f261e91752039c89396b901","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.5511e0aeb.0.tgz","fileCount":13,"integrity":"sha512-dfc19HJ0uwsMCkwv9pJIF6YEJX1ThQ0X0AcSe2ZXidezZsC3bZ1uA05KhtOo2xv0J923GzHCuEmghW0dByDuag==","signatures":[{"sig":"MEYCIQDdAMbv489lgBOINFbaZ0dK7jMgX/06qsAANFYCQxQaRAIhALyH0gGVD6b3xh/nejg9lVqLPPTlf66QBuy2LTRp0uyr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGxLFCRA9TVsSAnZWagAAqcQP/3ck+3mLrDGjHixV8ifJ\nHcelGpMU2EBJfrbWKxayhTa1otZKF22B0fsclSkotIfmfJDkxzCGgoSZ7eNr\nLxqA+CJirgK0UUxJn6tuXNWKk75KArWhdCGYZe3TK5moG/rRhYOrYhmPpbdU\nkYAOIGPTKfuHrUGw0+DBlA9FPkezUb6MXmg6A5Lg8I5cxZAHjkK67+wQ5kc3\ncnNlaA4THjh10JKuc2QcXgQnvEDaFZ+r1Q+7HxClFN72L+lhBF/1DXDPDcNJ\nzAe/fmLzMma02iBMMV+4mtmBpog5GDsMRAfvbaRo+sit39xuNrzftHMP1GfE\nqRUsVoEmoYJdB7Zayenm72tHNFEiDSbJYwEwMxmWqE98Oj10mh0KyVCWMgAS\nlecokJTCOIHf4EOvzu6aPj1APfvDGWoHx5/GGRdo9JSKK5kxAxDFBHgJRtgB\n/7JpSKsPc4excWmzaDo8tRDItUtIelgBYBecD/getOYPTPMLPRe2vDqfFfzE\nymOztmFbh2Z6U1oUqFJgZCM8rYGsB34oeZG0D+ocq0i+KDN8G2Sb9QzJLVM9\nDRDkqODqVHO/SGLAECZDU6ziXPi1jygT/udz3T+XBgSkRhUcg4eKZikK1cZx\nZdMV9k9p4W0v30cYRo+nMu+ayWutdbR7ucahMGzIlMeX3vEqNBrMtinOdRj6\ni2dw\r\n=sKqd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.5511e0aeb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.5511e0aeb.0_1595609797188_0.20182403240509172","host":"s3://npm-registry-packages"}},"8.0.0-canary.8388a9bf6.0":{"name":"@material/rtl","version":"8.0.0-canary.8388a9bf6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b0d566e0f46fb2ab933056e8271b5b82b199671e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.8388a9bf6.0.tgz","fileCount":13,"integrity":"sha512-j9s3vUB3FHoyuCIsFNFc80SvFfso6K1RgHtBci2ZxwtsPYVJlM44EmQAPj+QJx6R4NyPMrl7xRkMc+3vVThRWg==","signatures":[{"sig":"MEUCIQCwMdJgPvQyivWwJ+34JL4KSPmNbdb+i9nc2/in8bkqWgIgUWgQcP8eJQfGsxcTgQ2aR9wjJmve6kT5GIwU2qSCVNA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfG0DKCRA9TVsSAnZWagAAgpYP/iWDQOhFq7QHv+MVuNmW\nqlzT7eUsiM/FapvEGlgDEz1AePoSh5bGCZwpOVhYEyszW/pKOg4WU7EJa1cD\nMflO2aXaUMlVlUjsa0FD2STBhNv7zV1vhXZdUUPRAOjikJLP2Mdbz4o5XCDn\naxh24Z2sej1bgq3ZEtf6CMCvEfiC899ZI8aWbgy3MZDiHW9QvPT4sKwP52YN\nysPorXJLZcNsx6v2M/lk5uBFuF9jPkjju4+dksQ5CW8+bDxAwuUMKt7Fy5Cz\nhzPKlPbcpy9kSxBC5rUVWJC8Jfj8YZ+Bzykk+w5lOL+fgMWmYnqdZw4AR0zU\nS1BbWpigYiLrLzgvAYTvs4UirmKSzmAI+kAJoOG+L4X9E1XJ+aEk66jBgxXa\nK9Gp9CvvPUYNlJc5DOdtvLNPBFyjst0wDKRoheZxqGbouha7qOrevP7MmPuv\nQ7/nfkKVT8zzD5+gcMjmtNqH6MLW3jSAJDGh20WTQKWU8jqdJR4BeDyPCkpt\nsBJSej/PU7fk/F2UqUrvaoscC5jdWBU+tAlcVVaPGw62T8tzTYJTp8wvoPlp\nGKXqO9aShOeqJrN6naRvXD3eeVQPR/x5w9RLuYaKESsrJQAtgfrrRg/HGvw+\nFBGyV/ppTGS+MGQeD787MQvkgXxNpNNWnENAk0rwedDwvsYfbL0fr2aTeNaD\npvvt\r\n=rvNS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.8388a9bf6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.8388a9bf6.0_1595621577642_0.037447909080138286","host":"s3://npm-registry-packages"}},"8.0.0-canary.ac405eae1.0":{"name":"@material/rtl","version":"8.0.0-canary.ac405eae1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a745630b82b2b2172f8a902c347eaf1ad2fe26e7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.ac405eae1.0.tgz","fileCount":13,"integrity":"sha512-KTuCJpntYC/dVTlVwTYTGPy3qw54EuPiBkvS0xnufhpAQcuxiHtlT1HnAd1miUY4Jik/dcZ8Ro46knbpWkR7sQ==","signatures":[{"sig":"MEUCIFxAj1BYalxau8J52nSSBEwk3leJnjIi7tHD+MK2SckMAiEAyl3jCO3AN6HA48A4MupFHsncGfTt5sUm+8HzQ3ejBcY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHu1kCRA9TVsSAnZWagAABBcP/jMGFvUSZ5420r8GYOeV\ncEG4c9obIMqslpgJPIbwpEttWCGaPCBTKsdfHw8m97gJIrIMi21U2wMuokwV\nvEzgezjZ5zO5uHuY1kjqpYLKluOAsIjqJCAPRq7EEE80WuPgkx66jXQ4gMMJ\nLNYO/NgJFXVrJh81JqTf9JREm+mE9B3I1X4uBTqRp172mCqByfDz7Idc7wAK\nyaqun+eMZ8sxFZFZNQsU3317vkEW5IfHfv0kwIW1QURX2zF7GWX6FBWWBSfA\nYIdd2y/MGgJT8dn52ZCz3Pb0cVW+GAM/zqINO2VNXqHKXIhf3OG2JkEInp3C\nqO18t+p0EPCRY4iKn1lTNyQvqETziQyAp1c8d0R3OquanfwV5pUzVhtCkaMb\nq+NNC4PvXHZNEYI3+fAGNasrN9kTiZnlh5IqUK3EGsXdp6x9d49UH0tNiVQD\nNpF/vk6GyTE/kg8L17Ta3xezhdRVGVd5wLbllFxCfn9pROdVJusycw8tGSiK\n45qk7KFKYNJx34kKELGAm70b0KaFHo9sML/fUYLaB8vJ/7LdZ4bU4XEcZRz+\nAUIxwZ4QxNeAzl07SqhWyJ0L1tKAMf+0hD/8uO0Jq4VoGimOQgIgf/ZUjghV\n1FMHkgEZFiWAJmA1zbmlTgfRPBGoChsSYqy6kV49p7MuictS0s0jIBMWvPxV\nUBDX\r\n=/+DE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.ac405eae1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.ac405eae1.0_1595862372323_0.10746303278185199","host":"s3://npm-registry-packages"}},"8.0.0-canary.75553837c.0":{"name":"@material/rtl","version":"8.0.0-canary.75553837c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9dc2f85123b8427b69a68df5cce9d5d6fb8ede23","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.75553837c.0.tgz","fileCount":13,"integrity":"sha512-XtvIKF1PXmbIaksQOA82/4Ne61JEgTgbgx1BWhK5szCdUGPsvew/iJ+JZC7dTE5KjcIZJmqwrTIdzOv8PBadMQ==","signatures":[{"sig":"MEUCIQCUZ47AVoPpDsUPrG45kpqnt/Lscg1RTrRWuHlw5z7KfgIgWz3Jw1vzdPb4xXzt8SGrPuTpgOkD3XMQ+tUGrNdYLCk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHu7HCRA9TVsSAnZWagAAMvgP/R/A19a2JtL8hadwMP9Y\nile2dkwGJAE7XY/437Y/rbqbAx8PAKst9MJB0feJFWCnncKhWT/heXOShKum\nHOE01R4CjP3UUWbP/4Fd2ZuhNKeMXaf3gQZRHok+SIq7RmZyVjH5Klb0iCZt\nutH2CK1D2yQebOEmsWQYekLc2qqlFWhrVkGKlp2D3lETzcRQyTyCknhfNrXp\nPg6xQ2OAKHKQDQ8LD/syfU0lwu+EpqHPzNmKHPBYHONeYAygCwRWExedzGrX\nCOSArIewTdpojmb893CCtmQaelsxCIwja3zFPbyWekUeJIwpNkV4vg2uXxpt\ngrlerBTGAW9HlKzGpEuoxOCIoTfozCvHRnDfBJm+YU/PyGae94F/KKkStWNc\nyGdsbSQE8PQDBON388/YHUrfvjkQgFNrRaVE37pQZ8GOv3vsvYG25tsJH/5G\nZGBeUz2s/WiLb52Xd8fTm8ZNtnF11rS7ZsYlrLPqmvUeI/pSZFdlDDdaiWuj\nNKLMdTlme3QXoR8GFBUoTxslda+Ej2xTeYLLrrNusII34xgInUWo+vjfxtFO\nUuUp/wjtpww5gHqiETAlP7vfPNmzmw1k3YreDTItdHst0eQaZNeW8MEw9kri\nPJAM/KQGn4Fn7Tk5sCZNK74SeQLObrb01VcMA81U0ugikH3eRyvUcmpTSaZp\nX0xf\r\n=VThI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.75553837c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.75553837c.0_1595862726522_0.7059492835088645","host":"s3://npm-registry-packages"}},"8.0.0-canary.b96fbfc7a.0":{"name":"@material/rtl","version":"8.0.0-canary.b96fbfc7a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e8182e031979779109a915a96342db41075ac1b9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.b96fbfc7a.0.tgz","fileCount":13,"integrity":"sha512-UpGIkwAHlHI9zcLhGdqNrZkp1i20CHyQBdQ9iAnLajKW0UILlJwod1siGzaEuIcurbh0ka4VnQLX6uOJCgfS+Q==","signatures":[{"sig":"MEQCIC4tjJGVH5/ur4+DxAP+1i0M01pEHjOFfujcp818ZOvFAiAbzD0Ic5RkhCmKWPACwKbSqsDzpPGR6aacYFHAt76mIg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHvTHCRA9TVsSAnZWagAA1lAP/33R/xcCgovVO3VtLi2R\nlSHsnENdJHUt7AmvnwjIIqkxvp7vsMQ8ms4WtwOnTpZ65hEmY5KtTxSjZDJm\nutXs6Qs+r+GJ+2K9aEG/WZNqwFTz+NmhZ0/aisLIcya7OFIzw6Ca2xBxn2XU\na7PhWloVLJMT5WUr6+QpjN2ZJ1HkUx9TgcN+YysEBy9piv9ORLb8GLbI2Ldm\nud8jYes5dxMGKKMvn+iqCsbAvyfxobq8MceO6yQJQORgB9vHVKZh5sWqT9pi\npLy7h7e5HWh70OZXze+AmovDrMPXOCXVtORCYhRv8R4t9fmz+LqCXGZ4PmI9\nbv2l7x4w6JeHm57rBMWE3g4UYCWzf/bm/TYuiGlUX8TYSiaopTTU0Jyq4svL\n+xS15Ku6IpaKU9EeZV0ajofiCO43udhX41TzArBdL4O+O8hpMMMqBNJWBOMn\nXQRPQ3zYliv+fmhLtUhGKQL0pxGztWu6pU8eMl0+4CqPUFYTpfzCWPLCYOnw\ncWP365hByG0G0TK1FTpB5i6negmBZvxzc6fI/KGS0S7+UhU4IK8xiAO2+Zef\np+2r7jFHnSZZspN81cIS7HJgEbERHOJVDfN5m/fTiqm1ab9qFgJmxnBAHPPN\nqbGlo4FHrEw1N1y5ufSJHOx/j69XVtevqIXRVwgAz0Gr6QuARk+ZelXaPvJc\nwq5r\r\n=/kSN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.b96fbfc7a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.b96fbfc7a.0_1595864263373_0.6547513442933703","host":"s3://npm-registry-packages"}},"8.0.0-canary.61f1a8d85.0":{"name":"@material/rtl","version":"8.0.0-canary.61f1a8d85.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a40d01597a648c19c82e4091ea697cfccc787331","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.61f1a8d85.0.tgz","fileCount":13,"integrity":"sha512-N8++m5S07D+4QI8v7nL1tpH633w42KNzDSH8ppy2yKcr9jE95YdCTL1hR4HitGVws3w2K8q2/k9fY5UxlBA6EQ==","signatures":[{"sig":"MEYCIQCjYgFcx9mRx5iCy6IQSjcszFOikK3M6z2x5vSW2afp4gIhAKq3wb56aWpBBbaIZHTyYakR8bjHJBh78RfXTPyKpokk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHvbrCRA9TVsSAnZWagAAgcsP/1Gp/VbgMUIW8PMbcqER\nsv664m4zt3oo7D80+M8mmJ89cIR2MztokuMvlC18qepJhku4yYYfMKVHVd/e\nC38oQvFVbzqe5vH/gVs9U3ab6q6TV2JVMlEu0sgtigOsYPrcVi7SZNogaMPE\ni1v+uf4Wta906Up8/KDd032ObuLL7cmf9eAp41s3jwhQIv+womaTjvx9CUhY\nf/TE8EyFuWlyeEuoiDHcjLBdcs78ZeoAnN21scwGNJRlwF8GNZ8372LQv7iz\nW6t+/hHBlXy8siuwe8TK5EIkky8dtcx7Tz11TDNt2JFEtIpHXHdEOIDuntwt\nB8YVjum3IRJDk00oALEAf9jOhVYD+nMYrsiOMH9K7zXLsEKnN3snn3AtfZF+\ndagc9fofJzKD0K4QxoF35OxBKjszUXhpHXpkMX5b1HN0diipzsC7OA4cHao6\nTn7lWSpyZ/ur8QfAbmYIYWZ1yc5V4tc00zrS4Pq/P04cJw3DPtl3YnDp5aS3\nPXrRkYQ/deRIevuSYeBSskwLnaTxB8mJYpR+gaGPPq0V76SnvI9PF1F1j5Bd\niRyLX1EvfZNftkRCS0zFuHRHo6kMvZb9NiWFRkrCEM1UaNNSwNL977a9NJFN\nj8WMNe5PN/7nnFHOtp8Ymo2Qwk0UHWKzPBsh+EadZtCbtBqLWK7dJHqgGeXV\n8FHo\r\n=SYl1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.61f1a8d85.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.61f1a8d85.0_1595864810531_0.640173590899586","host":"s3://npm-registry-packages"}},"8.0.0-canary.81dc33377.0":{"name":"@material/rtl","version":"8.0.0-canary.81dc33377.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d3773922fbee32d2924c3b06ab774916fb09a11d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.81dc33377.0.tgz","fileCount":13,"integrity":"sha512-GJUaSshYdAO6SROXshkSP3snFc2NS1KZ9WaDEnCvedrLE9fprDp9oK4jIFYKiZwKK9lEqX8JCn5zyLjGeuCJcg==","signatures":[{"sig":"MEQCIGfHZYswHEY/0SOBX2enNOHtdY43BjPQLR65oYN61ZSJAiBRCVq6n0dHWskSJC3WV8MWA65rsxEDJjomjYTQkYxWDQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHvnACRA9TVsSAnZWagAAHXIP/1V6qh/IUdt2WBzIClRJ\nhN3k5tlmE1a1qSVddxqspBsgx5KSYVYIgbCDjeLTHSl0gHLaHthU8eVzwW4R\nT9M8UR2sXngI60e5HquGsWFJgxf2Q4VSfyEO/EjmbfYvyRbJanqko5maCvAq\n95TczYN1ElUQsbOcwfJVV7o6g7AGIN8vqE9oRvy+1hBEYJSjylTOHw8Mu7vA\nGHbwoSwlzOUALqYFw3BJSt4ltVpG2/HbsDK6wB/gpZYb0UjdSBil+YFSsXNY\njZiTpRfWMS5MZcAa/UisC3H+HfsX5fmw9qf/17I2VSZtWy2dLIl0moHt+qK7\n6zfYh1o4uH2ja9vJcOc7EBT6gb/RpP+xh/s+hFN3oP1W7sX6M2H1q990G+n+\nr0m0pYZZXJjGZUrPJTwhFywEwxE5idT/r+9XL9azaKXzdXsFAaVDKL0f48Vh\nXV1IwtPAGbE542Rre5tYIsu0jLC9RJow4mvV/PBVjc6IOAhuGMRiPw9oW1VR\n/Igf+qPdplSzDsy2lX8v0s6zDXe5c3nRm4LyjElyS2UOnkB3GRvk9T5S2HvW\n4esuSrryp6ZICErvWZL+6wWUwl7yLSsyYtBGTAnt+a2cmDlDDHODH2TYlsHi\nV7bPL9d7J2Ptnb2qzCzE4BAwyjlzvyEBaWbAs7bkrUru7KWn0gcX/eP66nc9\nrxu7\r\n=AFYM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.81dc33377.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.81dc33377.0_1595865536292_0.3614091360781002","host":"s3://npm-registry-packages"}},"8.0.0-canary.ffd9ede58.0":{"name":"@material/rtl","version":"8.0.0-canary.ffd9ede58.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4a53ddadf0c3fd9603e414f9b0023c99d4bffad0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.ffd9ede58.0.tgz","fileCount":13,"integrity":"sha512-1SjCwc5NAu9ol/5hADnGQX4mg23qTVbh4vjwtUYm7/GIC+xMT9F7VyUbYGDsORsMp2tdAw1qbRygOjTN7pPKzQ==","signatures":[{"sig":"MEUCIQDZchrVweglLNuzDfBh6AQv0wX0Kg8/JZVEp7kRz/6M1AIgRwQz9yTy31qQSf3KMH6ee7Uv7XdV/ED2ATblfaaL8Yc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHwGJCRA9TVsSAnZWagAABmoP/jHXseZwfAZp+XqDdYBu\n1k8arugRhNE795mU0Y7M6N17HZ8b9ZY2U5/0HvEFxC0GXvdN26NSWo/mPzAk\n2bvO3yo+UOHl7W52RgQEj6P2yC5zA4MlD0Be/gKtm60vFU3EiQY5hG5mzVcm\nXuZYADuYOrHyXbeSQTfN1h7sVnmEAFX7vuxIUQSAKdqsQcpvRRJj4Nrf8YIz\n3mBjP4aZTraQ6UE+o2fB55eRa8GjAQbXRbzUQC3g7P7OkygUo6ycLOYkQlt5\nNLS1kL2BhWBVxD7xj4+wNP9jcAScE9kS6V30Xei1TkB2O4ayL+t4lD9guCD2\nsilpfIfokKAgeQnAWVlxZoWQ2dPRvl+al6mkpXeLi0ESobrtaRRhG58ciHcq\nDWcoE8IEOqprSP7Q7l8bbqXpEGpGrw2HHSgrUyfc76/oZ1Dptl2lpM49m9Hx\njIjNm+nnbpKbGEfuqcH6vCwGN5jxk9Yc/wP5tvqgtPoG3Zp/0/R+jG+fAY2z\njM5Jx1JwUke1nd4Ov+ubY8wxq8B5EtfuzQN5Yva7HGmN6zOOgQfKtn84PKKM\nUABISwqFyFPibbWSGj21PAvH6F1t61+RJ16ypvcu/RGCA9n3RXcRbkm2GF6m\naMG5Bkgn9ogi5QweXheKA68j/U9rRZieeoQIJ9BTEolYG/KApDuCK1/R8Z/A\nY1DR\r\n=mKhB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.ffd9ede58.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.ffd9ede58.0_1595867529041_0.04073109418208931","host":"s3://npm-registry-packages"}},"8.0.0-canary.52dc55acf.0":{"name":"@material/rtl","version":"8.0.0-canary.52dc55acf.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a389eb63749cd7be51fd9f46351faee7f500b288","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.52dc55acf.0.tgz","fileCount":13,"integrity":"sha512-m3AgxBos2zR2lGc9beJX2GGbawUUgoa7DDgTJqyxLGzdngdr58OrmXLZlO/M9XZpDZgY/X6nMJHUCmjZYssVYw==","signatures":[{"sig":"MEYCIQCvsP9KLkZMqENb5CleYzCnV4+6sGaAYORL+lKRUX8HTQIhAJpiAUeekiVleJosKZWZNYkTnPjHtfunxg8Etmyfs8tD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHwoDCRA9TVsSAnZWagAAUTwP/3T9fxKvHU57vUqBBLvq\nO/ABY/ivhIxStfEPc+jzdsguwOqTT4yD2RwIpPPn46CAWvGuzKZIINMB3ZHR\nAzisL3wBUjavaxP7OmjI78c5mKDP5Atrr7RjkcsmDKpQ/W+gCE5mSNgEJSDC\nDeYhE3UixpWsvqL3K3dl16JxiRy3K5fg9ZnwzWkhDaTg8D47oc/YnGHLREBf\nJnCgl5hYswVPOdwn/XnRQFLcZq+WJXF6Enyl8CBylwXOu21X1mq+q5KHvhxE\nW39JleNtQUcSVdWAIdXeYPlrlZPuiJPsDZEgug8B808Qo32ZIE7yX6eYTHXm\niz01wQ/5osBvj2M7iKnS40ss7eqSt0zxL24w0Vn/KGog8MEEaNsXFlucPWyV\nnyGQT60QowAXJoQ8KDPBz2GP/YADwSylugiAX/6QG5YCc7Fc4izrsIOmUZsd\nS01hz6eEytKdXEN3ADGjM8idz26UZlCyitYfOaF//zLa248psM3dywS5qyQZ\np1XDzMBjVT4I5nuTJ1xVcwcNR2qYgVedV46+XQgxT8eNx1y5b+OMCpvMfvOo\nXwJcuNGs3ZCmA7NZkSL0uCTrY8QcBfAWJo2N6YVscCQn+xLzHggN37U71G5V\nFlk6kBhRSVfVnNZNloWs5kpswk78qu7rcSqJkE9AmtV+SJmNc3BgOb8koSbP\n8GWd\r\n=nNPp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.52dc55acf.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.52dc55acf.0_1595869699387_0.42595991135122246","host":"s3://npm-registry-packages"}},"8.0.0-canary.d4274ff05.0":{"name":"@material/rtl","version":"8.0.0-canary.d4274ff05.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f28a87c60beb7343e5d2aa5df3000701c32c3a38","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.d4274ff05.0.tgz","fileCount":13,"integrity":"sha512-tcZJJlKZQiOlpsHvqAHgiOFUQHVsmV6q3czIEBDCxR5Kx5L73eCLa/xCwepM4pnR7QmhhBSHXBypdebJcBkH4Q==","signatures":[{"sig":"MEUCIQDDYeJ0rNtgZVnrmls81BZaqyjcuUYmh6OdOGcVh/eYAAIgA1c8fdecAt2PLCjJ96fqSmMnR4a/O94dVHZkr2SRYBk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHzALCRA9TVsSAnZWagAA2lUP/0c9wCvdRnGJzkq9ZDLy\nDtuULAfkyhM5tbBA+UEWsm1Ol3GGEU9BArwR/Hle7wlTIwMFsEtd7pHG8Oi6\nswzv1EkuD2rywS7hBx6a9CXMCpLpy2YnOEOzoFmohCKvGdFCJNUYvdLqCBm/\nWcqBGmUT/6LeRV+6squFT1O6J+ctLTCwDEtuN5bYU3GDoAmwzuY4lk+Bg4vB\n3kZa4+TfGkD/LacgXsdzUHoe+0aVIG/cP1sWMw54EozX8wO+L7yCFGiVHQwM\nt2i+jBDsCAMtfH3Od79a9QCxZrVOyRjo9e7ykwHzLiBQkv3nYJ+U40jmiGBa\nYNvqlg7g1woA+kPkbeJrmY4D0i3JGaFUHyXPkWtZmZC5MXuEOo2+Zpc5f4fg\nMwXCOKMXQiEp8ztW/dW8IUO3LZSRJ2yf9hQoPRZDI25TYiCSpQEOTLIEEua5\nqvUa5yu7ywjaL6x2EKQcJ/mx7zzsiEVRomnT3eifbg+p6nyEvQNvXhALZYr3\nXjR1ibVDOKc/2F8a0eNIQXb2lvEBssMLZu6paiILERazN2CCiQgApa4CXtKj\nJr1wko6E8CPA58g4EYpJBGQLyGJRlbC/TeL4/yNLIXOD7KLvt0HxYETd73wn\niZUeZybIFOC0KsC5/UyQoW3Y5xjN2ejuuAV/DnOwVuVGmNt05s9cJS4qe8+n\nJbTZ\r\n=apMq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.d4274ff05.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.d4274ff05.0_1595879434776_0.5905206671828054","host":"s3://npm-registry-packages"}},"8.0.0-canary.b82d0696d.0":{"name":"@material/rtl","version":"8.0.0-canary.b82d0696d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7bf04440eaec3bd41e706a06c78f5ff1fd7c52bb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.b82d0696d.0.tgz","fileCount":13,"integrity":"sha512-PZ5svZf1MhWdJym6OAmYURURpk8HC14rvcf6D0NU6cv4A1v9ktLf65oZLco162rxaa1uUYeL2uTIdYQcaSJuzg==","signatures":[{"sig":"MEUCIBjVnAg84+NqenDfceWpDfATOyO8anMcXTgIcBuq9BOZAiEAqObwptAs2xjgfC2WkrfoGXd50OOneQ8wN3CssWVF/G0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHzG8CRA9TVsSAnZWagAAxvUQAJizMrOTPOaohKNJjRBZ\nSx1gNXzpRNtYWXt0kvlmCvye5qYtbotO5c1U3aBHcoRNcSIg48rMUDAXiso7\nnEs1LYch3GcyyTv2S7Y4lHRUMXMDjmk8PPW/jeT75rqt4uLUiqHgtyrYIM50\nIyyk2mxZ6C7rV4TQ7qJop4Q5OxP0Ss5gKeOsh3twDYZBqtXFOrn5/X/J14kF\nFdARPvvYIPOOU1/JnVebrxWXKVXjaEk9uZaoK2OiXWgpsU5vxRY2qfmB6yxA\nV3DXHvNDkc3Qpw1GnWkIyFcAEbn97tuU7cX/21IDnyJNL4vyYtw77MLYcAqf\nATn/GfShuKS6EdwLPywfINMBaVcraGGpY92sSLSkPp8qEo79yzrPlXvRTNvU\nAyEQGC7gyXQa2smrDtQkZUyDrCEPZ3wbLDyAKHqKJIPsiTh/oOsOjZFvNv2Q\n4x542XnV553r/drBKexwyJ6/ay8OurkWNyPqkHql3MAZuOA3IYnoazgg66U7\nQsCQn+iUI9yhhClrFLObRO6YmZ1nNzK2zee+51hqBZHiTjWwz14qgjywmoMS\nK+1LsMjQz7nnE3o+quJIKWogPjOwWcNwRFVhZW14jdHWUnaEK9nd8v1FGbHB\nb3it8+FWPwODlHdYtoAE4f3YaHyNgu08BoWrLRdagF83lXBUaU62/uyYNjUq\nKUfy\r\n=yJfe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.b82d0696d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.b82d0696d.0_1595879867063_0.5609971114015224","host":"s3://npm-registry-packages"}},"8.0.0-canary.c2852000d.0":{"name":"@material/rtl","version":"8.0.0-canary.c2852000d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4f0a236abedca3514c4741f76963cb548c28d22c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.c2852000d.0.tgz","fileCount":13,"integrity":"sha512-27b0OEbrcLLb2HyLKP1N/1az924dA/I78Re/ZT3XJq7H6Lv5lquxKTfo442fTIWbBy31Y0KjAG9Zu1qhXj0Y/g==","signatures":[{"sig":"MEUCIBWl5e7s7/mU5soKQSMeBgGNlnTHrJKkrD5Zm+QPVs+nAiEAksjKtsK9fiOmsdAzpgAgBkyGBTTpGnoHGu4GKwZ5Mv4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfHz/aCRA9TVsSAnZWagAAhRsQAJy7IRMIuvq0lM6uAZVi\nLNUR/nY60SpAdk1KgbDsSXY3X30ClVaqoJK0tcHZJFxnTp7eLRSaHlJQjMcX\nDZaVbUVmsUh94ksNpGV7w3nmNToWdmEZ6xEO223f/MLR9+juEyTUK/icT+Vt\nfDsXFaT1Q+YR9PuYJ+1Qlgz/7qvomcGHdi7411Dee/ZstMq4JayzyGJ+STyS\nXrGcUW8+WYTOXDKSPAuL3wE81fMjYNd/L9bF+LBWXf9KeoZtmDjmx5AxEC3H\n91tAV2fmQO9xaARHfakcWh8CbqlGrNX2HoOyMAb3/nzDIeyHjxYbb8CIuNIr\n+Mw6PTT6VkLcb3fhePv0xhTFMGu0cUVVT3wbpeJ+FXPrCeOcinqQyXuIu6rV\n9k8vi/7gvcBHWv4rJbYqRsh/dYdMez248RG6xV6xdV73jVWAeYrMLTRgXqKC\ndq1n3rjXqGBeFCSbAUZOSnGk//mPf0xKIP5T8xkd8q2Ep56w2rvMnEDWPUyF\nRnVBRDjT397SAAOWKtThtwvmgFy2t4D2+nTReEt5a29GdKxw9ZeLIGnr/pLG\nkfx+q0fTzCvOly8L0r9+7FwXpGk7XUAXlXk7kJrgmxoR+UXplU73ixDr0bi8\nu5fMA+uoIzM2VyQFH2OvnSzxXjQD77hwd2VNQwa2u+KsvmldKF4hDHM1HVu1\nXSuE\r\n=PxdF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.c2852000d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.c2852000d.0_1595883481718_0.37242315328777065","host":"s3://npm-registry-packages"}},"8.0.0-canary.f86f83f54.0":{"name":"@material/rtl","version":"8.0.0-canary.f86f83f54.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5b166fc6397bbe32e1218db7ad5ea9129f559aef","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.f86f83f54.0.tgz","fileCount":13,"integrity":"sha512-cVMIsSGlOgqr0hBbZyPkQQn+hiD9salNmhpXO0J+swlNoZ/L0BSMVXibobYJnQBFopsdgXuPVef21utWmlkfcg==","signatures":[{"sig":"MEQCIC3vnPKyNIE7EweDh+QkjRsgufo9sSgcDpoaR8Io89iYAiBFWRqNN8p8/AFJzc/ucmQQedeRorRV/NQRBV2S15H9Jw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17616,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfH0zvCRA9TVsSAnZWagAA6kcP/RX//3IypmC+f5OVBFZQ\n1ERmyLigcK1Kz6XujmRU3u1tqTekcaMtsgDklbv6uZlRK6uFrFvsE4CTcmYP\nWFH6/JEajnfefqqnhW6aRnxHZHzGBmfNZof6M3uqAWTwGW7Y1m+AObW3rNiB\nAAOdheQL2tQsG2b/qIBT72aaeakywdk220ELmjFuTFFdQnZoDGS4H1fs8m/U\n1T3GU+06Enc2qXkuXKwIPMUoLwuMdslL/lYzC9uUIUsxqQtxT2DxeM68CJL1\noPW3F0yHZvff/DXx6TzsLaIs4SRYacIt1nd90AW7moKtfgo2gRp2WF6o0ysw\n8k8Yd9mZuyE7KUeFXbmg7JhwXEMh+b6k2GEfzn7LLj/8UKQpMUIwI+CX+YFP\nN/xtZh3iJd6FVw3xKhann9463ML4Bymd4Tiv22uPYrk7wwSiDyzmEdHZGQOK\nphwBAOoAWO2VDK0Ax9JYTq7IYsLsYRySVU7V8UyqpiXen4l5XCLbSkRCfgJd\n9auqfRRVTg9xlQioaYU6EwDGirtbglWCuLyqUIoUOmcg/P0YkKIJZahvFH+D\nFxr7Y414MgSjZK9mBV50mt5Qp5YRm6wpaC9T2jYWRUBNWwjUaHpvhK7O/MXU\n/nZMtO+iWPEQkG81XYr26ThD9FlI8i7qRPDObyldH4knc4d+b3bNCPrT/cPo\n9Oqg\r\n=Yn3o\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.f86f83f54.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.f86f83f54.0_1595886830599_0.7358194838855914","host":"s3://npm-registry-packages"}},"8.0.0-canary.41eb1684c.0":{"name":"@material/rtl","version":"8.0.0-canary.41eb1684c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"027b961cae02c1a395f124fffadb7fe4f6d36a67","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.41eb1684c.0.tgz","fileCount":13,"integrity":"sha512-2xEAREbbEcXANfLFBsHW9nuw0Z1o1FSOxO7HsUZhiZH8CUSy+T7BIRhqVHgzXkHEWFMXOnGi1Stup2SGkyF0qg==","signatures":[{"sig":"MEUCIQD6Z4udA1qVwB3xXbkcWjCuNwQlEs0ZYScIZM+PeFGL4AIgTxtbKvlS4jLAYjUo/xVxVHqXomA/XCIb6ptnY/ixvZw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17616,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIGVKCRA9TVsSAnZWagAAqGMP/0N3CWjyTGJpU4zWPwAp\noOd72/93j/ODMZPFGVdJljRb3mSbPM77IhR9MRh3xGiCD/ThvcsBsVJRmtZj\n1gDI5UWGhUtD61+zir8ADjW5Tnf2RCkZvC6ERoJZJ4r9E3de0aQuSjlDrwiA\njq+ohpO78kXE4DnkvMLYHECs7tUpJzKhDe+QOZKMOBKF1q9P+Z8WHgSzBpIN\n/rJwZoRSGmgvzOdY+HropUYSbP64o+kWv1b1QgbOwXevgajGax2x9yqdKtYu\nWPKt2JIFT+IqqRShdmFPoNx4cRDLdsZFVoLxDv0Su/qTR5SWE7esjAgxIwGu\nn8M9t2uxM8XYp7jeX2KWC4N6UXdWjzrv8FXr4Lzt4gbpsZTxzbtft+mboxZP\nIPPnppe8DPKnnz8ZxRRyqi/bhXD/TMtBM2C1wkCG61Ywu3P0115938ZoI0RY\nEu2IJkj+9vBUvFURDjnmCejCp/UirwpWaZKaLiT2lhmNDeh1xtXInhjRx5u1\nqBhsSKEmZ4LTjZwgfWMMOy/PKI7muZzsklBYd/Jg0jjP0DpKhTqLCPy+Jz/y\nAC42KzyXTbDPTh8EiIC/0Xk17iVlEHZt73eJwKYLiVqOtJidpgXtIceoqdsO\nGH1rLdokle7kF1F4GGA7srXbZp13vfLmfisIfvv4sqP0vA2WX0caRWq/xjst\nN0Gh\r\n=rqdj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.41eb1684c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.41eb1684c.0_1595958601819_0.5977773200905234","host":"s3://npm-registry-packages"}},"8.0.0-canary.9e2f6c450.0":{"name":"@material/rtl","version":"8.0.0-canary.9e2f6c450.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7f8079d2a76f088a0b030f92463432d29d1bcacb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.9e2f6c450.0.tgz","fileCount":13,"integrity":"sha512-cUHPB6JBYe9tJdcpjW1BV6+gvjRbH7Nw3VtR/Obc7aHMcJbl1Kd3HBjOBaezZY93QpLN1ZVOc+71AiDmf9++ww==","signatures":[{"sig":"MEUCIBc+wn6R6zeW+9GkgexOdJhOR8In0Ym/4/5fY7wTSPJrAiEAmV1QKNuQHZeU2Z8NWXJf/jO54BaBCjXX+p3VjiSZb9g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17616,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIKkDCRA9TVsSAnZWagAAbq0P/0gQXXW/K35c+KKelAYd\n/beJvd2pX4BUGUsVny5xnYCCV1pVCvUlhbqcqUq7fNe8dKU7N1CyJ2QwF/+7\n/JjLGchUP9SzkvBHq961QOVYXu8PxvuFvxX39UJyOxtogcjd0/3faZIzCFQu\nu4IHinE+Eqmkg1BiLxItHUD5lVifFmsHFqp4khvEgElmT6V7T+elRg+kb8fg\nxHTY0nw4awnN1L/4FqFl+dbjji9MDV1Py/stL13tiJyCoinjPFzNgsKCi6aN\njc5gYArJo+MwrqZli9stNxnTHKaT4HWUfsPJpSKchFxoSMRP7t91Yz4wbxyC\nyA+RUmRbRHKprRzlGjofWaQaL6VDJPkbzFTIITlr75viONyiBoiDKWjbydvH\ns3J6pMtrIBAW7vM79x5c1bjfJ5lht+fw8yPw26vdVzjR2zi5Wb3zZPCGyVka\nH/uF61ZdyokXu0IImzD02imJG1ymLiMixEJAly7Gf8W9sJ8k0rGTZfgs6OdF\nbysH7NIJYVl80ljyCttjYMbAy1ABred+EqpbS1wf+cKlpry7robx8t55j8I7\nzGlio4mUZVaYfVknoxJmDva4tGAprChBdqXF29RMTdD0b357v5BKh5y00/uJ\nIRx0un2uqGOXio6EHLHf6kpBzRcW+f8TSxHMVEl/S4tOCC/30OIwtusUKw0q\n1kWl\r\n=7dr4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.9e2f6c450.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.9e2f6c450.0_1595975939162_0.2670120189961447","host":"s3://npm-registry-packages"}},"8.0.0-canary.e6950b55a.0":{"name":"@material/rtl","version":"8.0.0-canary.e6950b55a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"488d86068f26ec710889512ee6bed622f639afd6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.e6950b55a.0.tgz","fileCount":13,"integrity":"sha512-aE5Xaj+bUzbAi5+EYsf1AdI/WM43cySV+4xt8M2SdJRhq20Pq3dMPdFgYTFQH7MGcGlM2s3AhaIK7oDQ9dQJHg==","signatures":[{"sig":"MEQCIAZv9KpUfor9hqoABQ5YjBR2wz7YUNNiwKbHb0qOHq2kAiAU3p77w7HMNiR0ASVpkVI9R0B83s4p2qImAPHsIAW8uA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":17616,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIKwQCRA9TVsSAnZWagAAz0kP/2dgOgzuc3ChIrpEVqTr\nfvLfdd+bWhcgJKu1tr0rHMyhULe+v1nJG1QlxoLjv/++zgRNMuuIQIftpWg+\nucHx1c788mURDWgUYt6l/onfqrEIZguSASPmFytz8N4hnl7I8qRurIRF3txu\nI3VBuOQx7GFreiCs1rV6VWcLuIXnqyL0awANN+X8ut0pfBsay2mV+zGRALPc\nWT3Dd0wASvJj9zTE3XvujtPprCoAJKijoUUmrPCbEXdHCUmkMHjLWQ3EEOnf\n9o7Z01ibswWmum9EVk5onp63KHYg/TkOD9JzED5vlTxBbENv/IiwzBtzsgi/\nYNjSI6dxy0Zw+r5Z/HT1W/UsS0cMYEuSIZ5vabZHVY9oXnBo2NdgAiCoB40A\nokOvbM7itRY9kTQiNRC8vvTYVUjBWLbe3RaECW++xcj0BHD80vUG0X78zrGG\naBsulP85KMfsKGK49uZ8SCkiyURAvsdhV0MB5dG+wxa5cDr0gA9/I36hz3Eh\naAtLOLDXHic+XcvXud27WYW4cD+zDubX41nV6f3qxabcxffwXesLBeGPG0XS\n0vwgZpnU4bVHNmDGBi99j1Y6dJbbStlPsFUw9EqKy6NqWoYXLfOC4MMQ1NHg\nPS5O/o6hjh+xnfMQa8xMX3+fP4/k1hA73ODjvG41BbSW0yNR+aF2vhXaEphI\nEDsB\r\n=UXoY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.e6950b55a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.e6950b55a.0_1595976717229_0.9975035089293589","host":"s3://npm-registry-packages"}},"8.0.0-canary.5e51ee38e.0":{"name":"@material/rtl","version":"8.0.0-canary.5e51ee38e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d203be83011124b681f8adba3ddf257de851d162","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.5e51ee38e.0.tgz","fileCount":14,"integrity":"sha512-ILzMi7lQ+2vjxJB7KTJHfQTgIIfH5hjNx+TRQfSQbVKWjR/MUDVE7hUkCqG8kN1+gBeacm64q7On2ao08oR0+A==","signatures":[{"sig":"MEUCIQCybha60rnSQrxNULrCPnCNZJGvcCpZgDElpF3mZI5NCQIgN7+KYJiTXJKCwk5f8Ri+/mMd05HmnCUAwxwk4CQiCB8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfILGcCRA9TVsSAnZWagAAk0oP/0OMZWLpY/wH89LxNoav\nzyfRAMBNps8h7T1Iwc/FtoQR8/MbAPeArvIHytXoS0SaUgI2dB7/2uVZa4i2\n6REBHBiwSER/lqKTrEsPrspsBmyaV/z9kn4aViJoZfbcKdDBAGN7QhFfyMdv\nVhPXT/iWFuUjsZcupytMlR8w1k+CeaAAHCjqKiw9sbjl0A/sOCEHAZlNkimU\nv4zj9xc4BvYZ4OJB1rTxQqtc+JzaFlSN/mFeFn+LBvF/xifmP/SEZz8ItTci\ngkniPL6beUn2xOjcqPz2TkuqPajmnXz0MjZATu/LFD1j6PQ0x5iKZ0zUsNjc\nHMWr1sd14TNtUFQ90V8WdJtoPzj7ZJIeyxA33pEjQqhRVz7Y3sOGJ620uJop\ntE+qFyOBBbf7hEQ1hV6wc5XNI16lo1EakpVQb63xWtKwFWxD027Nrr6sg/4h\nNuiycJp1ipK3/I0p+bPfM3FoKAXuATmpQ5ApfwCU6ebEF28etcF46E65yxvE\n6D+Bcy1UTG8PRfMPW/ZPihR2J7RPO0zGhWNR7GsNJkKdXk5hrDIjHvOmxmpw\nm0cni71aACiKEFyY0tMI5KFZfgmpuJ9cMk92GEJ1oFG5ZSDQjlzPR+e/hmqh\nadT8YYDRlwZyFNINab8aFd2Zd5whKqM74gQvdU7vXYB15cLWxDeP+fCpQLdd\nFpw+\r\n=Iy/L\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.5e51ee38e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.5e51ee38e.0_1595978140255_0.8316792664225525","host":"s3://npm-registry-packages"}},"8.0.0-canary.a3898ffcf.0":{"name":"@material/rtl","version":"8.0.0-canary.a3898ffcf.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"84cdb5bf65f407c34b6b617458b4be7e9e6f1ce7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.a3898ffcf.0.tgz","fileCount":14,"integrity":"sha512-NV1+++pgkTLb0nAtyZeT+/8H010O1c3ubkVZp61ffBEJ2izie6EmJ1nZUgVWpNakEqI/UAg6rdvdeqZd0Ipr9A==","signatures":[{"sig":"MEYCIQDa/RLNcD20NlNzpIyQ9VohIF/RsjnaCLxV1Is4emGkUgIhAMuTIh28D3uw+k358ARaTShhl0oQ4tFOD36Ks+EBUlAL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIMR3CRA9TVsSAnZWagAAxAEQAJ2nD3U6vaR6Cs167z5P\nYpsb0DVCz7AZcCQwzrO+e23+GlA+miKIGKGscFs9dLz6HRY42LH4Qrk6lqyk\n5a/cFNH3Tz/gZIY9YJhuoSR3KwDqcZv1Rwf1qWWfXQeBLGvGXeZWBQWCo3D+\nidsgoM85Ds1iSzgTRqVnBgIGw94kq7gzVqMdZZ4YRRD5hpTefjhoZ7yvRtQp\nrZYFQBj5XoHhuQlFhY0E9C21WvJgzYF3kxwR0OiUbM7B78G/0nQzGQEMp23C\nMp/v3o3cgIkLLgoOvTf33uv5XMgBmfrGWADNSai4aLq+NyPbe/T7kieJS77b\nFO1sNKmzkiSCTGq/VEfbeqAV+F93gzcnPsr8YgRRsPCH25R8tb11SsuLwoK2\npkVyGz4Mm6+fR3VpQQF7NbsxMYMzdjc6jC/wYNCc3RZ6N2gJbZEZRDyxtNEr\nlUZ9Jn0VUIffWfuuEERZFPpxA0oXEguWlgVQHwkbPcBAOCjr0OwrjXS6NoXb\n/muLEGdgRX991Y4zqjTNJRCU42edSyd0dGmqfLDnImJn6SyUZY+HQHwJPI0f\nOEAGCMm1ttVLgKRNTzSgHL3ZhSY0gqVQ2+QbX24QgFUUZAoPv56qKsD2gN5v\nsVBYGjjDltElIUXWjS5MsR+cp+prbrI+EHX/AtUTgJyLyREbzOX1Yi3H55BL\nXYEN\r\n=0SY5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.a3898ffcf.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.a3898ffcf.0_1595982967312_0.6428683706263367","host":"s3://npm-registry-packages"}},"8.0.0-canary.bc5cc6c96.0":{"name":"@material/rtl","version":"8.0.0-canary.bc5cc6c96.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"18179bcc5f180e4c722689873b29605a9f45fa61","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.bc5cc6c96.0.tgz","fileCount":14,"integrity":"sha512-/C5h+WtGfT+naSVwHsIuTTv2192zuOYEhpgl932MKd8E5+h8kVEQhyowatOvUgmk2WcqZY2oZj8S2UGj89NdUQ==","signatures":[{"sig":"MEUCIQD1KXK/bd90KqULFkk092RWCKgeoWtY9/IIxHDnRr0lJAIgFr0BP0UrtZe86hIedaH0mDTaQVC3E+w2T6X+lHGSmS8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIMd7CRA9TVsSAnZWagAAUrwQAIEHHnpnl5IUuMTnbCP6\nbtY1/WeJNRz1mRvyzrUy3NLJbe51IDn/JoOc64gb4zt5l/XhwD/oLUAYtb+G\nKga+nZcdUSvE+gettic1ktriRzDJVNrrCss30sJzjvxCNjHEaSqeaY9RCU57\nqA25UsIfHUFMpJVDx9Kn2oZcrD3RMaRQSNqe2YU2f1NBtlCxqbp7zQqKGKal\n3LsgPXAfeI8wGsbf6x6ZnNSiK71xBcY3hoIDEAd1vpcZMUqPePE3Jykx/m5B\nNxzVl+5c2mHbrpIrd4bXbEk7+iVAneHxKymiU3e0Q7IQc5Ye+XYq2EdgADYo\npJT5cuZalgnT8oDrj/6sjIzaEIcc4uRU5bTNu2WGOJyEGYzGfZx1Nxm0IvPj\n/3F15lIPEcduOhxrLTq9yPW5Td4o2/86Uw1LU9CIlYe5M5wASy9V1kkQONsB\nRSL6IWAffkLZpwGcEXVfCHhc56bQqaTrtVgVZuTrnbrx2xSJccxybv+3Zv/v\nj+3qlkuAKBFX9CvBGGY2+Lqczee7RhNsmblIBuQreYflAkQBfWmeFMR0FT0T\nC5KPu/CbciYhGY6e23/QGTMAqt42nc/2XTCZwF73UcdVKO3Y22mNJvidQlhx\nMgKefZBxy/IqRI4J5We3cCqSewtpmX4hGqSzF+366UX5YTrgDGJdZMCO/ZT5\nbUZQ\r\n=yTa9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.bc5cc6c96.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.bc5cc6c96.0_1595983738830_0.8948000997138321","host":"s3://npm-registry-packages"}},"8.0.0-canary.9bdeaf928.0":{"name":"@material/rtl","version":"8.0.0-canary.9bdeaf928.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"74408b5cf18c80ce46233333eae5be67450b8be0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.9bdeaf928.0.tgz","fileCount":14,"integrity":"sha512-CPaJ26Sjd9NfNlGRmNYvx9cdKFjjnMXiladFXeYeIaP8457yploR2L65CA2bnz+RiNJ7MLVOIuYydySg7mfjkg==","signatures":[{"sig":"MEQCIHizLFb7AumoICCvG63XoEnQ9TJhBAF9SzD6Tb88jxVpAiBcubBkyC8CjEeSBXBDCoPbj7fvv3eisi0aMw+Oi8r6GQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIM7cCRA9TVsSAnZWagAAj1cQAIOvvDZlzHXdOFGlQMhG\nSkFguOHtli8UlanKvgDGxgsLJuSayuChNcDZGrsIEQQ2y06aTseRCe0aCrtR\nu2URVenE5I7ZxtYTadTux17GKI5GGh1HQX0LyLY195GMiNro6niLZonIbnkD\nabdANtffIL5H3ZgWKSOX+gRTtD75avvr9rzi5RNZprRUl3E2WgN3wuQTo0h1\nZ7Yoxf4cAU5oal09e+a4A6BkgieV/X4zqcS4+3OH75fHM3G7/vjMrjQhUpnN\nPspmw0GQU53b5dCBfV8VM9ItirA6crzO9IdaQcR/cEPn4xg7TlbHmUCr2kmI\nr0Z6qsoPIRj06d2Px7Ct2RpARH+iDNGuYP6NYlLyQRA5zN6iq8zdMxBpBUt3\nDJNAPxottOBilwnYHlzTyse5IBwj+QWfXng5Vpg3WkbwlXq1QhkUyb2lWl1T\naE3NKG2QSLVDlPnk3TDftc3fvcG1FdbraJbAZUJxoVHBmwq2QpaALgpNZN6m\n4FrQELm26bj+7kF8nWYekfMzB5RNr9RwxQxynp+gBlqMzAjvmCkko/DLHbcu\nCT1qPesjmqR0QP51zF1NQlKXrer0t21lVrr+2f7ai80c8xp9nWtvSX9ws0fT\nrcvuBkzX79k+yr7bbbt5yNZrZOpN4TnzyECQgzIAT4JmSg062R8Xrm28aCrf\nT0r0\r\n=k2+g\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.9bdeaf928.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.9bdeaf928.0_1595985627768_0.804013011342801","host":"s3://npm-registry-packages"}},"8.0.0-canary.fde2c1f9d.0":{"name":"@material/rtl","version":"8.0.0-canary.fde2c1f9d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"26d59a4d99524935ac5e3c54ffd6b57c76af1cc1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.fde2c1f9d.0.tgz","fileCount":14,"integrity":"sha512-QxMeb0qHYkongLwxPTzwV+ENnEjpjLkgD5rBJ3seHEONVaueWSewEfrdhO5AXQ4yDoCBcjWJjWi2Nvye07rCnA==","signatures":[{"sig":"MEUCICcJooIhmTTJJhrZy7qm5RKnuPRRojTudn6iajBqEi3lAiEArK0oaAteqo9fPpz4cz+32aZI+yf9zsH8gAtArPRKnfo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfINIyCRA9TVsSAnZWagAAtqYP/2QXazeZoXv9KsCHz98D\noOEEgkniAfB+3vJem++qm9oF43TQVRAN+oPO5evXvg2ruY3jZo18cb+k6OI2\nXcV1sOzv1TevJSpR7yZcLGah/J8shrGZYz4ExTzP9etAPtNQe1VRa3rz0z3H\nFqdD99TNxNCYLHKK2uyiFe/jqIPMnW9gR1yTWjzQ10CdKXhEQh0cLuuLPF88\n026I/gNEPGZ1sa5XqgxIi4VAnsbcFBgycjNlGDjwWUv2I9F7F5Neo+MtPWlG\n6Zhfh0+m0kJmm4B99SKUNlZO33HymulRQcGHISftsB+sJKq+tfAhI6lgQJig\ngNTXDePwpoTdpYwIK6hO1tChztv4I6HqHZIFy7F8elR3+ZVEVregFeQ4y0k7\nshJpF/0L6lRwqfFvi3MAUu+t2JuvXzIcaQdkk9sAfAJ187ZTiF3QEBCM04zg\nnW+iTC0M+JAYlGXUoMPP4dfRCJLe4bC1I+yCLUNGqADCcvzon80z3W7i6rUg\nu3Tes6vQ6iZlCisnj2/rk7SbfKvUKV1+vaSqj756ShkXIer5zBCUuzudECs/\nXqknBWrz2gBhN76lETJKw81ZhOr4O7uDoDZYqL/sMMMKx6TDWouapJwQumRQ\nkL4s3SRcQy/2lnVCnjD++b413tIwqctumBZWWEr0YIMkfDGksVryORF+FQER\nzycG\r\n=vV0P\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.fde2c1f9d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.fde2c1f9d.0_1595986481959_0.7045031156175092","host":"s3://npm-registry-packages"}},"8.0.0-canary.6b3876d5d.0":{"name":"@material/rtl","version":"8.0.0-canary.6b3876d5d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"08d7205719325104cb0faaae6014ba6db0eaba9d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.6b3876d5d.0.tgz","fileCount":14,"integrity":"sha512-AqfKBV/J5KP3sG+4lKXLT2LZNWjUWv5CNS4MmZrZVL1zOHYh21hRwK5gcA7ldGPtz6no27Edlr/F2YJmbYfPzA==","signatures":[{"sig":"MEQCIBzmR/53dL3z1mg5zJrv7Pxl4W5QL0CfwR0hM97mqkhkAiBm5HOLI/PW0ONJh0MaEDh+Y2fyCgb7N02HaCC8w9xS/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfINMWCRA9TVsSAnZWagAAUe4P/1dFTeeewPOaJu3q3mU/\nYU9lGi5NrxEie7t/ouXuYdXqMNJhAC/s2P3T6QwBGnvr8Fwx+q8gzCDu8FHX\nzWxMoH0cfCAdVAyCeyB9HVXobEagdxtwDc1xhacHvRzDWv1YT5zffseN0X3+\nvYtJ12NYdhtC2SMrRh8ViSaiOXmgkV8E1DmeFBOmL2to2fP7EF6J82bgq444\nLgEhxxYSwBZwJit8qsu3ATqs8YU+mE++gzD8jVkQ/cDlXo7cejkQdTmb5vLw\n5RngaBXUuFSW+v8OyZyGMe2rwH5ChT274CeDdeYCdUFdpnU6sXC4i7I9N4pX\npM+qisclsS2TLK1bW28Wu5Zr012eeaF9pDLoo0mdzHZCF3bmBDdt9LTp3bzQ\n4D8oOimtNb5d4WN/bFdaLBGKggOfA9HFxFWvZpah0c5dJlIgifxXCxb7Zipi\nDzOxUhzYPNMA5VjhWtDwx6+8CFJlB6VmLveS4E8ohzf3W7nK4cetTRG6HJtt\nv0xqPi+h99zN0lzIo2iaZtsX85iVuyD1cJfwRYjOSfPFgN8mW8P25T0wyr3W\nGYTOO9KyPhYNP4aWA3SyXGf98+df6Xctmmgk/PJaJqkdpy9qV0n/AWZkQbjh\n/G0rN07T8hed/VAOT48oxLu2QKF85ZeIegqM2RoJ+iLV/L94A8S42YnVc6Av\nwPoV\r\n=GdP8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.6b3876d5d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.6b3876d5d.0_1595986710063_0.736432591592886","host":"s3://npm-registry-packages"}},"8.0.0-canary.30ce17873.0":{"name":"@material/rtl","version":"8.0.0-canary.30ce17873.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3fda28819ad11d946f0df732720868a2ce94d6b5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.30ce17873.0.tgz","fileCount":14,"integrity":"sha512-RJQEaXRvaepu4Udfob/jYyfWEw0xRObhDfWiZmwJYteB6yvzfNq0XfjvfEqkXWeZbUbj+IeMhojMfZYJ7PHcUg==","signatures":[{"sig":"MEQCIFYRJWa4t7Zhnduhz3VNW43eBdBtPEUnWfNIHXxJz7KAAiA/cCTY1pAxfj0FRb0xl1CYKSNld0kmBeVeuc97EyW+2Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIa55CRA9TVsSAnZWagAAcQoP/2YeP8bcfmog2MIQ1bc5\nWGpj0gNIBpkTjLfXrfzvqy6YvwOMb1ty7OK185U9jHF8ycZ4S8bd5OwobGkU\nmIpgn2rkrpPFWvZhrnbey1zHoUqDLbPtqNV5y/KyRAG6tumKn3aTQMVkYPRx\nSlZhw4iG+D5gBHt2oMMPPtVzz1klAMlvTX1oaTFa8PwglkUHALBpdhBlATrE\n8irNlffLaRP/+gfdG8T4sWpxQ4BNZtsq6GoGibBJeRnjntbXsiGo68XNoq+O\nJlskIAdzXe4OCoCl6KDROmHutdsLG/i8NjnuDbsAkTO9JrLHWZ06iooj+Acc\n23YrNuHWv7/zD6sJPTrg9lIwFhmjkmVo5KU3qrLIxvV3D9j2C97ggdwayPzm\npP1CKIQW9zrsZuDVLIHOEc6n3tBtghkFuWrH7BM0Up3rDsM7mCCuXBaaQt0H\nmwarPWxfuOHaHBsxswpDNjJA5aQPXo75W8yWmwn0BKm+z9aFkWlP2J2jHzqw\nxACORkHMsDNT5QltIq0oTBw+G0VbXBVnv9e5KMWOeytc8cug56qqvGMLjzOa\nrPr1ZY7VBFk1RLSk3U0MlbdK0XHv+l4po3V+MUi9xZd1Qcpak67fz4YTAkWE\nlhAuPAChQ/GGaFkzLnckeCuMKMvHISrduZqTq94S007tGPjikFJQWRpYyOaX\nfles\r\n=/fI1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.30ce17873.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.30ce17873.0_1596042873395_0.9933343900765061","host":"s3://npm-registry-packages"}},"8.0.0-canary.f6bb43bf0.0":{"name":"@material/rtl","version":"8.0.0-canary.f6bb43bf0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"339bc07ea134772e9af4dea061a862abfe458894","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.f6bb43bf0.0.tgz","fileCount":14,"integrity":"sha512-j6LiaSvVHfp+O5UAO0oBctQzsOSoTPVP2nrclBWWr5NHB3PIwP/NGzMXMwgBw4ZkUdYgUIVff48hwES+IXjKEA==","signatures":[{"sig":"MEYCIQDZJMhxSpIXQ1TlJok5YZPNhplozVPdaGljgYoQ2zt09wIhAPPjU3NrVkULGG6EyY6wfibsYB5WezVskx4cyRxtp0Y9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIb8FCRA9TVsSAnZWagAA+6AP+gJ8i0k/HXByblO5VB6S\nKE6eS0U5RLs7s1EDIUTB4ZQlVxie/bS66QgEw1EOk1i93KlUGQZQIic1mx5D\nIt8eG/k5O5iwSLKN25YaAJH9v+cQrk1TBPlvDlQO39oE+0uoJgY89UJLMMkG\nAj9Z0dWRNbDPDa9KIR7QFanVzzL4z0m/A5iwCV8qsN3ERaUSz221LLFX+I0t\niFXyDvYM5RnkPiJnqGZEoMnR54Cov/k2Dpqavc14T0b2NSDjYGA+2iS1ETfN\nGRtVgRFf6Qi15wL/TUvxxPRT6rEOOarJghO0boJKC8IMd2hUynL0885uYuTQ\nZJs6q/s/G1HE1A4fmSuZFZtGQOSX6lgoWP2QfSIJVpdglcT5NYQwjmywhKuo\nEbaaakwoIdsxTA/upns33Js44WiFTXXw4/5B3mXOWNsHXCE/VP84uXEETghS\ntDV08JdCFB0gqIYPEbjSwiwGgtZmMM8AG+OSnZl5OChXUsUDV9N597Wozxkb\nRzi5xj+Nv6/CuOGn64XwunIwnISmtimI5W9MYIcWEB/lqd1JS9tU/YF2hxp7\nMgonN+1ydanvWdPk9eA/oqkb2G+xSGr3NisHyNgKTp0DzSbFviYE5Pu7ZAfB\nqadF1nzNMYZP3Z0XN8J7yA47O4GIRXKQFP34mtT6s9GdGZ73gtbL1ErToPBB\nc/RR\r\n=hfqm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.f6bb43bf0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.f6bb43bf0.0_1596047108904_0.1184895710908418","host":"s3://npm-registry-packages"}},"8.0.0-canary.6af75f6ab.0":{"name":"@material/rtl","version":"8.0.0-canary.6af75f6ab.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"eca23042493fd1fc9f605410738b14d36c432e17","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.6af75f6ab.0.tgz","fileCount":14,"integrity":"sha512-Cu5Cap0JKk1+9+CjU902KQcpmJpXeFQThT6VDTXL2sovQOdcYJPsiMy6gk+8WKZqcgUgLIbbPTr96IqyQ5ZuNQ==","signatures":[{"sig":"MEYCIQCrvxC1z1opLlTI3P7ESt/yBJERzkjPQ5EytfFoSSIDVwIhAO2PR8m8XRJnBdmhKEz6Kpp10dBurv6kfuXtr9H8rBUJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIg3DCRA9TVsSAnZWagAAOakP/imGt/9hVxBxnCnLyjkP\nS0wlNYABMD5R6FYf0N+HRcKSAN0CLP6NcsoV7BOD1rtgBojcjD9ZZ7Pfhf0h\nC9a6XR5PqvV8WMHEZbDgSn4bAYS/G32f7xUr+HSrCHvLM3lINhqjSFDaau3f\nyfRqLQSJdOtRHvY5jEAHFaysuxKyBGA56YY4QHCbRsNRY+BPSy3RziW4QfZN\nesJp921bPnG4rdEedKjtE2mQU5RMQJXBgnnitGnBIQvJL7DlSulipnHTQrQv\nYE0wPmr9EVvevgRohMIeJK68svGV5TpnqcmWynBNGd1vdHBQ0eV/z/rdBTVl\nUxrCiIWYhGV1o1+BGYgYRFoSzRkb1okAxPH5FKI1Wl+5ShXcLaRopSR06nY3\ngKW8ROFEnibTxjCO17NL1BxRhgT/hC/Pfe+uyUVbYfx2UBAIzKDtNY+8fVf9\nyLlf4A8aV7fCmRt7Z8vburbKVVOfWa7yDF3DStkFFh9FMV7Ts18wPy9T6oMO\nrsCbc+Nu6lk8GIiTTVKKh6y48K/vpqaT1tbM7kiNkjrsAGRWv05XFavAPkzi\nbdxZM2NbPK2TYOhtnUlb/kYuKF5pjEDyVvZfUEyRkoER2pzws057Vb3UOZnb\nR8yz8mMuMZ2uoZAl+NgjWZT5DjiM9pqNB7V5Plx24PBRCL73ncuynzEBawi3\nuRff\r\n=D5CC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.6af75f6ab.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.6af75f6ab.0_1596067267267_0.031970563464067014","host":"s3://npm-registry-packages"}},"8.0.0-canary.42d7a65aa.0":{"name":"@material/rtl","version":"8.0.0-canary.42d7a65aa.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e9eb914f68725aa888eb3d8d31f5a0d1c028d294","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.42d7a65aa.0.tgz","fileCount":14,"integrity":"sha512-JhxlgmPq6lPtPJaojYhBOuv+z9Nexrpkqctw/znqpcvV8Q6RQyGq0LX9pg9oGzBmgN/065xtzom4qKheZCPN1Q==","signatures":[{"sig":"MEUCIE1H/L5LmR96Sz4Gv2FENim/9vmuvVaHttcTk+gJf1fGAiEA8q7OfZAuyiCzB1b2MVI5GuMSfZsdsEzihVYAOsS+FQE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIg/dCRA9TVsSAnZWagAA3uMP/i8ENWR5QjLVPjcYzdXv\nk0tvRhdDvITf39FYZs2dR68nTOYo4YNfthWEdwZW3SZd4DwqiN8JaxGayO6U\nje2iuikkMktOX3bRy58WLRxg0bu3NW9nC4crcxvEwh9geLxcioeDfjPmMaPU\nrlQNgQYGWJ8q2jf2uFSYM6mr7CBD3eQWN9RwJQ4NhJ6xE3imcJvGDY7/nJ6w\nw2OkLGUQk5WOE8QCF8EIbOHa+ZfU0IrnNz5zwvmzsMv8+1Hx2M+bkMNJLZcp\nsPRlp9Yllx7hnIfrNZGio24A1L8zLMeH2OXgftHoyuiqjBw0bdt+Pdc/Z5TP\nB9UwNKlJgmw/ahkKE3D/xL7O69Fgfunz1UHaJqfeudyKQ3J7kJBWA1h3u1Qy\nDfi/tj+OLFdt1OQPHLyCh3527a0Q/CviTtDr6azenpQh41TzaQ9DTp4W8rZ2\njJnhZNF6cwfK+C8izZr6OU5NF+dgTvZkWfrkyQzpTeVS3au9dHRgWSixSF3G\naGjkV0QutDk14hv3jk6ZQb/G4QC8K3f8/mM/cRRdobI5At2nbaR7k0ohF0dn\noTAmLzwnohRLr3seY+lXD+yU0ewU+M41mr1hgWHf3MJKdJSZDMA7j8ntdiyn\n9R6eQ5eHij18rAw62S19o2O09jgZgsw1T59/y2fEHYKz3vXtJCJ8NcuH/Mo6\nuwfl\r\n=fMCI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.42d7a65aa.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.42d7a65aa.0_1596067804850_0.16497127205117668","host":"s3://npm-registry-packages"}},"8.0.0-canary.85abdabb7.0":{"name":"@material/rtl","version":"8.0.0-canary.85abdabb7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2fdfce78ab721ea6149dc5b425436f4c0351be82","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.85abdabb7.0.tgz","fileCount":14,"integrity":"sha512-5yHrjizpmXuUKoXdkIpqkgle/Iy4PAsbPAfhVuNXSiEVZEuyjvnf6FniKP2kOS/6OS0IQUP70It9xKNetknsuA==","signatures":[{"sig":"MEQCIB0+4SDis50y4ItKbbWiEmN/NnOKo2EGhVW/VDrHKidvAiAIBoWdEHjhlEgEEzRFFR8okPOX1tXCSKD0syVL5Dw2GA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIhEICRA9TVsSAnZWagAAImwQAJ7r6Zzfn1iTZ+U6GCx4\nRdCmAjrH5f3AcM8wzyhK3EUAOJv4wOjGh7I0lNH2CSFQPQMKtEYqe6hCyn4f\ngZqLEMHmtGph4Mi+k9P/tpRzezOyhm9FhiS9S1XbGXMrt543j32NCA79zc1h\nXKUy+/m9T8tVobAv2pN8oVZCZsziGXIddQyLjHLLlgjBPnPXbbC4nrZplmPn\nRNikKsSimQRcIfm4stuA7z0ndGkKocT0aQrKODIRrspzGCHdC58YEDqV9BS7\nfcoKSFra8vDna1TGjVZ8Lw++Jdp+W3Kgeps6yijvosC9ojIE3NG4CQ/47OSr\nFVVhM/Z7UOp9X4J7T0rNKcbBr8k4nZABIKBA5uxGZuhhgC76R9pUlObPmsBJ\nFyO/jqc1r0L9qnBuJfGYfd7yXIj4yWpUOSHcG609riRt95M7+McT67cdoWkD\n0a39xlZVTvh0OVj7maWw62jmznSIGk4haFk7/HmLxtwvjoNrvMafz83ZHIYn\nz8so/eeEE9cKLbcov0j6TEHCRgwN7bg/NkmdqHnd36n618gUyodmzDbFt68u\nf9Idbt+RAYF/Yik47xd8A38fDujvX6gp9amMQlrCjSABoXo7Dw7OClQ1HEWI\nWJJBdLK9x55HwkRsK1/Hvr51Z1UbI89auUBSVyozPAUd6W51zUf18uXSIxaI\n58yi\r\n=Xhg4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.85abdabb7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.85abdabb7.0_1596068104031_0.6659896011811748","host":"s3://npm-registry-packages"}},"8.0.0-canary.49fb20ca3.0":{"name":"@material/rtl","version":"8.0.0-canary.49fb20ca3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f36b0113e8eaf9121add7c1baa7e49ba5e150cd0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.49fb20ca3.0.tgz","fileCount":14,"integrity":"sha512-h7pPGgjj21ifvLaFeLfJu2M3eFa2swvzMzzQRRUQD/D+Z9vmiLLOBu1KiXUS9FXpCY4mGJr/A08Z1q4nNGdHqQ==","signatures":[{"sig":"MEQCID3VxOVXHlaJEn04CL6ohs1T9UMYVdS8IhJuYzI7JydAAiBSV6Wq9H0aCzJAUA2IVHFikE+NqAW776yWxgOdTeCryQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIiH5CRA9TVsSAnZWagAAONkP/jGptrgSEQeauMyaDSME\nvyZd+5ieqNjKmMMPB6RjN06zmVd1dBeEO5hG+OVcpt5Wei17YjUjw9d51EgA\nq8DcwYqTJf2c6xr+aK3g6zGKI+P4/uDUkvrvkB5ntjCtijyRf04x8PudyND9\nre304MAVn1g1a/zwqfI6GrVsHOLFJ59MZiUiRsOS8WXwwAKDod1YehAgpl5f\nxkTZZPv1mBAsEcqiupypiGhreStDcghuU2jX6jBCA5upirMtt+BCeSpJv4ko\np3WW0cDbenEr9ia5zLPtLofypUXSPZlRoJVDtfLKVWcCS0QywgUSt+LqFY3h\n25t1yCQLlnWxgA7Mzy/jpQWl11nf+hL2N0j0S+joYtPqGn1VpPqd9nORdsT1\n5uINwv1czEFTSwVW8Dpf0GLKb8nedN57CPwnwAyfSjHVPI/iV700t8MJW/d/\nfgZuUGm6eunPdAvM+6GpnryUnFt9GE7L32DdmpLwzeub3xV8EF58Xo/5yTM2\nSf+uVy/PrYp70shA1WuDXMSSiiRvTxImn6fHkkOrXhnQwu/FMQMRjryTksY2\nHJQ4e6azxpIJ/mlxL5fpv0aeUMpALcMtkL2t1KXImIJVHOO5C1SQjQ6/1GWa\np4kjssa7wlLkskAvryFemph9Aaa9BCi7YHJ4KSsgC8a70Plm7Ixn5lSbM5BP\nzhcU\r\n=TVLo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.21.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.21.0","dependencies":{"@material/theme":"8.0.0-canary.49fb20ca3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.49fb20ca3.0_1596072441212_0.4027093165121969","host":"s3://npm-registry-packages"}},"8.0.0-canary.962d4abbb.0":{"name":"@material/rtl","version":"8.0.0-canary.962d4abbb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2fe14111de98c9ffb02adea0c20cdc3032303d2e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.962d4abbb.0.tgz","fileCount":14,"integrity":"sha512-YmZ0Gw2NTBXCyhYMir2tm92MPiyKs5P64xu4sgZow2HqX0FSBOFc64Rl5Vp+8fvcvSjGZ1eF5UbtlGf6+d7lhA==","signatures":[{"sig":"MEUCIEAJr8QsWYk3GeTGeC8jDm49UAuEdwlsxN5MuMtF81ZyAiEAxWBdYm9Cw+KJwsWNF5SRsXGsoPcu4U7xoSPBRGDGkew=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIvDXCRA9TVsSAnZWagAAcSkQAJb8pdqPW58lxDRnDJ2Z\ndds3Oqhk5S4S1tSeu/GFlbLzslegX2cAFZSpgcyNaP59aoNGeHcPa3UL0YDB\nWV9baw8q+RJlA5LAB9xgL++JxR8+rig44WILexjTCuuCBurF1PitC/Lsr4nj\nS+f1hzK6D+hDY1GndAiUJiAjqMdS7Vs9qJnbvfuZqTAzsv8dbQ47tB32JXAc\nMiH42hb6PwkaQtoJ62teYTEv716UNMccyr1aepq883Tf+vW54IpPUcvPK9xt\nOJP5xweGgKtg40qwCH7GdwXAl8ElT7YDDe8i4/ufMOIPLyDVO3s7OYEPL8Pi\nnUInJMaVBdFSb0B81RKR89v3pvoi8uSeXIzlFP9H6anvOP3pUM59ZrCYpy0w\nKu7d6SNHs5fIrNPP2/jrSIrhLB/EYp7FhcKJDO1c5+v1QEbT7n+qwbbbQ94R\nG/dhuB7jabdTK1VKh7i8But+mZhqZnoZ26kCEM1+8/AfUJIPqLW4NL80IheM\na0T86OtLmhvRnGnfdqaOidLWbdyaRpK/9Xtx3YyPbvPD2A910sMDC6Rjw5um\nWD8TDCyHNZd5+fA2WgEHfSshDCLr1MwWxQCcq8e/sQH+fHFb+711CoMDuWX5\nHU17vOzbW6vzDuZp6teEQ1ud5OiR4DiV3LsEtEWAUqrZaLPFvmkJL0g3VG0F\n2Y/o\r\n=3oMt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.962d4abbb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.962d4abbb.0_1596125399365_0.3661949473509529","host":"s3://npm-registry-packages"}},"8.0.0-canary.2fcee40cb.0":{"name":"@material/rtl","version":"8.0.0-canary.2fcee40cb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1de1dc69883f7d9da7ed1fb8b069e8e7f94340ef","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.2fcee40cb.0.tgz","fileCount":14,"integrity":"sha512-7Og0+z5+GAXzzkNTvTMHJns93N6IE6krI8EvteP35vV8pmSjzoJHrQdmEwIllfDAervEAVJNMJ3YHI7oC9Dz1A==","signatures":[{"sig":"MEYCIQC2rRFP54BfG8UttPtR0dsgKybKgwdX3A6blhgaA4watAIhAIxJ4holynlXzLeJ6YWbBOKdWsZNQ5bTyFFvpY/eHBh4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIwGLCRA9TVsSAnZWagAAnG4P/023jCqbDxLPjwmO+lVc\neEXIzt0HwsNkIqytsFbpUj+riaSPCAmBy68fivhdsA/B4sEe+STW04reUc7D\nSsK0bPidTBD88+5Nhcj99vmCblbLE4kyiIZjQ5LDhs6/J4x46tx9FL0jNIvx\nfshOR4ma5VUBYg13IIqel/92M/P7r5ywnvplYXRNDhYY3yHLIXreqH6YC3lO\nBZuMVfndHmSQPcfEbyWrVvIsId4Zub3MCNTAVI+ycMOF9xAixqqY4Z07tiH5\nzBclvDufVLi1e5vesMLYaOHB6FQsivVbXIk5tSdhXeP+uwMyQZ+irliRuQB4\nXM0jfjEQbZa0+mjOmbrN6MKa7NSu5SBdlL6qHEaB4KcVvoHzU8pqc+ZodCPJ\noWXYLSTQCm/ysL1cZVALIJWhj6rZGOfBfWzFRF2QOqrZAnS5h2uCr04pt3xn\nk2QmnIBDxUHMsoKHtTGYDesofYrau3SUXyp977wldm/6CVD/qWkdu+vYchKG\naLfHiryhi2yBDhvCRF5eOM+EfAWZGsXTfBYTGN75eI3V8sVPYhoXXwJPL+eL\nt9zD1JvQki+9ykEaCddhUzPI/jSBdp7uPV77IjtdMTRXLsdWw/BRYTe8iUGP\nXlme6VGdbvSXhtrieL6oSgFoynDx4lKggUpfl37eQhaJ1Cec7NTtMrJjx8gm\nbMso\r\n=GOFw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.2fcee40cb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.2fcee40cb.0_1596129674520_0.48805091375153187","host":"s3://npm-registry-packages"}},"8.0.0-canary.bd5987f5a.0":{"name":"@material/rtl","version":"8.0.0-canary.bd5987f5a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3975ad9a5bcb8cb353319ea75b3fe0838ca75118","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.bd5987f5a.0.tgz","fileCount":14,"integrity":"sha512-FgY6xrbGHWCf8H0EHYj1YT6P9fx/8zam532B2Tf8z7Kl02tRG+Rz0ZTYIWSKiIwR1OVAYt9X4quMEZGyeT+u+w==","signatures":[{"sig":"MEUCIFoNagu8CXyemzvB+bhPZrGdkaNORhTmCJJXgVN6rpwYAiEAtj/lQVjVs6Lc1GhfSvEFnUme4a2uEvSeA5YLjnWRZM0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIwdSCRA9TVsSAnZWagAAOB0P/055b1Gj9Ppefsuaswup\n9Mj7jpu5utUHYTwX0U6V0/Kb/1sHpjIgwg29TF2LvUVyO30aGeEBZS7Li4tZ\nNwlvvrxqhlwAk+BfzsO/09qjrkc0xRGC+ttCGbF/UfYVRRg0p+jE8AAHmKic\nsE0wKCr5zMDsU9xbnWDbZZN7+N0etdfr1Jh0xTSiBslfDj18a0a2KOEqMgNd\nDqiNu5d+NXhZGciDxxb+9LkOz/3JaXb0yGr1OBY9n/BK5GcnJayZCgAZbsqr\neJmGwdI4uIcwd9VJdjdY4aQcDUAWlPnqNdUiCeinDELBeHuQe1kzMO5Dp1+I\nB9yBI5y2SilA7PwMPOMwAogCv8ht2RSGFbiasujw1QnsfU6OUiE+sASDN5gB\ns7+3nJutfF18nhzC/9bZEFm5CF3BrnSqQmSMcjM/RcifW1jjmtWSWblbISYX\nM7Bz0HmIwfEDm+8PKFt75FT2ytXJLtJiF/oajtnGUNqN9wpS2qSZvt81Q+TZ\ncjoZhtuu4G5dcYUw/twjwtumSxpP4k/xKpWLktcnR4gOdcauV9Dip1LgA6rd\ngF6wCGbo2xpyIcLUc9Mh1ctQ3eUors89SfdJJVcQ01I+vpOmIRTakEc980bo\nkkpAdvnMbwQLZEyM1U2VobeaCGXm/2PtRd6FTN+sibseUnPdcNR5HWYKTm1I\njsW4\r\n=XQVi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.bd5987f5a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.bd5987f5a.0_1596131153731_0.22701239703928922","host":"s3://npm-registry-packages"}},"8.0.0-canary.005e86a9b.0":{"name":"@material/rtl","version":"8.0.0-canary.005e86a9b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1140d2f9092f8a084b4539b555a9f390ff5d7e8f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.005e86a9b.0.tgz","fileCount":14,"integrity":"sha512-w2GU30J5fbOCtY+O7OF4/se3urNfc5xvC5QptVZt/9xEAhjEnLOjMMpzyuM4xrTz3kd3kQr+f3diCar9Wkt0EA==","signatures":[{"sig":"MEYCIQDzd9xl7na3q9O+HdWnpQR6kvOI1iJVpkFkkBfZTrZBLAIhANYzM1c6DyIkRdSJTs7xpA92UvhzxtOWh/KKggWgNUGX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIwqJCRA9TVsSAnZWagAAECUQAIRgibCo7S/mhbaRdC59\ndM/jLXg1fI1jh9WWDgwE8t/WvjO67QO2B1SobptDCf+hQ5PrrnUb+pYKPbaq\nZgJ9FE21Cpo9ObaDA+JyZI+dpw3t+8M7ncMgGEeVKRZpKxJAQMdrwvUpKZn2\nqd1t7aXx1wc4zBS+kIb0cTp1a8jDewyao8ygeIV9/crp9VcdjCnJ9avqe5yJ\nrhqJbfvGhkGoXCc4tYQsAL2Ieg1kmSagMIOIzsgY9A7H0M+0Xz5jeyWCahdi\ndlCU2CyW1czOqKUNmHrIAtmkazeBOuCkQh0XUAzzFq1F8e7YTLcK5OLAysUt\n2Mh9kBrXzEtLyV6rrn+D4xL9NYNoEcsiIPZAvb70ZVbicpksBEF6ySdbR7mb\nfAGRXwcN/RxkmyIdrKA1PHA+O9xydLSbLcs1GmqSiUchWr9Gi74HeE/EuwYJ\nOUe+COlz3sNLNxia6FAylLRF6CoGdBywLFMRYPn/KNw/5jKnx/iP+DYUAPhS\nUjyxIHOEbnvDBvyDEeYhJD/as9zDtnboiv456ibSedLbiZ8xEqA2UKnAeyVP\nMyh4TNOr3ufXPduNotc2CbtcVI9XLIh3ui/sN3mTnbXUsAHowhd/IUcINsAj\nfy0oxMhR7aGUy1ZeTvCEhs50Qe7M/EDXHq6IqZj27y3urxFD+Lxn1pxV7G4F\nvwZ6\r\n=b7jL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.005e86a9b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.005e86a9b.0_1596131977110_0.42044899969131255","host":"s3://npm-registry-packages"}},"8.0.0-canary.e309c7c68.0":{"name":"@material/rtl","version":"8.0.0-canary.e309c7c68.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6471d96def3909c57ef95d870509dae4d11f4258","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.e309c7c68.0.tgz","fileCount":14,"integrity":"sha512-U8bgN8UqLO0a8C32Z/HwcOhMIJc+ex1ltfPBdxqZV4seM18r/XzNyRx2RJl4yYKysQsP6SrZP6z/LYgBoWM0dA==","signatures":[{"sig":"MEUCIHu7yh4+LZo4CQplObYplYBnRBE5g3TI94NrK2vPgxvHAiEA1AICcPy3XzjhKDwUDXYsbmegsvVOerggnTOfzG0kOEw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIwydCRA9TVsSAnZWagAAa68P/j1dD76bFczhNJl0wju4\nAO9O3LTDNX+LQZSklL/cOcq34WEkBHTOwjaOR73juCf3BMTyP6iG/Q/pueJA\nBc4JWO/bbILt6qVEraqi1tp9ZNDLRbQNtEQaivHwVhbpSbcQQWSKXEMUtOt6\nKP8LqkXy88QqOWxyXnaVpnNZnIx4Ps4qbB/lacTOmQAOfd+H2bg7VIjBBCvO\n69ykok9by9JxPOnSwAs66lDeA0dhr8XQc2Am5YEyfgkNWjznLIjnM3jy8xD6\nLY5ThNvS64ESVYvJVQL4m9lCSofVneWFRWZ4eIcGjnsZ81iFQEgVKVlU3kkk\njXFTL2wRbbaai+iTuTKi4VS7nuWEDtjsZYmo40A7KIgRWU01lGXOw2lsWFea\nNAqDxi8qW9nWw4IeSB5vkTFV0LBoZyvzFCrJAt8cF8pujM/FKwTLxGWAzrnJ\nibic56E2zpm/LGSI7D7P1SKCB/IJDTksNKzbACSKdv/PdCPqzCh+fO9nlZVh\nk9V+Rrj2xxXklWjLZLQozRSLc/WPFBPfpBatVq32rKwhl8PMfHk/9VPbpqkC\nWF7WbY1hTeR2aNMFBFgr4w6IX2hOArO04c5O40W8+G3FUkmyh4EQwywmmnH/\n3K363jwyFDPiHfoDl3qPWaAb5DTOuRpLZqIs46zbJMPRMMcHyajhpPJ0FHL1\npmqZ\r\n=koV/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.e309c7c68.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.e309c7c68.0_1596132509485_0.32868475513993567","host":"s3://npm-registry-packages"}},"8.0.0-canary.935a51cc0.0":{"name":"@material/rtl","version":"8.0.0-canary.935a51cc0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b8524268250025bd74047e45e314d0974ac8876b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.935a51cc0.0.tgz","fileCount":14,"integrity":"sha512-dFzXm46OgxlBmRo41zlOlEQ0XZKA2siGmEBJW0OLkY1ZMwX733VU6QeGD87Lb3nLfXtdZtqswYeOneWYBHcV0g==","signatures":[{"sig":"MEUCIQCHXEge2vOGU4pHX37cYzOHMbGKfuKoUo8R2V4psGcg6QIgL4K79yjTyNdgQIxC7PVoF2GQPivb6uIE/7U3jsHyDwM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIw9XCRA9TVsSAnZWagAARz8P/3Br8ytXCAtqQv8lz9Ej\nhMhC6OdblfKkwAdfLmt1LBh+mgwDLf/yCkx1uHoEzLpCjZrZO55WAfGInm+Y\nPyhj9lxNhv1tB0DLD2ThXBavA4vZBIJB/WQtSWd+iuZX6WohbeXErNo7o5yY\n2TSMHaU2QRAwopZKxo08BkIk+wlcqb6u+Q1GGI8yUnQLHF7GZ/gH8HGroXCM\nlZSGzK2hCW/CU7ozw97YOCdCJL/kgnPrkfcLQ8jsuzPeCeq5Obp8rQukM6kG\nqHGQoI17P/vWZdSI39PJM0/wZsJNkABa/lVfJjy91eHlsOBHHC4+zI/rCNgu\nLdJ2+Xq7/gtmLTXGwxXMygJNCB3HoCPqKop6EXLd1hEJfNHq/S8RQisxuvxK\nXglM0mPo5VTNcX6eqMkhhSPxWHYPmOad08M4wSafDbi+Vvcg4LnqLUDA8lHG\nFIUil60sMFI834ceWWehcxyaKbzwEnQB1kofb6Yq9B4ZKKQ0vnySsJr6tqDZ\nITfvwhVt6MYorcWQcqrz1iPeBg6DvZGiQ/pjtUO7/IwNQBiIbVNuvX2OVjHM\n/B2oXeLIMLYLkTiBCiVaKWOD7r1i8XgysUASCwT+qoFyKwKJsvqW9x3DP/Kn\n3x2KIUl/kFbbOTC9bXu0iDNZJMOT+u2+BBBSbEB5gNchsGI844H+IDP/ldUr\nI3Nt\r\n=ih9F\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.935a51cc0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.935a51cc0.0_1596133206628_0.8089525656053518","host":"s3://npm-registry-packages"}},"8.0.0-canary.74839da7b.0":{"name":"@material/rtl","version":"8.0.0-canary.74839da7b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"73fd1c78958bca805d5c0a6b5b14a187160c986e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.74839da7b.0.tgz","fileCount":14,"integrity":"sha512-sg9V14tOBl3pgnZkCZl4KGR1dm5jagTjyH5UIJ4p2E8O7iBNDIqmXCYCDLhFTsY557q6jnDgyp2UGC3+zxkInw==","signatures":[{"sig":"MEUCIQCG9JQytdZ+rFxzSYb1bthPxzX8TqXEo05dCCUFmlUW+QIgVbiiVc/87ZITlNYpSMnHxlJCLLlde7oTrtJT63l5Bvw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIxHmCRA9TVsSAnZWagAA4CsP/3DyxX2gdTO2unLEg9ua\nvFi8BIbkA9/PKM7410iStWWYno44E0FxnAVNbAQnVUlxLkY5a4rCNXvGc23u\nB/ab/LpPAgHWiUf6r7pwQUch/LvSGhNj2eHucGHg/cPW+vfW8x7F+DhFrr5K\nDAPDjAX6VZFAI3Sv57KmjfJmIXd/iE1tPYb8vrjv8U6wLshgR6GqUtmhRQIX\nAZW9m/9Obli6DDd6eYOm25/PyURcVeqCO619GAYgEwG7rSczNzvm/tNNooFB\nBn9sylsm1Pek9zIEv0sY47uTofrJtRfLKzsDkgutQPv8wPj1kpNer5zF5gqT\nXUnZs+ZmBbK3QXHPH50J6JaZsJT62BAn27Q4xc0ma4mQ1pt3sXplxd8rzf4o\n9LUJ/wVuv/SEVWARh7oyrClFMZNEUMnZ4frBynb0JyjubDfe9jZWj5n6LSJ4\nL3WWSwvj/kR5I3V3eHSGfAdBpJtv6iW2tK/KUgia2R1dCsKGHw2FdLb9oyGE\nCPZ2TcEHDlbfT9lrcNXv4ToAhiXKI26I46mUuHlRZLJZGOpH2QH2t9dwtrix\nlIluB727bG9hJJ8YtISxVfVnc8tHQTqryAV5LkpNJOjktWkdTnSmNNJ9Jth3\nb1zCXyV70yfT6x6s54ZPC5TfFfiq0RT9xObEXDHPzS2Rxf6KFE2ml2qeRKL9\nkDmP\r\n=lCN+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.74839da7b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.74839da7b.0_1596133861967_0.35377189016560395","host":"s3://npm-registry-packages"}},"8.0.0-canary.f041a48c9.0":{"name":"@material/rtl","version":"8.0.0-canary.f041a48c9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5abfccdda513892141f26cb4b7d0b9e3d15e31cb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.f041a48c9.0.tgz","fileCount":14,"integrity":"sha512-UsMuLpkTOm1BpZ/PjJnr0Fb4Q+R7slFynRihfU3tUcNt0Hl9iJSaRIA/4QlgjnWWDQrix8WqVeNc904sH4gmSw==","signatures":[{"sig":"MEQCIDf0gi2pTRV3uvp2cYHIYB08QSnLJ6fiUAVrxr4z6TlWAiBUVGBuiIkWWQ7aCuQUNg8RDitdBqVDCuOmIEsmulg5ag==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfI1DCCRA9TVsSAnZWagAAZ5gP+wXrRZxlDZyO9bzKeax9\nt09eIZ5xsfhtzwEyv7ckVnQuFUCw/SNkXSJNbsxNj3MBxhJ+XCj8QmirUSnJ\nAxhFTFF0SHQwxHfiyBu9Sg+t39YJ2TZH91km2YWgwPjx7X+CBYV/MV0LMYcG\nDjnJBbLcsMeC1HjylJOWsinoja0zcPd4Wi8cQMZa6fwojOmSX1vgbIGrkF9f\nfW1ZUe/xq0wibNMyF0Cq4iAc9jgVCVAkIsVcaExUFQK+OMQYQQz3bJEwQaC5\ndQauhikla5eJjG7jXKeQTGqyQsprGOfF4mMxfVwLslDHohbWpXxE1Y2EFKsf\nv8TiEq+T5DCOxRW7wiv/v//2gsfMIy5ZUWFRzEIEpQeqzerDOG6yrZoo8sBE\n5fZeGrImSebmXXkt3cXkgl25xBwmwdLRH9/QU4Z6nMFig3/J9yH/yO0KuRfQ\n2A1qWNlpz+yPcNvkpovvBXe/7/R+8FTmhXsQQfrqLqGT7a4CHrGdPLLHgEtF\nwJkhnDX7kGEZdRGjw2pZRcKAQd9Nm0k43NHrehT2CxE2diXlSWIFePY+P2VS\nqSmGhCz8zG82hSUDSBP66ZX3fxZ83wZ0Mpcu+X+mn9OUWSBNsB9gO4OMx6Ki\nToOkh+1n4ayBkbi2owV6ZuyYlJ6ZHUzRIsZf5SFuDvpVQGxkJCaAEuonodAF\njbUQ\r\n=XMCt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.f041a48c9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.f041a48c9.0_1596149953700_0.5228594479724962","host":"s3://npm-registry-packages"}},"8.0.0-canary.fbb1381e1.0":{"name":"@material/rtl","version":"8.0.0-canary.fbb1381e1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d7916374b72e005c499df2fb086992bb75553f31","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.fbb1381e1.0.tgz","fileCount":14,"integrity":"sha512-d801fyBZu8DzeSdFb22LJhzbptJDH2bzK0gHdI4hibAMiXHMOmK+HSTqgeg5tBWykvBNu3tQxBpwdR5bQiK6gQ==","signatures":[{"sig":"MEYCIQDryu0hzvGuE5PDALLmgZ9eECcUwJM9EXcZZpp28iM0ggIhAKWbzfOomWrI+Lgg5k/mkF5SgLLDFAcxARf7hy4zOvZJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJD2yCRA9TVsSAnZWagAAf/oP/RI014LUfwzhaMXZvYMR\ngMeSZkjglY58Rp9/DvWbSM10XVOOGY97zUdvD2bbVAQKSpGjOqRoLNsgXVhZ\nAFU2hwU5NGjSqFoRa4Fks5+nBj2HKu9Mw3h4nG/1oRJovdOdhop8p3GHsn6r\nRTLr/XuqMI7TEGbYg6MpYyIt5Ku3mbX0WQVQzlJFZTjkkJUgq2druatJ2jzp\n5fkz2tLPNtUxoSCe8ql91b0gO6gZG9UcB52QbIeAJt6CTiSIs5duaFfU1tF/\nT1XxZrDnPh+2LuBBXpPGsDpjHadpuFiwFBSiMP+giErqwCm/02ZlBBlHpYnF\nQ+02vDte/kUqDs5rX+YxUhH0URxsHEbfVNRbs6Oi2P1/t37J1y2BPdOIyB7S\nq2AfuzYpWTAJ6l7vCCFToLwAM1eppqHPbpeadiEzLz+UxTSg5+S2LbCij7wq\nKXwrfbzi5RraJ4e4wvL4bVcYucXmOkapt6iiPqB9juI4nnymbIvAA/ASZu6E\n6mYW9U/FAiDkmcaSWftvRAB6+iDbpc2I71jHicJhqFht0mD+crWMuTkJmZT9\nUU6PwNw41zYPUPw2HAH15LaUvqY6sB8AX2+40ofKsN3p5m0xeSQbtwtWj0Lf\nY4RIT//yR7EUAI41WaYfMJOYB2e+uTfxJ+OgmiA0JdYaIPtqHcfLGjpeJnBv\n7hSi\r\n=dc7O\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.fbb1381e1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.fbb1381e1.0_1596210609599_0.46012697016382376","host":"s3://npm-registry-packages"}},"8.0.0-canary.7f61d5785.0":{"name":"@material/rtl","version":"8.0.0-canary.7f61d5785.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cad2cedb4a9b5d208f0cafeba02ab17f12d6c7fc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.7f61d5785.0.tgz","fileCount":14,"integrity":"sha512-VAyvHewNuhawaD6v8UTtOrjB8KxLTwA0QuOMvUYou3MAwRfgJMjBKvz7EYcM/dlrMvlnCt3x1t/LFocRhkDaag==","signatures":[{"sig":"MEUCIQDExLcNFPndPz1tyttpc37Sa+EB/Bvry18PpNsuuLS0tAIgcCu9Ksuw0S/pUzx6l7IKTzOjMy89V39qD+UAYJQac5Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfJFNnCRA9TVsSAnZWagAAdsEP/03OkFFn2hCYN9qRL/ka\nxrCHUKqhEF/kr1//+7+pXUv2obBOAKB0zqUA80vmyZkFgpmoP05PgcTj3cru\naDyBtvceASHJiH5IgoTjX/2WnFuaSVnBfOwoEkYOjUAa90eKpGo/iMZj3O36\nSDDkdf6pvpXmA4UweRo+pqZpSPzeNmSD0Qa4rzOLUbqgDR0lE8fviGUbpcJE\n52KO64m7CTBd3qM3pf9Jfkk+1+Bbl3IPdLzIqYUhnH72QVYCdrtcWhFToXg9\nCF5y4/OYOgZYFxBbXZi+k+1Kk92n5fCwFSMoBsfxC21iHaqQjEZQjuBKf5fn\nmUFgg1+ypQknYNNjQL/yNSH3NJmViST5i3SjVU22tvjpao9XuNqjJRMtp9gp\nfKQan624JHa5VaxvKxh5Jc0C5B9AL6DJ4VtkB5o3EpmmxSyodlbakrcBntlK\n2QboFns8vlzhf+vN9htOwbkmAhMZC13bO2T2vzIplOUAHmF3R0f+AJzw0LnW\n4oZVml00gyJMV0Or8P6hLI6CDkRkKYxwNY76T9xQHFg9lHNt26O25KdIIQIq\nLIWedeGKYKT0dy/WrZEuqElR4fpzABAHmuDen/WVO5Ng6Xh7AGIUqKO5W6KP\nEtSKL4WkyKOSgQNvxlZENskFqIj6LHo76VKLw4Gr/2P4n7mFSCgIbLQqMhPX\nnD0W\r\n=Z+Zt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.7f61d5785.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.7f61d5785.0_1596216167024_0.7301210967497977","host":"s3://npm-registry-packages"}},"8.0.0-canary.e1bc84d10.0":{"name":"@material/rtl","version":"8.0.0-canary.e1bc84d10.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c0bf2a54383b6ac117539181bec54911509d8595","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.e1bc84d10.0.tgz","fileCount":14,"integrity":"sha512-IGIAe6K2pLG4RVfnnN85A5Kt5lVVPL+U6ewWtzwsZ7XWmRlnBDRwJ2/Xdk7PRjuRv25H5KG4BO762QzYB5j2sg==","signatures":[{"sig":"MEUCIQDiCFhJPAyfFUMXgcftK0q976JNOMsYABJKw0+9UfS7HwIgD1VkL5iumjIrQ47qwpFE0FP5pEXzGjNERDfM6ne/Nkg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKE5oCRA9TVsSAnZWagAAxwkQAISBS5749TCgHetBbb6W\nFRFozwFFX+vf3SIE5F0VYHgxkxHin14EOw7mQf5SdAIdQzGhjQAsyt810A55\nNvuM0d9At2yYAfXDxKMKLYNwzFxa9vzJsAy1FHGfXHKWtNjq1YZQgIbNDiO6\nsl3afu8izgEGJF7Vm6ibznEWiM2MewyozY2jIca2s7/2QdrcKlUzfnd9n6PW\nyQjO5FdhFLJM1bIk7/YwhA4mTWk9juNhj+ljWt/dCdzyQ2aHGkOaH7S3swTn\nqadhF0VIihZmONCXgQ1UUIASRmwwb8NVBJhPnpRELTpLDCV8+JFpVPb4Zjdj\nHzqKdP8P0pgEjFwaOK71E0vKFblmjEH4vSEn0mhmmzvp07hAqZkCVKdrEsQ/\nbAfd0Dinau7oETf4TwYL29AO89GqXLNlcDTh+1Ao2XcIiMHdgDEjnMDCa/+Z\nKvI+m0pnfs/AHzO/H0Gfg67UOLONYbp3n9sF0lfDFamoUxKTym6BzJLAxvNr\nTJdAGiq9tbaC1z9tPQDqEi+xO3qvQXdAvPJ1vx+ZuLXM0gXyzVzReSaKeNQj\n4Huo9YCC9mUaQcxVWBE4/rwYWHFbGXjNsvvhUKIDu7gwZR12/AmyQxmAEMGL\nfxh+N1sSBOC69pOHkP6Vsi0wNbmZUkftHnpLbEsgrkmrnJEuON3nI9eltVWg\n2//2\r\n=D6Uj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.e1bc84d10.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.e1bc84d10.0_1596477031692_0.8182758464937996","host":"s3://npm-registry-packages"}},"8.0.0-canary.096a7a066.0":{"name":"@material/rtl","version":"8.0.0-canary.096a7a066.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"618e968c01bc2c1b3559203ac3192f1cc21ebcf6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.096a7a066.0.tgz","fileCount":14,"integrity":"sha512-/JpiBQIcva0DRv4WOek+5dWvGmXR6zaEqYmIRZj4w6bWMvCquGqYHUc/xiJdORk8xIKY9zzxY0bOfF0/EIWyVQ==","signatures":[{"sig":"MEQCIBGE3K8fD1PieI851zMyxZEycaLv7Nf1y7uIm4EDf49uAiBiosM9mcsGu67XKyFP/dQWNGClRDSStdaDfYvDcgf/Ng==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKE8TCRA9TVsSAnZWagAAOSgP/02p8Rv9L2KzxSJlTQjJ\ncQ65aW5ieUwvHgUc9UnNZkLXAaxGDar7x98FB+ni4PVq8TaCs/+9Ffx9xSGm\nu1LQtoYgz6oPXx6WY70jyzRmIAESqLamFp0MG9N6BeNgegGq4dWPnqvr7Rfn\naLnMZsXpwq0VPi4YEFRMG6I4pS9wGzaILMtEQNkcSwISkKtUjOuh3XUyTL3M\ny4lQ7pE3RnLkKfOZi2S5sxt0LbEl9HavS65xWerP9HUn7tS9FGXoqt11FNhh\ncLhoq88lWH6jHd4dGJqxZz/3l2McdqIS9z4s4nYsWusPFFWo4yrZQjs8t0+b\nKPeLvDZF0sW3uqNV7+1HJ/eIE4BN3DiC08+bcqFfZVBaFQYasxBixW7JeVC0\nOOoEkPdng3SAO2OUV19qFxwSuvDdGsEx8MgbWdiA5bTwj67k8OObK4ydz4VU\njU7IQJ4aJEskKmOj/48cweAgFsoIVfvFBid3m08lGYX2Li3gjYR+OpWmPzCK\nQx1MDuHHFHMKYHuZ+rB7sJHW6MFWuGLwCLFn7Jev1W9tKNhZpe+JvaNJFFM0\nRKwz9R2KpchzpZdu83RQ+1lbWokXTEyYrh6FFSGl8lsRfIOiidcC0e2vrw32\ncILJ3jjnYYBi76a3BgPiiXVHLU1AjcdeNo/UmtzdRIfCXWV1Ou/IRvAL/nip\n/VF4\r\n=y0Fu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.096a7a066.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.096a7a066.0_1596477202859_0.7701431104125183","host":"s3://npm-registry-packages"}},"8.0.0-canary.aa3a3e5a4.0":{"name":"@material/rtl","version":"8.0.0-canary.aa3a3e5a4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"35adc844fc9641e39963bec57940bbb8e663c3fa","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.aa3a3e5a4.0.tgz","fileCount":14,"integrity":"sha512-q+8M4Iji4+zsWjQVIGjP3b5uLfGRBPoWY+xcqIUbv/KGh/fpgK+tOZAUOCP5td9vHAkzyJDjjZ9wXahjBx8Mzg==","signatures":[{"sig":"MEYCIQDCecTQNEEibfSU/zpx6yngJ7I4m0cb2yjPWLRoP7ZM6QIhAPbCcTLkfn699RopJ9tc06ae3cq5mdevwfzTuMbMS2CM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKE8jCRA9TVsSAnZWagAAuAkQAJEoPP43dXTF/CGQ97nZ\nL3BEvA62Kz2RLxko4vWedBZ2zFZKgxHmbQNaT7E1IYv6Sti17NFRHhp6GYY3\n+9509tUrBcnAvkNdaZBAnIw6VuOoVtA7siAcNM7C8ITfVWLL3/Xlf83IkyNO\nsXWPL+FyT75ksFZq8PnpBY5IunKbAGlNLX2CNwWBeMQT48vwqegJnav+zZ04\nZmAOdpJdc5MMp5RSTbeGV5yEvwXzwCvu5Z8NM43EjoDSR4n2i4X/3W3kjNAz\n7RnPzRztiBlB95H3v3BY3ltrx6Eb5aoIdPW5vgzNahrf9vJoTiI4TrtpM1KK\njsWLp8YpOdUTHkbCWrZAzADa1LkWVJZHy//LoL+u9ShOpkBiZmkiPZHiDonT\nFx+46p6ywwk+ct4c5vHS9hh3ZH+SyA+g1yp4l6sSJCDrO4+EqX/XgWStsbyt\n48YFlLSMufRzu7M5t6cKaNbXAs2uOuHh3aZ3LPFYyHEuqrzlJBdUoBrLzdfE\npsCq5Ai1QjNva2AfQCjRccVhybaJUSnF34tccudOrBdlQW3FvMV7uWkpyiB4\nZ8oeel1jRJRd9Vgqfbu8xkC71GucD498nBWRKGxz8wNJpfuWxMq2AWemqjUn\ntt3WWGZdCjCNrASUzbbIN7/CTi0zIrrZJI4t/P3Kjo5CEWNfCN3vDzk27lNq\nIxn2\r\n=JJd7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.aa3a3e5a4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.aa3a3e5a4.0_1596477218775_0.6477036743640254","host":"s3://npm-registry-packages"}},"8.0.0-canary.5903d39af.0":{"name":"@material/rtl","version":"8.0.0-canary.5903d39af.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"362fb6025e8b64b307663d912914e4c6e4bd0912","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.5903d39af.0.tgz","fileCount":14,"integrity":"sha512-xsVHhPREnvNKretuoDiE7fbtOWK0j114M2tFXIfWoFKvidhLQxpx6rBaTsg5i4MDpnPnSngTapX/iD9gZp++5A==","signatures":[{"sig":"MEQCID98N4MmfsjgW8FyqG1sj/mNQI4uiOv/kPdrGwo8sgo4AiBzTIFRP90ob/BoELo0tp3u8ZexPsczzRJRFPNAwhHpBw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKE86CRA9TVsSAnZWagAAym4P/31vgWSqPHqYqbCxjFtw\nnCF5E/vMlvbRWo9bXLl0m0VMb8XUd62B7TcJYXH/g+bQWz2hqMb/n9zMt6Xq\nhZvOp2bt49/XCk5eYtLYMSFEncC4Hh+ZqNnp6jbpW5ZMJuREzNl4P9m8oXqJ\n6g4yylpk3+4ynPYs8ZQRpx6EJvgJjs+1JlGQGmzFoqRw1PwhHo5lkCYwMZr1\nrpjm4EoKjSdxexluX5xHTY7VL0mOdMTeP68uZVrs0YLUe5CaQd0OVyNiDtu1\n/i/u0o1wSta4CEKvyL24xJ2wW+r43HH3vQ3dhEGIWQ5har+4Js/VFhl0tWQw\nlGHsXdWv51T+cg2zgKldg6iZcYaHKSmXZlKB0e8oRQbE3qY75EavD+fjztB3\na84qcW4+QYkaVvoPR9wnQvD7/AjdAE6vBiAztuDj6v1ckFXHV+cg90lUO3i/\n5rwU16lPJHiVQJXDZxYC3ud9pyO6fWNMMyBKo/zxE7sW/z2L1wQmT7+GHRgO\n7Zw0p/nDjKPL866ZeNBOosAK+bBffyo/z8BrYodlc7TlUfYQ5ZcEthzLJN9G\nF3Ha5YeDdCs2Hm/tC1O+cvMw68c3WhA3KQAJPvhTUCAOyZx+3h55Ah/MZOwR\nvIR7XKmUT4NWX5P9EmCBcEE4gAEIRsr8XYQ29b5IB0cLu88QhnWXbP/LVr+4\nSxIG\r\n=/w+F\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.5903d39af.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.5903d39af.0_1596477242298_0.15134867422094245","host":"s3://npm-registry-packages"}},"8.0.0-canary.72258f898.0":{"name":"@material/rtl","version":"8.0.0-canary.72258f898.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0d44bb096035057cca7e205ac8fab59f5d7fc4ad","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.72258f898.0.tgz","fileCount":14,"integrity":"sha512-DrSFype1lQnO4lLlBhbTF5K2ZtykRGIEL0C7kSkHT5mq4BGE1vkhoyg9PfUP6gCWUvbmeyubUoM79/FIm+lzcg==","signatures":[{"sig":"MEUCIQDaw4Wt2oSfGywy28GyfbMMx3zn878tnzjZ2a+2tEGYAQIgAI1Y7cz5zz8gD8pACSoWeczEVHNqyvYOosDVx7gSgjg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKLcPCRA9TVsSAnZWagAAgU4P/26XdWKlCEyN67ksJIpa\n9BCqg8tJa0+B7Lm1cgGlM23F6+lvkyocjBohvhpAbwQB2wWXIQ4ZanWgZpjK\n0wOWaJdOMwQO3H1giTHjhaqXE97ysruK5T/b83rozcs9tQ54j9+AhWAlwpkP\nl2tt+OkzxclJS9n1yC4EQHvjIo3cSP/q+ZRBktsLwLceykG7yGT8dh4JN98T\nvqHA22E8ZKCWdOg0I9svYE0i2XxrSxcSZXzMocULdi3ZhdWWC/grgVS9FNwH\nxT80mWOZEsLWzB9SeGnu/yGwQlJxL/WJ11UaVuVcPntZJpSH7noGG7/yIPFI\nG+joapmK24pra9tw0F2fKaKcAXivd5cHcicmUJlWqKcczBtFELFRKIemAUsj\nuaSr4dXW/A4lsEjuH74fAFDNTYgId6tOrP2VtGZZD+s3UozcNp7B+4ElIhbv\nf8cD0IkEj3nsRPcOtwwfKs6ZLvns/BX01v+jSrsK/mUSXfSQSRblvvy4jNGC\n9XoCpywXzARznyf+dQ3Xd0uBbp0ykOuhnZ+F3xthR+OLfj99XxEaaZPqnaW9\nOY1OVLAsC4LMYG3QD4wAcwPw9XxbK7CIgGrjDvtZyIFISyrsOKdldVHa/deF\nQ5F9MQ67jxUJFXg+vl0ws9jctDV0Pl9KjtcbPMCZZUNTCzpcW5xNt68SpFwP\nzRKu\r\n=Uyp5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.72258f898.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.72258f898.0_1596503822923_0.4977561571327702","host":"s3://npm-registry-packages"}},"8.0.0-canary.1b44b43c8.0":{"name":"@material/rtl","version":"8.0.0-canary.1b44b43c8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"565d9deca4dd2d70101290e568daf6a4e8401896","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.1b44b43c8.0.tgz","fileCount":14,"integrity":"sha512-i2J1uknQGJqlKlgFj2hh7PetWFvk46u0gLWRb+bdFti/7Vk1BqffK05kap/LaBDZt2c0DGqb4GybeUKzg1q02g==","signatures":[{"sig":"MEUCIQDwVf48mreO1Ta8hF2Dbs/Lk2dF4Hp+Co+lG53iEpISHgIgTDjkfckhrZk1LmYhSurpmgYaZzIGvoKy16/JerA8GoI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKZE7CRA9TVsSAnZWagAASEAP/jGIf+cbeGxunZ2+uKDt\nt9JsxPFG8aeyxJS6414ck3eBwoWG4PcKCY4BMTKdmNtFcSv7rumQN/KtBdPK\na5FjgT0PHY/41iXkY8Y9cnhp6vv9YHIxqC6eq/afrc7btWUhdPFx37uktxS5\n9+03t7vg9pA103nQbRXhnUjtRwV0ILo3IXd8DWs5VH7foXeOXAM8E8kcPeFF\ng93RUDnE8bKw60vvDozQT6ly6QykxlXbq8kvHD/MeJIITYlU24DPx70CzG1s\nn11F3EP1+wd4UrYeCu8KgUUglyTuj6YCpv6tDYlqkmeryIiWgVlahfK+NnhA\npzL4FSuaPtfCKFSEJsj84MjNpvPN5OO+H2UbdiMm+Gn1Dlw5Mf4txZGeob5L\nIozrmcDl4yWNz9motP/7ZdIMwMQ6Y8iOdRbdSQJ5zEcdSwFWV9HphVCJumtg\npD/Z73MuRBFDQOZKj2HpqbCRW3uEetskEmtCGQCdcetZDDsMw36AlbQerld0\nP8pIs5+nsTqrc/ie1HYYIZ7BnYXoA7oHFpJFF1PgJp37T2l58NxACKjljc8g\n3VCkh0VGXBPw2uxj1wBHkaaV7qAoAA4qeYAT0pfkcW1Bvw9RHcU4KMFGhPJ7\n4A9bYB476q1Cg0LF8vIzSIF2r3ionZzJYSUlLEQVEEMImP+tTp3ZvYwIEIK9\nalVq\r\n=6tUf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.1b44b43c8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.1b44b43c8.0_1596559674760_0.937308489333541","host":"s3://npm-registry-packages"}},"8.0.0-canary.e9d2e2f96.0":{"name":"@material/rtl","version":"8.0.0-canary.e9d2e2f96.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a29596fa1d1cb4b59b9873ace3904586318d8c68","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.e9d2e2f96.0.tgz","fileCount":14,"integrity":"sha512-drGCe7QcFNZ9Yhacm2OPBo9LdprgOXS9EC96tuUnIbvbA4ousStWGbzN+A5vVFJaIXtOF8o1ZysOnktB2H4J6g==","signatures":[{"sig":"MEUCIQDo1mBcrWBhxzJgOrlZvJ8Gxzfh6gp77nOcP75rmrbEGQIgaazM8wwWXJQ2MfVFeiShaKuxhU/lzoOmGGYDPtyqCF8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKcPcCRA9TVsSAnZWagAAHLYP/RaKsMeNAZAjcFpd3TZH\nVsyt9YiU2KS0l04IcRGFXay3OjytOdxFnrjCIsrZobPPSbMOqiAwwI2/aDrO\nRe60oMwwiCL8QtMcq0RUfGz/+jmVNs6Fxme0OxCQxvGXleQCNvgLxxaeookI\n+AsgTSJ5JIaRhpamFLpI3JGJrbD+rF5uuMEomqMGbobDLKzFhHcITAgBxkFv\ndf56+vY2VAftHB9eE7h97iKXSBBj3RIyQ89Hy47DN8l4K/GeqiDq3P1y4Xzm\nopVcaSAr0/zIDctCwM4/hmhLJeWdyv+hvRB31Yp3IUQeq5UNwMdFNol1ZI27\nUZuD2sU+ATok+6tR9r83HM6O/HHIrFbPghDNtq1U/ilXy8EgimZzRzrcHGO2\nLrUFaHI3FcXPILtPYDSzjjzhpRr2phW8yCDfqUrUUrNW/LTsbbL0xIpJ3Rew\neXTM78aLs8Ub0CPV8s1lQ20KIBfNHjCfeZ/f4V32Sz2fT8aAIMv3o3cEzFXo\nsj6+9IXJbRdq9kiNYOcAh1azBqkA3oH0mcRQC1ug9n0HWnhArLqHGDySahDH\nRhuhPiEnD+rT+2E0kTZZxiUgGc6tLw43i/4RTEXzmrXFP0DQuc9Hw6kKk9ss\n34DmN8HNYyFqgd530d+hvYZYORESVXZWt0KMao65BwUsQRkcrnrzxjOmNcvy\nB1Up\r\n=RNLp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.e9d2e2f96.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.e9d2e2f96.0_1596572636338_0.5614422462515125","host":"s3://npm-registry-packages"}},"8.0.0-canary.b9dff0a19.0":{"name":"@material/rtl","version":"8.0.0-canary.b9dff0a19.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e058e6b2ea7661ac2156983a7ddf3b51b26b9bd0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.b9dff0a19.0.tgz","fileCount":14,"integrity":"sha512-kUOt6RRy8mrSTDYU2KVbkuv4oICx5JK81O2K6qOP3h26g3l2oxOtbFRpaPQ9NXk1WS/fDboAJko+RqQJd3OjLw==","signatures":[{"sig":"MEQCIGEOAJWD8/MMzj87SvKn9rL2X9+iEyJ7+wZtHSacCDoNAiBZdfPKf2rnHe34uI1Mm2uQZIBJfbMQrOHrX+OY3SPFsQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKiwTCRA9TVsSAnZWagAAB5UP/jBmtkAf5gcC2Td1X/Pz\njcffp2T6AGgafhx3lIYKwRM6x+/fw3h3dUMCVMLTG/Z/68eUHEBQoNDLTcjX\nw0na6ULT4JjahvkLK4Z+d2sEaUU1KKHiJB4GeIEe3v6T90gymH4OyTorntks\nau1mMycCdbnL6+8hXBYlESOxTnOvt0sD8rx0emRi5LwcU9v/HNbece8J/DwY\nlG+5kWX/UxlIB0uaJ1eL4Wnz26WkeXv0kZiH5qEAzkM8iONKJlEuZckRQYJt\nzf3N4A5abSe3Yg9bs/fG8Byineh6r1+VGhCHGExDqLZKQ4K3wfWwYKcMMvrZ\nnxTclxna6Kl+KFHxLdFo7FrgSAq7zbT0EJzE3Omyz19S6ExLDACDSEi7uiQv\nLbqljPJUraBGUxHohWofuoMcgV/dRGGLRklRuKu/J3N2ag/HGUJHm7BK7X2S\nk0FWoF5j3ANbgsscCfP0gHXwAqurn3ywmiZyjWxve5vRGOJ5sBQlgyoBOJGa\n+CaBIPD9dEZdVNy5/VB4Y4oShlasAY20TnGdTQ3IuKeoJbd8EnGvOQ7qZpgQ\nnAw+kI748nj/DMFGcc21lJGhNAPmijZtOoywPXIDcRKoydh7/DXup4J5DyqE\ngl7L5wA1+G3Xav2dJaazp6PZaI4Oeadf9CwS3yjvaX8Qmlaj53e9E9pKkHrs\nwbmQ\r\n=/0qO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.b9dff0a19.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.b9dff0a19.0_1596599314673_0.07059475190929576","host":"s3://npm-registry-packages"}},"8.0.0-canary.2bd09a706.0":{"name":"@material/rtl","version":"8.0.0-canary.2bd09a706.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a1bdfc0eb274f2334e43b309aa6ae920b070496b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.2bd09a706.0.tgz","fileCount":14,"integrity":"sha512-IPFOCNYU6Y3Dht3EWmmYf0TZRWCpHQbiBkwTvrsY3TiYQpph5qmEMDsGuCx9Uj/1ISz2nM8lpKaOwLV18EJx6Q==","signatures":[{"sig":"MEUCIE1bJuW2qJLr7SY3LVPbDSlDa/f8MW9Tg8kmHIWMdzVrAiEAkTGpVGvrkDXHNFT5KTKOdpM4xjlUUd1211NlK78e6AY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKi09CRA9TVsSAnZWagAAt1AP/A33W8R4UUtUMqJk+b8h\nm6QKqObffWXf6s9VZEWOKL8zkP36chnWT+Lqz8OSACicn95WEk2uXAteObxU\n5pyYV+TA1P9ZJCSm10YIwbb/BuyvOYvaKG6lmILJ5hYHL7baC+/awBT6Ep+1\njckNT3+bS48AAHe6R3CsMzE0QUmOypMxyv7pbu7Jwy0ucFWyD2/K6H2Z9LaX\nGF8Bo4bo5fhPVKk6kw+xczt9QRManbfh/yJguoWNBjXIhvBD5mbm3KkUi+v8\n3aKBJWPAYmgfOzkzytd8iV8ZL1HrwrqaYIgW/VfBe36Tu4yPsyCBeGdyNBtW\nJAZn7x8gKGM0nSNx8QMEhyj4JVeAb0nWML9PkyWJW8a4QER0WdlZB2vAveHc\nPV00bdQhW+WRANW4BR4q0wqct7phVCuwQGuGrfkJavVfjLXe79RqPxukxFam\nsQBgASd7dJbmVVy28X+vnVotO7qLY94HedKlrm5PwwzfKdzG8iDPlXo2UIgQ\nkX5SY2OtCyDXJtEVAplvtlK+t4vlw01o0WiRkLRjY7oOa+KIDNr90AHcL502\nww0T0B3WJdUOGR4qHYE8WfMUTQ+CL0GulSu5ikmkPp2mmA4Y33urgbmDV/HW\nyqJLgeRZTf7kXv20AOi/kKCtqo6pJY749/JMGfXXjfyA4/Sr8gkEx4KBBW8F\nBDvZ\r\n=TnIq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.2bd09a706.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.2bd09a706.0_1596599613328_0.409026566399356","host":"s3://npm-registry-packages"}},"8.0.0-canary.e0560522f.0":{"name":"@material/rtl","version":"8.0.0-canary.e0560522f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"81dd06d5e0abfea04ea114b04c178e0567ad5df9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.e0560522f.0.tgz","fileCount":14,"integrity":"sha512-INOrxcF8t07ecxGIBacdLhCXsDe2mpV5PXc9V1/IkOYJheSwFb3CZBZeMMtpusg+pctFtC16uC0ZPEUxRH0q9A==","signatures":[{"sig":"MEQCIGAb1OUyn6WnuM4uo7J0ekdup6MnfdIyReZGxDD40x2rAiA4PXGFxDrK07MNGBGYMLzKluIeCmHLEx0sWbWsE4sjCw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKuodCRA9TVsSAnZWagAAiEUP/1pjcTkbapJ4QtHgsMk7\n/8db/TlLfIqWCY4D1UtIeYS3AszUJ0FHCrwNxpwXkW6oThdVybvIQ0q4ip16\n4O2wrfyiaWt3EuYRzw7vPYsbtZQYVdvwfRZfTm8dpT/4nJ0rkP97p2J8TtDS\n2SoGigT+zdbVwEkjGsrc3IO7pC4tdfq63lueOjhr8O3yrSK1lc7ObeXHA/6A\n+S0oFTH//o4DyrvlepIG99qtTun28kB/WQN/cSLX0J+8pcq47+yBMeqtFRuX\nZOdydU23Z3eQgZRArKgk2fVGMabsqUv5Cm1L6wcK7aeod+TuXE+mYujU+Br/\nsA3PPx5qcQ/0MZLFaB2jWyL5UW6cxqFhxoDdfrzc28nLaFyfqZnXebzVD0kQ\nIkHIqYHkC8MkjPyQx1Y/5ggKZvCm35z7mwxiuvVOwsBMNrA55oTaoxjztRQl\n9okSJZhp000pXXLzFtGJ/7/Hu6jcnrH/0fLe1NST45OckKz5ztib8n2TuXAL\n8+RQg7GkAkLMIsaOS+dP1YUR+hNFWt7MMaqfZhwECyb9JeIWWJt5Cmy0fZsV\nH4/4vbtOp8VxpjkIX9q0Be7Oqj7KGg31hRkLtDMwL1qFT4y4/XB/C0Pzzdlt\nOFNzD7CwUozdH8s8rqkJKKe+gHLXe8bWU+7GpDtaw0T6kuyK81n4ujmDPLSf\nkoxG\r\n=b+7t\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.e0560522f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.e0560522f.0_1596647964547_0.5581623117999464","host":"s3://npm-registry-packages"}},"8.0.0-canary.08ca4d0ec.0":{"name":"@material/rtl","version":"8.0.0-canary.08ca4d0ec.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f9d24dc362285cb4625f857ba07d965f9f59c76e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.08ca4d0ec.0.tgz","fileCount":14,"integrity":"sha512-HF/aY0tybkvFBm+W/vm4inpJwy+R7PvROwwV8XuJQ0xXwQhBWlfbfoJbSKY7Li0EMJ4zE9nraKebTTc2aVNhOw==","signatures":[{"sig":"MEQCIC6YblvWmv8UQtbSpD2Dj6iIJCfD+tYnq39fb7DRClYLAiAOSXmQKU03MQ2tQI0TR+DTHc+3vGLhcqYyT5u6igdkcg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKu66CRA9TVsSAnZWagAAzTMQAJ11cl+1L48jmLOqEOMV\nTGq0WyjM5bUww+5GLY2rZoBiZyie/Q22O3Rv8QYsK3qbkuEcBajIeAJq+REJ\nhrVa/YLHkX8wrxZI3xNmi1+lNa8/f+4f7x815aEkgbwe5SwnSXJu52JrAmuH\n1/kjLagRft/4wLVjlcPewaQCuDauOt2XugsR9Z/FDZ1a8D/FathVJM8GrsDX\nyk3cgxVevFieljOInA2NvNKNyKy9kfc9OhwLti3Avujcc9P8ZJAUza6Bq5vk\n36vUT32dPZFswKTQL0/jhszJ/u+g6AH1Jt9D5UiJZnSM2ihS77VFGtmRAQ2u\nm65uLdUZV1o8gEzuE68QfyRSPcer5NswZyaLIdnU9r41hIVSAt+1bzyvirBB\nLBCjbqumPJCCqJVGhoHSyq0gJ1bwLaneQh3pVemecHKBcJiE7OP4xR5G6fav\n/74M8YnJJ+4QOgx5IyJSmkj5bdnPLESA7DdbNgSY9G8e4BgcJpahb6IucYHW\nope97othsGjRkajVLbwv7m/dHc4a3nTtedD50uuzSHlrr7NJ2b6EF+qXC2Hk\nOaTS7oQVUGz1ZL2eiu4r3+QCJ6/2NVF3pdQ0xLkyaHP7C2ykAC2xqBxV+GGI\nbnF4j6HJCZ79o4lQMQw97VqSFIU4ya6xIcR5GXxUiRRErpcmnfn1IWn9K8fS\n3m8D\r\n=Lj1e\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.08ca4d0ec.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.08ca4d0ec.0_1596649146446_0.7650314230759738","host":"s3://npm-registry-packages"}},"8.0.0-canary.08090126b.0":{"name":"@material/rtl","version":"8.0.0-canary.08090126b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6224276ccd9012dd4bedab9e93ede6ab5b0403eb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.08090126b.0.tgz","fileCount":14,"integrity":"sha512-E/3IB72NyvMqnTeLgpp06pVmbNC/LqVM214FP1A99lwtdaNbRoXYhiCQd3KDz6+aw1hrCHahqCW1QDjMvWhs5g==","signatures":[{"sig":"MEQCIEGYidzjhzWFgS9udNjiBSCSwdf27yF+OailqPFIZJRWAiAmlo17+OEsrNLaobUIF6GF0OBiQKkh4Qqp3EsalZsurw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLFrGCRA9TVsSAnZWagAAuRQP/1cnVFVgIs+bmB/E6c3v\nCss6URMwwG5Xeyi1RD4xtmrxfK1Dr8bLqnyruZQa/7Xxw8f6hpEkkYtT4dVz\n6i42JTOBJwSgr+UCSMlOlYDmB6ML8zyhCs5S1IhW+ysGO2BKyTJ9WpEQQ11n\nO2l43jNjtMq+mSTh4C9zEBpWPLwlXIIeI0XFdtt77ymC5A2+3L8DG/mn/fE3\nschDyouXQLIw0jnrLNfQuC+PMVipV/tIg22lB+t8ZL9btdeYVjYASkFKrgAH\n9p3NXUdLSQI0S20YCOqaP0g0H5HUEZaIqkbLd5j5TvDCyl1T7fNsaV5Qgb8v\n8wz4WW5GIjZNe/S2+xtKMow09nek6NYidEaWIf96umia2ynnqWca7Zn+SyL+\n4oO7hoM2+tVtDd/Ka0MJrZbMssDmJ2haVfK4XnIrcrxZNBE+TcKe5qDOl/o4\nWK8JTqR87Wxf/6QOOpaqSomzkS4srXgtgpiPlHKoIGjccRh9XQmqe5IdZNup\nVanxOxc4l6WLSJZwB6BhzNSJuI9+gVd6TuEGskislpgzloV4GEDN8IYFoHHt\nXAx0vJgAOcTrcCfodARkTaY/9Wo6mrBFlzQ6xbxQtjEXGTAATJWbGvgJae2i\n52hb9POtd/h+5dIp3hi/So8gnXOEhvFAFwWsAM8Rcda2o/0DeghfLdi6gURK\nRkIA\r\n=MnzV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.08090126b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.08090126b.0_1596742341263_0.27038643203164514","host":"s3://npm-registry-packages"}},"8.0.0-canary.e8bf5b2ac.0":{"name":"@material/rtl","version":"8.0.0-canary.e8bf5b2ac.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"68c53dbf29e3d1a425dc5edbdb69102f43ba4c2a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.e8bf5b2ac.0.tgz","fileCount":14,"integrity":"sha512-4nRLXQz/wA0A4fHmFAVh4E/ClQ6qdrLKnlZN5Wfn7tE0Fkh5TPvk+23kpo/6Zh97dF/Z5gBDwBBREWQe4nuXgA==","signatures":[{"sig":"MEUCIQCsKu4j4nOE4SOEh8zqsuR3sBTebkrOR4NjgQYdj3DMZgIgenvPhAnCPvtShkAsZMJ+OkK5Luql+BWVdYxUBJbvCHs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLHr1CRA9TVsSAnZWagAAI4UQAIa4TFWAiNmp+gid5CAy\nF/J9FFJMVqocvUMQXcewL/7qBJBEYISdJ3yL3kRG6tas80LlLpt2sGc4kAs0\nxoxeP2vIIG3SlA5CNqBiT1jLNcjGTw+REWpYAJHnuSR2iX/7MtHdHoiZOMwv\ngU0cA4BEnnU8EM8i/1fPBN1sJ6eovTCGHXuEP+i0Kqd6IY9OHnf2gdAJJw/i\nqaXbb/QfXSYqHgkjwGx+ZbElacl1GpWyO04VA7CCZqe6birXoCa2B/gH+smj\nmuMH7J1BPoo2mbzR9Shl97AEjXcbVwRtFKZF2l1RwgjY5a8dQQoBKLzeOvA+\nFS7EozQPdrL3roNWjIDBFyX65Ar+1R2SdDfH7nV5B6P2K/Qaa6Rcc+QWFOj8\nOZgPsfhHuUPJky0ORWnD76OBGg0Lvi+VqKVSUbh029gkcUFAptRoCjww9+HU\nJCiu1Fkt51SHwYTTblnnDutisxgros8G9Idwx7qoZXwxduB29GOjk7f7fBEC\nlcZ6tXGnjTf81ZOkziysTzqy062KB44JEmq3bs0tAudEBLaoplcrtHkxq5OF\n0/UBl2m0/Sf0odi6/DEDOtTHu1tkmaThONYHf3qz88v8zsX3S9CqCuD30QYd\nsYf9vEJ/j2kfZEqQ8/Dmwr3HU/n2l2q+vV2Zhc1wqLqjXijtwZzgYlj1pMW1\nkBsC\r\n=hsLe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.e8bf5b2ac.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.e8bf5b2ac.0_1596750581306_0.4396354161655316","host":"s3://npm-registry-packages"}},"8.0.0-canary.e3b746208.0":{"name":"@material/rtl","version":"8.0.0-canary.e3b746208.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"55c0251134674c4498d57e591ed68246dfc4926f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.e3b746208.0.tgz","fileCount":14,"integrity":"sha512-JQv5BKbMQyib+jYLQsY2EIBnNZHeM6hoGKVouMDGxjXnHaa3VsodO7z6vdyBsUd6DnF/V9suJR19PnfOYxN6Pg==","signatures":[{"sig":"MEUCIGofoLZJlcccr5beauNOPbUgoSsLHCPl65dOkQanOW+3AiEAjfw0HCrNlx9fGP52jn4SYLfhN4j+w+3VBdeeO+k/1Zc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLIOUCRA9TVsSAnZWagAA0ksP/1fI2fXeDpAfs4GEjGGW\nv2rM9xhMT+epnsEvlF52WslLgewM0qfPfxmM4YRohzQyMN4UVEewO5IgmkdZ\nWIdHMSuoQ1VtXMY3RhO9yd58pAI7n7DSN5y0CkiB3MwuPnaUgq7SnbeeiWG8\nNQ18HhY3iQ+oiS9lf2Zr00l7r0vXytFz5Oa8P1XgMRqOAW/pxX1a3klr8X97\nZnEPrgnbriYdR+HclcBD0rPhUW/eY+Zb3JGaUZbb7blesQe9w9SUu8inUgLV\nYgRZZgNGEG3W6nZFojtFwbMFwLDhOgOXDRTAm37EoBIHoytpYljCwfz+/bzy\nMsN53a/1J/AE0BF0yK16mSswbWQqpQNaCjgtESHh2amFr+eYxvXU3FwviWr/\noCtlVZuEhafFnf7Ha982JESG1WxcEyvzwYGgbLkcBLVt+k8Zrck7DfyxPEw0\ndkX7lK4zD/RILcXeKYvS5IgiUP7vCL+DN6EXmiXnigUbqYHfg2t4HXAKoek/\nvVW4YtkOa+yDY6tWgT+E7KHe1SRdsqeS8qBdjaEK2RJOvGO6MA8MdvLJTwPf\nW/Zn5HPV2dVxykV3N3Wdy/SN+Jt0i+tIgiCGevTjpcG/MlYLqBuWDeNO5L1W\nMgAe8F8b0tkslyQ3ZYa1GrxLAQNsaPMdqHXHVjzw+su78w83xPXCXjrVpvjF\nFnmj\r\n=HZFQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.e3b746208.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.e3b746208.0_1596752787649_0.1067516804018982","host":"s3://npm-registry-packages"}},"8.0.0-canary.96a640534.0":{"name":"@material/rtl","version":"8.0.0-canary.96a640534.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"55ef94c528d9b6ec01f9a61ef44141eb8f2d39be","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.96a640534.0.tgz","fileCount":14,"integrity":"sha512-ySZjMtmwiKR911hztDFe7heI/hxZ4O1Fuwxj5SCq9YAn0ORLE6AnQsAFE6oW4jQ25qqvw3INxp7jB3o/EiJKZw==","signatures":[{"sig":"MEQCIFGQ8BI+AP8+DmlvIigeVI8snX4Cej2HoQCUIYv1LXZuAiAnCP1oRfJ+38guPsJV5P2mb3dBL1OnU/pTl6yBuxHawA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLIcJCRA9TVsSAnZWagAATtIQAJA8nN9U6SJiu6Bwog2L\n42PrKWG+MkQG8WyD9iz20xWJPDiSiue9esEM4tQ9kuWB1dRe60XyYV7cjzBd\nMac1JtnCRt5AllB2cPsMeII571BdJ7hmJPIv3lFKeXZ1bgW1nZq1pYh9nEMU\n5j6n0EfR3JmA7FqQhnltsLp8NTZpYPQwl/35IPj9CBYJZICartQTWD+d59HH\nsB2Sn2YEikUaqCRtr8Q5d8EOkw0HtgN8aCxJMBHALGtTss1ynQbJySaDbbXl\ntlvpInCsGJNdcGUu1DH6yI4AC3zMvG92b1FaPbWQBcQEyedKnj5LuKPHr4Gw\nYZOGk92/hwu5RiOiSxmPzfbq7khJDa5Ivh1KirNUA/kifisVFuaVKNroGiN0\nChcKLGleYtmXCVqlmMMtiN0SJhEeUICWZ+s7dmkx8wOMp4MjDap9Xcwc52BP\n9iaIjB4+IbRj6JLhDrjQb7crCdVheX10/WlTobvTLWQOV7gncv0qmuahCHOw\nrpYJXJRWrq4IFU9zUSWOYnVD3fLbpCOWlonBSAs2QXlgY5Cegzbp7YpByKl0\nuexXr/g83wG2KkIEmvdMI4U/eHkFH+1F7Nxd4pabfMoWtNOIFoqVh/WHNAzl\nBiH77b8QN5PU5WVARd57FZuGXOe9uTysV5ZUMy3V0QFQafdEv/a21FvU2Zry\nTQFa\r\n=nwW1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.96a640534.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.96a640534.0_1596753673451_0.5506097291071026","host":"s3://npm-registry-packages"}},"8.0.0-canary.9f9aac825.0":{"name":"@material/rtl","version":"8.0.0-canary.9f9aac825.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"138d6a5982c65fbe918dd75ffe1953bf95367116","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.9f9aac825.0.tgz","fileCount":14,"integrity":"sha512-SbcEPeBYzGbUzOkbaFYkeX7i1dvq0oY7y3UvPlPvU8vGARnpT+IIxv1lGmn5qw8KLgqwIVP+JQfEcF6fJ9MUUQ==","signatures":[{"sig":"MEUCIETIKLFWFyzhP3hI83wLrhY3cmr4sa/GctvsEG6ZygduAiEA9U5RpKp+KNVtOI30nKsbZ4XRQ30tmyW/qAPqSEh3BAM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfLb66CRA9TVsSAnZWagAALYoP/juwG+M90MEn6hjStmp5\nyZAHtFAV+qiQhtKqqeC8qml175uk194898ry8v/qJ4WevnW3fQ6d9Ps8PuBZ\nWxZPtQw1Md3Ynx9irX6G960U4Cvj3gZ1vyPXKvBFYSlLTZRcenvtj8Wx4U1G\nux8x0dUqXWgmxz7seedN6DoF6kNmxqqARNjIO8aVcOSkJiQ9K3o+oC6DFvBh\n7lzcy2wDZ6OO4zEG4Hpcm65kDA05KTBa2qmg7xAqUmG6AyQNK3ShgyxVbQU4\nT938z1ZGLvcudWLa3Givcr9c9srE0c0OhZHFDRUaw7vdKlsKZyxgj3y2uf4Q\nXRcH9LFB2/gW8HskXeuecBTGaiF+IMYkG+4oVo5VkMgXXk7lsGfqn00FRPx5\nOnopAWU9/iuZQXbtPtXYMXUnIJWIKHFHpCGEhTiFGW9op+Wa6lrKxW6MB8OY\niK+lUkQJdJ0OVm+rgJxwjYG19vsTuFjcOpfFllgdXsNDXR/+k9zwLoip9YYW\nJDSJXBcL00xxmL/0fd5zlzDefA0kOfrSZnTMK9Xc+rTGYzTTRnEGiOIDmw4O\nxPq7Uwtjkc5km26OG7Lvdia7mNUYS9pIsfr/X1FZj5u1s/0RywnEDjWD9XHB\non2oz3iTg/BzTrt4fNLjsQvR61qs7F72n31BwunSngWNS0YuviAJT0ygauFf\n9b8Z\r\n=mxkr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.9f9aac825.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.9f9aac825.0_1596833466141_0.23236232696089787","host":"s3://npm-registry-packages"}},"8.0.0-canary.fc65fd00b.0":{"name":"@material/rtl","version":"8.0.0-canary.fc65fd00b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6ebb98c8377f09eb07735f08099f577e72e58622","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.fc65fd00b.0.tgz","fileCount":14,"integrity":"sha512-u3kLH4dsKzwg1vCDMeV1+UYLY0x6C9/1pCIvLm3Kc/X6Vc8TaNXS/vN83oYnbAMhyacZyUKcbFJaP77NhSiuQg==","signatures":[{"sig":"MEUCIHS+70pLKaoU7mwO7cclq8OMppHmTbDNz3cgd5XkhVffAiEAkaDilPLP4fax3RA6hJQlyq5ZrdnuLXiF+Kcpk77x/sQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMWWmCRA9TVsSAnZWagAA9HMP/i5PgbILgKamHGaA8QFv\n/isZhc6YXacrDKXu18HGo1Rav0TtR2URJfgbbLxO6/b/QZrSHAJ4BBooWEV/\nn6mnMPgGgdSRrQvdJWa9wl/26vp/2CH16vDEB6pyj5QsJmCUVTGhSY4t5K0Q\nyt7uzIXwJnXqVguwAWi1LGqA5iYTRbqo9DBPXH/J4KoS0T4/GQms+EC99WcT\nbBZHwPbkWmCmVsdFNH62uecgqSC+jJJCKjrqjrVV2pKE3WnfQspG24aeD3D4\n2knK77l7KyUtuooTSMlCFg04YMXNaQnKbKDVkFC3Sdt2JsA6MDkWsFlV1S/A\njEZbsPPHP1GBKcJOa5y1zt+iGydi33jsJp016CFbmdWkvUofbLpe0+QuTBmN\n1IVRJ08nUCSybv99CnUMpUHn72jmo+6PhSTSrLEZNqxgjCURHR8iqVnKQljr\n9mtYSsnbQLGuBSyIQPFnG16zffqhjZl9OI8GyV8K8CHHW1p4lo8C247ob1G5\nx4oZrt9xnzC1KRDgPJIDj9Qhsl5/N6nuA3V0o7AAIynu6ES6KR5TmPtpbjwF\nSwUJoMx0ScJ8qHrbira9IIAUSyqG6rVvc7V9tURV0MqDQYUCB5/bKJzF6iem\nNB8G9XLYn1pw89ZoYjHM19C9K6UrlLKTiyJ0k2uqRB8qLMCfXQmpDiKK6X+6\n21n5\r\n=Mo3P\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.fc65fd00b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.fc65fd00b.0_1597072806046_0.6303163977772237","host":"s3://npm-registry-packages"}},"8.0.0-canary.02e372c5f.0":{"name":"@material/rtl","version":"8.0.0-canary.02e372c5f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"fc7b8d172f87a2141343df6408ce59f2766d0536","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.02e372c5f.0.tgz","fileCount":14,"integrity":"sha512-4sOjPjl3eZI0B0xVFZj1BbVdTxFRDgCzvnVxUHa5SzBXimdyk53iSld/p15F6LcmCG47O2Py9nGRjeQoa9c+2A==","signatures":[{"sig":"MEUCIQCSUhS1kYTRPe0HqubJS7hIdl12WQ3PS5Vi4uCTzLRKkQIgVe8r9qi28aoB4kF7FjYE02Tcjc9cGOjXwSeKRrwbk+s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMWxHCRA9TVsSAnZWagAAtTkP/0n/Sh+DFeYgtel7qtSL\nIwz1oyFo3a6lPwUcqBaLqL1HCLDXRq8g5jhNYC4TD5IIPWL9aQx/kuib4PrB\nh13OU/osclGOnfvT8f/wqOCCOksl9hvfOBzrx4yv8ENK1f6ke1I4UTE0ZVoq\nsvGSRan4SLZd+WJFxhtM3JAF3xUOwc8Ad6YqsuqJp65AkFaKj8VbNXwJsyId\n2aznLkynri+YZ4qcbaqyLQ8/UcfQnz+ni9gWlLVx9TeznUzxE0FWmVPhMYsY\nZhzn74iAaF85uZS265SLAjcdZ9ah7UM1U/IHRldqiX3D5bj4PDbYVm8F378x\n24DmaaelS0bIOSUJrpT6jnPRCQx7E4FDq+2wcyMdpRqTvioXbi1tHvBGTuon\n9MgMrxPXAMbyGyItMRmCbLxnNgBRJQ+DPKr7Gcsu+7kwsq2EIbE55ZwGyRfG\nHKM46rKQB9anmTshCEFLi8C78AGvNk9H7uQ054aAkn2kDy+9V6gE8BaR5a4q\nEnHyTYyrPsLdclccLHjx6VgmfSbQP6cpOoWRYH009HPml4RVmVtbWNiJKktW\n972Wvnzvu7mJymq1RyLD3p13rsf8zsH8pf6gUxwj4sX1FkfyKnZjwzB9xGoE\n8tqc1FRC0OFtEdHz8MUm+dW8yIohAuZOpBm6alfp1ugGbPAxRaMvK4+h54Dx\nQcPa\r\n=onBL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.02e372c5f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.02e372c5f.0_1597074502602_0.7865965886619515","host":"s3://npm-registry-packages"}},"8.0.0-canary.66669e3b6.0":{"name":"@material/rtl","version":"8.0.0-canary.66669e3b6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e40ed8bdea8c9a14c0785ac8b9e7a7e1e44eedd5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.66669e3b6.0.tgz","fileCount":14,"integrity":"sha512-u5zC0YWedy/ClyKxN+jY+XjrXki+txzh1MJ4OoRTadttPzku2g6mD0g2lOLWX+t/Xoa/ndpoSSJ2GFfH1mHhfA==","signatures":[{"sig":"MEQCIEjg9n0b7dfIixqGwPBcbPR855MCiSpZT5Zj1aZ22R4LAiAL8CxI/1mYw9XlZolCYt0RSvNmGbchATMQM5vDjIpRLQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMW0xCRA9TVsSAnZWagAAA/MQAJmlfjK8k4h5zjcVWt6S\nJqeGgVi70dqeK2fIJghcyIM6/zdU38PQZcrBQNcDHvr+yWjqG5zTjbRBX92L\nRn/DpV1CVNRPJobveaWhxjcQ/B5mb9CFtjWFQDYVCw7lnIcxtL7Ovewxaysq\ndIq7OyZWhLF4YpeCbfq1bopIYmXIUZhHzhpyIU3mkGY3ekAWDJ8gurlz7uqM\ngSbDmwqyUIlFXmaX+C+YVIfFDeme94hNuJMOYIOg5zGaFBeVVpdhx9yVSE/L\nhwTUELAZbw1pRtL9m9nmrDA/V6mvKkMNisq+g4egrRVMORGQhmIHZ3dhnYXT\nVjrov0TMpZmh1JvbL/i7hBPzAbA4G9cMQlaUxCjp0E+hgeGFxw0mFmQwuWlY\nSMoJMVDwiLifAkOqNvDcgMAF1oswvzav7Us9hQBxUfvNzCrcm3B8MhifIdfr\nJtPPEOD4GE49NsSkpm0mFbSAjBgOTEhFkNy5ClBgWp5Tz96ZFFl+Wp/ljR3/\n56seUtxbw7ZkAdymiSnLZiUFPiHdjonAy9RbaCvlRiZ929qBfUo4IXFIJ1kR\nqNQWpOZ95QZtA3zEi/pO2KNMzlZlVgni+JosIjleG6asGu4J76xjs0i2ciVc\nRM4C0xQfH8agQ26GuNSykIW6eoyahilPMORR75yOrQb8IinIHaUVMYTr44ox\nqddm\r\n=V9yB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.66669e3b6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.66669e3b6.0_1597074736686_0.3147271497166968","host":"s3://npm-registry-packages"}},"8.0.0-canary.6d1ea9761.0":{"name":"@material/rtl","version":"8.0.0-canary.6d1ea9761.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3e6a6f26fb52f08335372266f2658fdcf080faaa","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.6d1ea9761.0.tgz","fileCount":14,"integrity":"sha512-7PZXTLnGsJ/RwtihzNVW/2xqjOofUNgCTCFIdJaPiCvJBhAD0NDN4j/XHOlx1+vQrNlODnt8RdWJ6of8lQcydw==","signatures":[{"sig":"MEUCIQD8rbmEMpiLQv39Wa3RAy5crQAW4jNvFyf4kn+bsj3n/gIgQNn2lLDtUN2QyX0mBbNOi3Rn0A1U57b41H5XkR5afug=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18884,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMquHCRA9TVsSAnZWagAAeKcP/jex/VDqICY5kfa47yMm\nTtUEXoMbld26ngdRI2juCMEXm8Rvu8SDV6ZPxM++j3bckh648J7UWYv0n1na\narrNpd6NpTSmvFfjzSmIlVi5H37NNAOxYct0gFRksdMd/yzrs8/NUKC2Bg0K\nAcvmm0C/QjwxJUbwMeP2sKZVi5NNGtN4qqIG9k1YMb8583idr3ogGx4oMYPh\nhbPQJtqhR1Piyw9ib6+LfwB8tUrkY2dhPDcw6E6upS+WAnDL6hXXdRuEAWLy\n+H1Ntyd/vbjx4DXmOUi9gpXyDWj7XVPzTTe6JaKLloKpuSoiqAelHgdii4dS\ngHwzwM34kMiuPlX0JSuxiBjV2JMsu/77ffqdZI2UNXM5tFEpAP3hqkgSxBw5\nA4gQClo9N2ICacyqmLBUCD8f1dVlZIv7E5pOKvTJ/LtR7OojY+LCrhybN7r6\noyKjwZDcLJzgWyFtyuZMtpg8Q+x22OERDISz3Ti/lgSyduXxfWYdap62SJ23\nJRFTYDujV0WzDIhVLy9/Nji2xC8DxFdGKFXM5N/KqkReAf1yqWJkFPWQysnh\nkHpzWyWKUVb6WiUxX+WmSf7elIUq1Sw8h/WZoe8AlMnISYJHvX3Xk3Lcpume\naekxbriKGhnfzEJPsVuAme35yAXIv9CBE+J3pa8A+msTY94KE2D0Ox7ziX5Q\nk5nT\r\n=Ig8Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.6d1ea9761.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.6d1ea9761.0_1597156230740_0.5506784439227586","host":"s3://npm-registry-packages"}},"8.0.0-canary.79414bf9f.0":{"name":"@material/rtl","version":"8.0.0-canary.79414bf9f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"045f2560f3435ca247b01e0690ad056c92695706","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.79414bf9f.0.tgz","fileCount":14,"integrity":"sha512-zj1nsI1LW/PKqCY1DEsr6r37WUtJEDOp2cUo+7DbdXDUuMn5/P918tz2bcHSCZAcf3CzWVztRKhB8WoqERzQ8w==","signatures":[{"sig":"MEQCIFQpR5xR/dGuBKh0lsTE/2oqA90qKr0cpsh9PyYDZVtbAiAvyGhO2ubH4lt3czPddsJK+2H4sJsIZfMY7FgSzbHkKw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMusICRA9TVsSAnZWagAAc0EP/0pm+lZQSJYOyMnzx1f1\nSbOPQDYXs1rB2iXfH63/g5ToFFd6hJwE8BLmomXPNcwG2SHz8oCzifZ2g4yY\nfIDqKGZCWvTiB1YHiPcNpYXvFCHP/qCl2k+gOhIM46V247seUcwS8JHvUt7b\nJI6TTMxfqH4H8m7reLgjt3oLjaY10BLi5OdKNnqpjYDfx4IRqnDeEqhXb7v8\nD8BzIdLs37pJwcgdpf5LJClmFp8/7IrOYNOdQRW8gsyEloWsZTITOWF6owvJ\n7NbKZlHWccSrQcsMGpXeOpZWhEiBl6+sOWAniJUgLrtzhxmqYarq2p6qSn0v\nAuZciv8SxUU2eHbf6XkkR8uRSVM3bY98GAHGhvGQ1lmKX9UMm7KTS4vk6yoj\nGCX5staRRsETegwF2/0JlqfCwVUXmq0cSTok/QMRn3L9L5gkRxcEYvpmTkMw\n9Ii9iwokr5lUO6/Zb7CpweF8uTp2raAkAJQ8FbPb9ZvFvS/+czPTvBGOUmsk\nmhnw/4t01zx4SLUYAUHwUm2W5vOcsNr12G9XrNGT1b+mxZWsIuYcnmcsafVI\nSaws6LfHbLjFR3EisZtpUhTFfQ9fmqwigwxpItjcieph1Gz3Jqy+Ng0xNRF/\n+C5Jots9zDnGDVU4AoClKX6sMjSGefF5GiRO5Ot0Q900R+zx5DpY9lD72meM\nIk91\r\n=yE43\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.79414bf9f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.79414bf9f.0_1597172488291_0.7093943036294859","host":"s3://npm-registry-packages"}},"8.0.0-canary.85a5272df.0":{"name":"@material/rtl","version":"8.0.0-canary.85a5272df.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8ea74e75678dfb4617cc71df649a4eb7ba0beda8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.85a5272df.0.tgz","fileCount":14,"integrity":"sha512-pI2SU9mmCmKqlFh2AGwkqbBpbgfw1nynW2D7DHbI9xm+2qWkWWTHC7iQMsyHZkgLzT51tkzSgzQrJqmaAgqvQQ==","signatures":[{"sig":"MEUCIQDnnsRSDAFVDWzzEIcH6rzydzptRAJQOEotd+sgN5cc3QIgHJyxrr24HPx4j27UFuJWNhq9cWFCgNzySbGpbRbGKIY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfMvqXCRA9TVsSAnZWagAAinsP/jR3wss1RmcJDeJE7GRG\nw0MqlWTl0kufdGtAS0WnhESXLag0TIAQ+oizCeDO3jSbUaeCapKFfrf39GxF\niCmvFrW/Pj55ZvDT4zpKO6Godq0ju6Bet0WJbpmd458o1uYShp6A/PmmaxEN\njITW8fuxYVuTko8dC+Szt9s0b+UwwNSVXmEdZuA/KPdiaCMVPXKIqglU3R8y\nKGmqt8x8fDdgJAPwjDXNTGvIEfq45WkhIPVEeHtxq9HBq+sHATBPPnieIJyI\nEicucCeTSGGwzQRNNbDX+fhKJOIb4u8WSX3CBxM284LVELqmpBcP9jrIDaIf\nVnv6XSgHtiPByZ9JdAAl6t8h+9WdybKlQ6rzXpqb39hTCQz6Jbt79Ctpop0e\nsAMSqOinUt290oMMKKu1jPBgEjYY8aT/4hJCPDMeBAfA4BFs9hjx62rHpwwM\nFN9BsKP7p1ixBu4eU5Ifbx87/D0caPIZH+o/wsKBw5Zu/wmaE2efPAD7Lcb3\nr7N2/HLxuFsHQn6tWlTKCkI1VuRhOlnnmi4IT2tpplQlRDODH74aHr87Fxio\nlVB6BDBnO6KL/ajvFon1ddwIT9A3kWF4Brl8+rtdykdZQCq/qlCpdaVuTFAT\nzWXToxlAtbDjDpCfaQYE5jRY8vv8kf6EI0factA7o+qvtPGzBkXZcGA/pjoC\nUzGI\r\n=BNFP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.85a5272df.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.85a5272df.0_1597176471318_0.6015667895822234","host":"s3://npm-registry-packages"}},"8.0.0-canary.fda053eb8.0":{"name":"@material/rtl","version":"8.0.0-canary.fda053eb8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8ddd90fa892ac41d0dcd234ce87e9c89544b86f6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.fda053eb8.0.tgz","fileCount":14,"integrity":"sha512-bTElzR612z8vkM51tdM2JpmgVJwa2OXfPuMJpABJUzFWND5Q3HI7EqDl+uDGDhGMyTFXaQlq2M5DSQ61UiY5eQ==","signatures":[{"sig":"MEYCIQCMoBd2zfSdne8fqeEBrMrHr0cHdroOUU4eDhL80e9BLwIhAKjN0VYkBisxOxpQtXmF/g1hpopl6E2q0MLRkU+Ley8c","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNEsmCRA9TVsSAnZWagAAfiYP/3hk68XJu8bIXyj2MBm0\nDP3BDHT9LjXXkDqkiK24MJ4axbz/QyAfVlZDndg53G/qStABHK6CLn7C9Ks8\nZJ/CKCbppcRqKgRWHcpZqLoKkmOJAlW7tNGaaZyppQTopcnbcaWOZPzC4gIh\nLtKDvQIOljr3JT4AQqeakyFI3um8Cv29bmSFpe830LIz935HJmpS/TBE2zbW\nNC4vP5mnPkcuXJTpa8ktIg+vq0ihgUm40VEa/it2QVRiGWJ1DkN+dGKLmb/Y\nxh6xUeCOEQw7JX04pyjShSB8j9gmSxw0pTPrz52qbh97DffPv2QzONSq7cFQ\nZxBoKPOSHuvhig2wJHCm2AJllrestLIzmUbv1xY76ye66fqyoHV56gi35yMs\nomVqyeR7D8MWCzk366iVxrQ4ik20KF6oRriX/W8pz983NrfdOMqT3OG03CCU\noa09cu8I3+i9aOlJ4bapbmHnf+LTrGPKooET9EwVcRk84F3RoT4xFb/EeVw6\nb1ruSich+uyteIOVSmpRerGAw1D1ff92ed/RTf33/m6TNjiz8qEOL4mrPFuo\nxHJQxgYp7lIHzTCJdeE7Qdz4mnHivLi8pLbY7hePbG4vVaEROUrkjbLb7Qm4\nLeG/IOavYytLlevWTZjlPqkEXGo8CPPHU+v5vgkOO9XhgLZwT5vihVGuZ4ok\nifAk\r\n=rIvu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.fda053eb8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.fda053eb8.0_1597262630052_0.7712282630462948","host":"s3://npm-registry-packages"}},"8.0.0-canary.760873445.0":{"name":"@material/rtl","version":"8.0.0-canary.760873445.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1a306bfa46e8ddb3298eebf4c8c0c6da095dbaea","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.760873445.0.tgz","fileCount":14,"integrity":"sha512-mK+W+o0oQNUEzpVmYbbGqHecf+yncFLFaaKo99XEbM7u1iM2sUoDFuRFq8z4qzg4H3427SWoD7cTw5UiFDvFxA==","signatures":[{"sig":"MEYCIQCqyJVS7yBBoy7SbKjvom9xLa+KzZNGfLdl/PsWQG8ZXwIhALxwTEzajmVtPGKdpSfL9GuMquBDxUZ1WW+fRxk9NjY2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNGJiCRA9TVsSAnZWagAA6WIP/0eiMGHla2f21x69VXRY\neNLydcuQps6zCeYmZtcUuXwTC+fKTWhq8VRYvnaW4N+UyWBPdwAPZeDwBL/n\nfqNYM4wnYT8ZEutUP0EjT/AgbnjeS1GL5mWZyTVfqtCo0sWluyfXarh6+i1z\n89m3U1gQ9hppuehiL/OAqyAY1WjXdYe5NG28VJ/BFbROVE4Y/X+sZ1EIkKQv\nF8aIRv0b9ZMCIZhfmj4BpkpEmZrbAaWdH2GAAvX73Hvdbz4zJvbBOmv7ZSQJ\nrN3QtT4oyRuryYRbkl7fUpiWSjJTummP3IlpMhi8tMcEZkTvWf4lK8C8WSC+\nastWp6glBYdc1YWb4amcRVuGTKytPm5/i8RW7LMnuSZq6V8xudLs03b/Chxg\nU/p4WM7ozrFz6CY0CtVGkvO/RTN/HnFx24JmnncShIDREpvFKliyHpRCh9Xt\nMiL1Qj/AtECBem2sj0RgJQDOomT9G9NSFl992RiGYTcpV+Ex5g18TIUXFVkw\nykIDMei4BAxd2/oS2kyCAK6q/GifyNBs2i1/BhyyhVMGEkJR8s1saUqwICQL\ngeqO1QEIrbs6Vo2Dz8WAhQ3SUKocJoUFIRe7DZ8dPSPpcVqNXlOWHMjYRV0Z\nncrwe9xr3mCRRujR/SQK8DHUCFAB4slpJR/TypjGgsFNTpWL98mAg86jqSNM\nCiUk\r\n=DotM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.760873445.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.760873445.0_1597268577813_0.8761974881594143","host":"s3://npm-registry-packages"}},"8.0.0-canary.2f4711a30.0":{"name":"@material/rtl","version":"8.0.0-canary.2f4711a30.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"702d83661d81a87cd2bc3753507d2c24a3fcfc6e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.2f4711a30.0.tgz","fileCount":14,"integrity":"sha512-4DReyypFxeOIc6eugNB0Vn0qpfCf77kPSew1qlR+4T4imond5OYdM/Ky1ykGTzATRKo67Deftaf34CrsBxnu3g==","signatures":[{"sig":"MEQCIC5zJvcRXqzwEe3I3BtqkJKX0yqYGYDYQ/GN3ST/rzrCAiA1dISu6wgX/NPBbHEVQzAMIm4quN3W46KCTRAMQdUB+w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNGS2CRA9TVsSAnZWagAA+k8P/io1JrUF3IGHmobjgidD\nuJPIbuWke3uO+/PRto+fPbIMscL8i7QJDxuf0m6lULHQwSs0tqjWZwAK1ciu\nphqbAKnv0kGxgZIIBKNtU6CV4WdmrBJdchq+YY3U5X/vctDVNQOKepxgVul8\nRyn+UjvwQKjxgwy6KkIO7Cx3R5UKMlt/8ZsVisSPdmEueJ0z1ZzxquyMd+hm\n5EPA8DuLdc63UgjqKt6LadsddKDvwqGR7jOdEBFRa/voHT93aNGwhgOnMApO\nH2O0mtmCvxNTDvnS69SpNv5SmCGams/qYz33ZuXk4ucLx1qdbjU+u9LdtVTH\nOlL+S8PX3lKi4SkD57ChYpfECpNtDPDKLOvyoae6z/MjU61a9r48RGvaCehp\nM8LmLyIPfdcE6m1cdVkNyTb2EUqEKRrrVM5ryGgJnmUSQ99w1xci1M7AxAyJ\nVM311mAByTCK4KkKBPYoXi1mkH5633Hpnea5HrShJXGrMMCsDWOpgFFpb+wK\nikZ21s2Yx+/JBq6OZnbxbhhJsPOxo6Ta7j10ht3OMVWps0CIb8LlcPClRcI6\nfGHi1MrCSk4ZBMmhDG4buTEthiYnQlDNhYIaC7tKvkn1LLEymC/laOniobP4\nVehKgfNd1BMPwPUN/Rz/O1A7pWu+xhPdoqwYwElht3iFoLaHbj7e98TWQX1T\nHFdh\r\n=Zd5Y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.2f4711a30.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.2f4711a30.0_1597269174377_0.008490063300454542","host":"s3://npm-registry-packages"}},"8.0.0-canary.2d72f3659.0":{"name":"@material/rtl","version":"8.0.0-canary.2d72f3659.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b99cea62c914bd2e42c88a81fe795aedef5b3b48","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.2d72f3659.0.tgz","fileCount":14,"integrity":"sha512-MOzbcGp5Te/OyZqr0rDdwbFcrqEswBodypwGt0+zPPZVd2feY9lKD4VKpQcgUgjQ/yTqdZPYKroUDLQ78RxIDQ==","signatures":[{"sig":"MEUCIQDAGf/P85FlYtgYP+Ex10PLKSKx3WyNsBLbo1ImAIqWvgIgOt4O1+TiYAvP2pWEfxG4zo21pSD3BVYBWTZD5qlz3aY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNGZ5CRA9TVsSAnZWagAAaFIP/3W5h8KhXVJNYKo+oiQp\nyMK9wep+XYtVwOkMkYt4Jf61HJOCB4EZpyQkMj6m6M2Npn2qyQWtqMslgD7X\nzbZ5GbCIH06ys52g5Gag2YQ7TJ5cy7rlg5MJCI9R5XSuV0qLyHZ4MKOtsZkd\nUYHURVyqFwiT5XsobPwhlJ8i1kPDHsJ4BvwtcGQ17m6PhDlhVn3X4i+jFAyW\nXFvKHVxk25nNtBXJLwJaeleTIw53tazF9HXh/Bp0f/8Kr+woeKR+qpI8tMql\n6VDi5HXVVYx8iRzpvowBcLdL3SFxEyrDtcLtwQwiafmQoKNlIF6EcVVrQS0P\ntHCiVp9P6n+SivNGjQHx1XDe4bH3dugfj2G7dse7CO3h7XtQiDsbxno9g24G\nSrkiMoIX8urgO5k9dW6ol7gaie/PGQAhmw5+ggz32nm9kMaRcb//R81hv6Ec\nbVNbF5tfDTwzrvnlW41TMWuDclenwJ+YeZrK8gQQri9EyZuEa8HpR8rS83UE\n1NozlXXPBRd6AITC1evoOElt0vF0pcVczZgoqVNHh6UIG4pKiSLYzwfUMyiO\neLf3pO9438gI/yMEbcp7ubxdhjOssEJg0RW+Crpzct5OaUe3Ou0vtXeEwomP\no1S5BawTohCqnF4rvyBWGoGdMHpZtCEsUZtBRjHV3gVp1YYVBe0Nh/xVV1r5\nmXRH\r\n=rR5G\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.2d72f3659.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.2d72f3659.0_1597269624793_0.3156003974265309","host":"s3://npm-registry-packages"}},"8.0.0-canary.1fee70a5e.0":{"name":"@material/rtl","version":"8.0.0-canary.1fee70a5e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"46b2d58fe9b7e67e1b98def0e143ec06b40a7c16","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.1fee70a5e.0.tgz","fileCount":14,"integrity":"sha512-B2extQazylgomp1BTMXUd40v3ExNxbcPg9f1FCFG676Qc26lwLbGsfiTZDE7JhWhRh4EouftP6P/cYulTAFQmQ==","signatures":[{"sig":"MEQCIE0059qI8/9z7X3gd2ygyZHSObvcHmGoBK7SPX5Fnq1wAiAlhY7mnrdsPsLTW07xGddCOetw/EWJgRmAMCKLNxUmmw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNHsYCRA9TVsSAnZWagAAxYUP/2GVvMj4vdhn8cyE59go\nAFXcI8iJgMuyWqwjMTM6z5/cjzHkrxe6kVKJR1NemEcV13ySKZOEGCkVLPPu\nUOxMILhav5u1iLqTQTHldlFHAgE66ZYUObc5DzNQzsbGSBZ1rb2/aAVN75ta\nBvWYM38z108zfyr3mwJJNg59Fu61xOhh0bqsKHlsNTr8FjJZNdYRM9xXd7wu\nDhnncERyuN7ikverHmE7PfqWqp1Hq+TdAilLzi4/iMKMCRgGOm0iHAfyFGRv\nbOxN1zVQ2N7TC0daTMyZeLcF2zJ2WF299uE1F1XZHDCiCAMM3QSbkUuSIsOn\nUtr1MW0ivJcHZhoKXvztLEOdEQRh7s43Kggj+XWVAKB4nSZNB8lAVf3qPSw7\noXKysZgyZ0XcLBhEFuNkecN3Ug7TLhxhjLowwoU67cjwOM8sSDEBHYl3oC4y\nC9pgSqAIEs8BggEzFOIk5Ouiv1tWKWXSgX9RPUrGrgogdEzIFHI1Ot9od/Bo\n5pn5OVouAAggU2+4Ak/FGTkep5zq/+6AP7sdeBcP1AByOJnbO7Wa/1TacPJk\nkh/Sc6+yT1Br0XJvvth7JIb74iP31y+lZiJFugzecygYsa/BlsXWOxTsNGkJ\n6W1UyWXzFU3W4PVVEHqWQBvHtCOyzwGWs/2ERFtGpqsf/MKqoV5if99wkMEb\nSgAn\r\n=U288\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.1fee70a5e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.1fee70a5e.0_1597274902735_0.29989224177296236","host":"s3://npm-registry-packages"}},"8.0.0-canary.023f3fa34.0":{"name":"@material/rtl","version":"8.0.0-canary.023f3fa34.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e9ecf905e693f09defe174b015552f1e9784b5d2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.023f3fa34.0.tgz","fileCount":14,"integrity":"sha512-nhJo6M3vpR0KPOCLAxH8qcjPY+TNnANmkuS98bEO1Xlx5+/9aJgMcLdvbCfxbjYSGUMPB3zlVsW6IyyHKydo+A==","signatures":[{"sig":"MEYCIQCS1oHbehZUwxcFR/gr6VB/9JTsnIJpueCH50SmlOy59gIhANtNQkTPcZ/5QAbCgzrSYd/ciL8SZdPL2FKD+lLs1zq2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNJNmCRA9TVsSAnZWagAA0eUP/2V5lQWT0VicXyigaimV\nDZRAEVIhHbZjJ5yaAO5BuZfs2aC2LoegHoc6QpdMiRr/cHn55WEu8lsRSIkd\nGdEQlUoIRFfX255dUbXtUaTelyM7dJMf8QMb7hSimSZq4rPRlMMyyYgipiDH\n2Eqr2nb6m9GcAoR9Da2r1xm44ml9IOAZKJ/Adc3QuoyMXQJ75HQe/BkmvPEf\nARXeS2FjFIEUwWxH7v2LW4kpw7vOlxkURkdV6xwUWPsQiZeC3SH/+t5xLMAW\nrTLC9J6bfur+HML8DWNRLOvuxFvcclROAJbZFlRagVXiUAHYMah3r42FZ5rG\noSbbnpxvNZBeumqKANNvEMDFaWJtyBr+BO+KiE48TOidU58cYgSgN+t7/dHe\ndVLQwuqlKVGoEfpizSvc3b7jdSMOZmUpQgmW11PC95CvjpfkCI+mx3SQ/b9K\nOwXAouqVbkg+b8FD7oK1B1q1TX8MRAcp3xgONAFinL3JurN00N4NsPsTpex/\nPdV/ZW8wshKbfFWo2O+0CHL2M6l2kvJFEz8JnmYq9YwIo6yTObf6mwkdJoPF\ntknj/kW0Jy+RMHg/z1yE3AzhHoszcaYdBnnv3Heo8BlInkAvXYWYpMfygoR/\nK0s3AI0nvsGxv0KirGV/ECv82svBgmhAF0uQu4Sl3hWfMVmqDDLMRi7butvx\nELH7\r\n=IAWS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.023f3fa34.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.023f3fa34.0_1597281125705_0.06900814993040205","host":"s3://npm-registry-packages"}},"8.0.0-canary.80f3a9e5d.0":{"name":"@material/rtl","version":"8.0.0-canary.80f3a9e5d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"84b8475c18751c35bcc3e3eac6937688d276ce53","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.80f3a9e5d.0.tgz","fileCount":14,"integrity":"sha512-MTDJnZF6mLgEzgQhMFYGdh8kEOXq3IixGakkqHSgtEojOro3KCPCwl+ac+52dqLPUtzKPpyvzuri1UCQfWQHUA==","signatures":[{"sig":"MEQCIBwoFOOWZ3CQDXIOPsBzZeTgESp9gnlA5BR1P4ZkVkujAiACsCjn0v3fbp6pl8mzWR6ZUDEvvx+8xwIF520HgChyMA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNJdJCRA9TVsSAnZWagAAx6QP/RDy8Bl/Tl3y61PgWnuJ\nt9n9hYZ7GEobSZhdUfeXK+v70AsPN/iaEN7vchJU3eQYieKCr0mNgfTiBEmK\n8/SuFvTNG8r9pGLyW+A6/hmMEGtt4TRhp0IFq4Sk/42CuJNUKm5L4BXBPPHM\nSFwblGj/SDKRhxYRrLZB2Mg4bWSBlbL64zzKv1ulAEGiRkxaez//rmcjvt5o\nMGmzXRxr6gz52HmmIQ1XYRlVdMTlk5JWbuB1bYnHkzFebnyQFsX1tNf0bKJk\nb1wUvhCbs8zRYi2+CaOpNDYO+tA8yW8FlUO6PdOEjLB+hFebb9fUcx9UND7K\nxX2iUhhbILF6sHTvjZOWu1kD3VQ+cVijPlj79U9bKB0CLrfhvms4GvivkwOe\nZkjdqdSgm8uFLIrLPXUpbnzyEOQo/I7Ippb19jNV1GQ2pLooPBvrv1HuVADV\nAm3mR0vN1XJh+zDYi5szXsmkf4VWOmbI1nw8AWxf5LQ5BZmZTfk3O5Ohdawg\nP9ha0oMuB438eos7JYsm0XXNXYQkqhVURzJHiiAfqFHaAepffLvrMEp7i4xu\nX9xecbBQX/zOxSC4/ze503f6TGCq7yObMF8nJsinivcC+sfDWF67TAkuJ5qW\n+OUxXQ/zk+jqz9S8Ixq8/VuKtyD7ZugqolfTFSmq9mynsNX4wSmyjKzA+zx+\numHY\r\n=e5sG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.80f3a9e5d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.80f3a9e5d.0_1597282121337_0.06080800084608895","host":"s3://npm-registry-packages"}},"8.0.0-canary.a1dcfe97c.0":{"name":"@material/rtl","version":"8.0.0-canary.a1dcfe97c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7c27d7c0d13cf46905281c19be1760a596903b56","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.a1dcfe97c.0.tgz","fileCount":14,"integrity":"sha512-3ldLGsZlQbipz9rZaVEsaw5Gepx5yj8yujvA9G+o4W6IHDDJuZcC7eaSlKoYnBgF0jfHRUYd/dNUc3k8KhGeWQ==","signatures":[{"sig":"MEYCIQDogDoNJE8DQPKCN9bwvSEyN/HtNhYSQCgdFddHtZbo8wIhAMrsW4lcw9LJSPHAZzFE+7HJrxb/2ysnzVp2Cj51SFVW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNP6WCRA9TVsSAnZWagAAY/UP+QF0mUPjGFSxGaAHOFug\ntI1FZ/lReZdrFuH5UdaAYx5jKA0BErWV12AsUlRx8CYgQitx8Ar59kLBR6Zl\nRRiZRNg6opvWBFdpUYBrm87SpSPoPckR6uBVa6MY1I90Mro0czCXQu7SsjgB\nU06/8TZaNUjffcuS1JCAjOtJPuY2J230H6MPmjNJuZIxwuW8iOPxZNEHSHvC\n0n79rmQhFpbTs3W3+K/I0tXD4DeDMUARcG55rXQVsJPEPg0wSglBYJ9y/R/V\n2Qtk6ihOn9jWWw1eKUYyvmtnRyM1ImvKl+QtUYTOGCteQMPQVHGrhl+2SQs/\neb4fDAxb7QiuiWtbEh5h7UKF7oO01rcV8onR7xVF67u/CGD6wfaOkKbBwa5G\nqLTqTHFSATRkpDu5RyYRoeG1z+u+iKBX32/i+zl1RQhYi+coZdSHObEFktK3\nozbBOFAnFHJJ4Oo32eOLWE0DkSMZ7K1M5qsnYwUZcYESJsPH3gnCg66ISIw4\nXupvMV+ZTPjGkEwr15nBxi53HMB3xpbDzelzPLanmnxOoyqNWbsnynlgXnoN\nbY934di75705zSlN53dxkwchvnjxmyZw3+VlFMoOmDy+H4G0bW18agsTMUM0\nYG8bKN2wxqXTpJuFgb38r94UrqtfB0TPY3yzo3Jh+dWwTHqnQkkqC7A4C8bh\nVpSc\r\n=zgFP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.a1dcfe97c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.a1dcfe97c.0_1597308565687_0.6978137366090991","host":"s3://npm-registry-packages"}},"8.0.0-canary.af332d5be.0":{"name":"@material/rtl","version":"8.0.0-canary.af332d5be.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"91721240aaf37595792b3899d45e650737b6a594","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.af332d5be.0.tgz","fileCount":14,"integrity":"sha512-zKeNjWXo3nmRjd1weOBJrELuyGMkYOwbF9Oq0x4P9mEqHgxSMLjwxUwKMl4okbMavwJvk53DmIC3WM4Zn35pig==","signatures":[{"sig":"MEYCIQD4i9uNMvamgMJxdwINhHlFrr1HoQqIC/Gw2fH+8fnI7wIhAPDwTqvg/yGp6RDHSbILJ467CcqSlH08lLP7c6L902dy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNa3NCRA9TVsSAnZWagAAvC0P/11WcZ50Ik3iuUCL6H9n\nxQCUBIwjbPET0hVz+yfJgBySBtJHSAM9BMaEAXudpUzVxPkcy1kzdMosqZIr\nFkol4ja2odc6PYkzUM8N40I1+NkLJIo+lfI0Zll4XKWIi2KXBwr6e6wJQvWv\nLnrGc1foQZIfTvZqLUDanNKxfcoT3Dl/+LVgacd3fcZIoK7e03abDX7UNKmo\n0IZjwlXDUjAPSvpJzdFEQaEGoObfGE7SHXB+rpuUthzANfRgPnEUGi9Zqqcc\nCbrLVWbKyYSiBxlooO13PmTfYszb55JctMouFubdyiI6Bj7iOLvbG24ypa4/\nA8eLSXiJd6D7Me7rND+QDk2K9PosCiaL7br5d3JHXfxHqc0FyLwXYixHveQY\nuOgyofBSsTepW5Wpq0jpq7Lc3TxASGw9bFAsoJ+KSLpDAErqbhm8lYzdYZJo\nqEhsQ76K7ekhZXHh5pmcmOrg2kg9i9z3ZkH4FzssD86+9Zei2y82I+t2ChsM\nvueAtvEU4JRS/PcE8vN5u85NJRPz/Ak4qGbNqTEW9VyhwReGUwNEREtqODFj\nK/hcHUAlyqMAPuCBxSdw3QzXcYZj2Kif/rEv17GAs2IxPN65UxoDSh/UX2rY\nHpoLeyaBsKPVB/HD2yVaa+PoaTG8rP1qhspFcVLrmaxIqj4676loHlhSfh3G\nt9fB\r\n=ypz9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.af332d5be.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.af332d5be.0_1597353420640_0.27944130515923415","host":"s3://npm-registry-packages"}},"8.0.0-canary.7dd4567c4.0":{"name":"@material/rtl","version":"8.0.0-canary.7dd4567c4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9f724e276d90da7a9a793babe114e2c207fe4956","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.7dd4567c4.0.tgz","fileCount":14,"integrity":"sha512-YwnWZDcLLWo+JA5jl9Awesd4z9Wkt6MvDLdqWUi3YEocF92hLJvTv4kL6Sop+kylDJnvXa/gPIzc6k7vzrklmQ==","signatures":[{"sig":"MEUCIC2KmQcW52sUXttFrXm4Fj9BMAci1dMuLq1YVBaOlnTGAiEA2uQ3dnCrQTc+JMT545l6DHxAjOUr73vcgM5DJViL67w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNd/fCRA9TVsSAnZWagAA8IcQAIsUN6lBVzXL4seJa+3G\n8pRq5jyxQIFca6i0/FJuykwRwpKQh+sB1gTcmo2WLpxdiVJnKNdC3Ocec6Ap\nnF/xhu473oDCycfvQmHkw1nlF1k6BjvJbTDvww0eZ6Ds94gdIOGeFpIpb7Gm\n1di38W1aYTLNIGAQE5eTfeBX/wh/v3ZN5NoXBLYkHhevChcfgsrYep2EsvJ7\nm4w6fxq7inu9e7/R4mMYA+iYaj7yCASKKrCfg5hNcmXCCRIcqSlRM5+5GS0K\n4B/Dr7LcT76p0Ez1Poq6rWxD+w9gbJ9bZvSvW0c4+dLHLHRHaXMbUDG3hJwt\nQM+HNDfbqWFVolocYamahdzWMGRjjNaD5vQZUPV8qfWNTYJHoUyZhJP+SF0V\nj2QQBSeXZpziF2dvLvHK+RdHsR65dwhSgY8IJv7QlXdE6WPZagdNFPbZYvUj\nbsondA+HGwjuzihCiWnAWUolno0skD5WCh9x2Kn2aeCO5ve/1OBXX/NamyCw\n5mWizp57vWuYhcnc9AtkTWS5PX7sPge5GHmFeo2d1Ge2qHC8AfqtouX+UdtW\nLYQJUff+ufLoOjiVZ6IZp93CYhykjwRbb1hDp+sAt8AgBEQfdIgoFkJZ1Dr7\njkunXMpYMVdmTBmVaZdGkQLIWbcS44wntrhJd8ymXQEQImiwlqDwzMRX0mxT\nKqu/\r\n=XNiw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.7dd4567c4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.7dd4567c4.0_1597366239241_0.9215115419704176","host":"s3://npm-registry-packages"}},"8.0.0-canary.ff870005a.0":{"name":"@material/rtl","version":"8.0.0-canary.ff870005a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"86800203a11b81487e0806f08ef1642ac83118c2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.ff870005a.0.tgz","fileCount":14,"integrity":"sha512-Vd5oWu/FJQO1MM8CzokP4XcNbLNB1FjJ/u/poDBv0Gx9G1WbsgyEPyaZd/6yYq7TI9IaG5Q5HCVYglqaEV3K3g==","signatures":[{"sig":"MEUCICS7oSNmfbLQ2n81sSSU4hhBHOQOVO3W6KL4z5QjOle3AiEA99cPIjcuU77rNoLBUB+Y+3BNRTUtJsElMQ4AIG9+2pw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNeXLCRA9TVsSAnZWagAAGhMQAJzcDXLdypIvriZpv/66\np8OVt+un8OImqTtVrlm5KFhgjqzs0qp9sCaz0XQBAI5BZ3vSZNAtElXPzaaj\nOHhhTUHY7D8HblSubmkfOf2pB85WT86Vg34MSa9ZbWNrIjGQOCzfjOOEOmW3\n5jhzsnfEFWKrpVzKp090c6U3dYTIAAjHnfQaLQUIw+ttmNlsDqRjqtaxtywa\n6t9Q++SjBPRPaJyjYqozQHh2Hn65Hd+dVBqV0BZdPk4oqhIWlTZpAdi08NW8\nM4R5IaCUHHi+v9ReqtP4NvFV+/UYRy/eh2s4BO4Wr4ER7Dh/IDZC20GHf4YK\nerpmfE2HQxMhDbgw4LrJVbs5Xd5DS0nnbHramcRig94QvYxQPb4DaFogG059\nVUqb3XVCFeAHXsLZtcXzDtpTRIHzKrlAVoojRoBJX5CXpD8f0himSHhIKdkI\n+pXLEhocGMyAjgEnPH6WS2hxyikkVYnI7ZIHd0yJ7NQk7fgLtlKVeNhI0PHA\nciQfOuv6Plfzmmv5IeHAmUg4uRonebgKm1/+N7QA9dYBwgXo4Xjc3fBVdlcY\nozPngVbQz8v2Q9rAFokMXRYWiqdVDKv8NpVOWkQ6b866x5hyvSXt4IgkWTjd\noPdo/vAR34eMLoXQnocG+e9Yx7RETzeCkhbFqgt9rA5RVwRfgY05lYRed/QZ\nCeSg\r\n=PPP3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.ff870005a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.ff870005a.0_1597367754785_0.1462032957681978","host":"s3://npm-registry-packages"}},"8.0.0-canary.150f427a0.0":{"name":"@material/rtl","version":"8.0.0-canary.150f427a0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"16314fb8f55f32dfdf03485dc90f329049ab0c2f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.150f427a0.0.tgz","fileCount":14,"integrity":"sha512-sVRco1mhueR5xq5ElzinmVYp+ybHA0Tp/suGXdjBQN+Sx910DJney68VTZdWsRshrwxDY3rS+1Dhu+dF/NvScg==","signatures":[{"sig":"MEQCIF6u89FFPlKS5gDYrXEfOrh/LfYVOZqChGAg60cp9QgcAiAhiX2FFBqsqr5WsYJhuEOgtO/R2WMhKT/hBD7puUrK/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNpGvCRA9TVsSAnZWagAAdLIP/28nM7LgdqBWecZ8ArFi\nj4bMG8jbgUj8BEufmy6E3RzdssNySDOgPx+4QmvhIYTuMXMgNERJW1L4XDQt\nyRVaGFB61aK0UCZ9vyPx8THs3ndtxxL+nTOtikqi6HMI3s74CayOeTMwweby\n4bRDqkTAMg5SqItVrbYs9ihcxgh1GEGs5n9M5lS4lcUU6uXI88V4SddKKEzx\nJsq3BuPlwSEezok2NYC/TPnnZA0MkK9sjjEyOj9+rG4W9f5v5oA+60xcEDs+\n2GOpMd+Erf3XxaD4Zkd2Wszf2zRPk/YIq0RfkP+CMTgM6jwzDQkKwaM8nif2\nLYETkQxirqIpQhLwBFRKnqh02R1j5UYEdNyrygXhuYNRCa9Kry2TIJX7CEU3\n6aTHBVfalQx6wUWgt9NDPyxT3HNgC+7iiKrH52FB1A8vvOlQRQ0sdBg0WYeb\nNYcuQgxorlr5e9sf18tzdYoJU6+t5V6FFPmfKLpxBgGSlKbfY9n7d1iFcvCS\nNRwlql2ozMLaQkwzL7Tu+RIneMT3hjGvUWVQv+4M8g+QVfN01RretjVzt7mU\nNpXs9XfC5JxMl30ktuyH+QhkmcegQFIPHWfPUnNQSAu5uDtPnkQ2KOxwOg0E\n4ACeoFYuu8fORuiiUExKiGkNZCbvxx67D0Djgto5/d5Z/EadAQbl+NB419A1\nBBmO\r\n=lOGV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.150f427a0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.150f427a0.0_1597411759289_0.00980574933372269","host":"s3://npm-registry-packages"}},"8.0.0-canary.bcc58290a.0":{"name":"@material/rtl","version":"8.0.0-canary.bcc58290a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7fd1e0567bdb1495bdefdf8330a075abba3eab49","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.bcc58290a.0.tgz","fileCount":14,"integrity":"sha512-b/Cqb/28BK3ZHi0c9h7/aEGlNrdef74od/wV7iQoEPX45inGKrB25qCjdkqcTFWDwjDvs+iSrtRan+BFRpgpZw==","signatures":[{"sig":"MEYCIQDCZqINoqJTZwrfuOXMuZUfBS/5Rn53dEu8qpP2bAlTqgIhALZ1SFeZvb6e9/6I+Tju65PjpC4VDgsGs+ZOiJCJ+kvA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNxylCRA9TVsSAnZWagAAzF0P/0EBJt/beqpJhUzJyuph\nq/P8IpxMCCFk4DB5BRgU9NqamXr4GsKIO/llVBbgszTU+KohD5TQ7PqDaD0K\nCTpqF3rjuIQ9zTY19lU4iEClzHw7kDKt/vzue3csdF4gpf8fpjfLt1XDSeUP\naOODGKHXpXeoR9FvYDOGNzVOKPXIy+UpksSyDEpQ3OMLchUdUAe6oa+NkAfb\nCUhgaLLItR+8mLLa0tbxuApaO/NDXXc11+mR4pKBF4dh+k7YvIkioqGSdEo2\niJQ13NlCi6lzYscFHW7cRM6X2uP1jJd4+pPfNYm7vm+FQ1/AsGpiwLzEbqzq\nFlIre9Ib1aZf5EbYIJnCVL+jP6BEHIl586BqdQlxON0j76JUohEO3hbgS0w6\nDcGJnx0mQ8fkORnBX5zGDkskrwd3y8ToKOkxXLdgDkwr1ZbDlHh0eMX1iXmI\nW27gX/a4qg9iOZDgobvH0duxD8E2envqPhSQDI1jByQYN7TkUaPA4LejmxbL\ny9dabMLWKq2qV8UvQ5TMLnT+iTMTAmheW8JesaOUrHV7UhFg2vPVVRwMoh1/\nsK1JfxgAevDw/dJH69Xh8m15MVxVn9GluUhCXThX5Q37BHRJwSSYSRJjXK9Y\nA5I/Yo2lQnWtGO5CkwQMM/Wyb8kzaSqlI6KHL0k3Y1iSxdSsbRzrAaXdoLOb\nZGHZ\r\n=mlSr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.bcc58290a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.bcc58290a.0_1597447333147_0.7003640058662701","host":"s3://npm-registry-packages"}},"8.0.0-canary.4f55400bb.0":{"name":"@material/rtl","version":"8.0.0-canary.4f55400bb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"defac90c7099668b0115ed01a0ad6b013aae9acf","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.4f55400bb.0.tgz","fileCount":14,"integrity":"sha512-WnQ206EJGVxA0tztFYuO5ndNRxJ3XRhu7exT4fTwyQdpJ6f34bXvVyLZURmlfoD7ZkXpt7pfVN72P2Wagj8p8g==","signatures":[{"sig":"MEYCIQDLd3orxlJjNupq7jbiskBu+WwKm78o9nplJKRoFP1m2AIhALlCn8WBtpSaLzMgbiMuuy/CzTa+YveSrT1D0487ojLJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOrJyCRA9TVsSAnZWagAATa0QAJzteDWqoYfmQXmfshnS\nWnR3KC58Jci0sXPsiwNk884+peRgMDOj/davB97IfPKBiOZSCkyWhepL3MDp\niLvcbzVRRgyxbL4pQsRqj5J8ItYJxYO1UHonwucPnDW48YAWr+gaoVcQKEhj\nO0CgMAm2YmbEtIuv7OJcj9SmaEsz3JvPaGY/RdNMs8YjDMtMHWim7zO2dLrq\ngMIvr8zz6Lp+FZwtPLimvt7XP6Wv2urDaHRS/EHzsojOa1RF6bjEm1hCgLAQ\n9ykTvOEZEguVIf2nlA+XH5r/OSXJVu2qVVj6JNm3YkfkmXC0O8emACqnRxUi\nLAGkTGfS72qT2I3IkUATau/HEp+UqG/5Ogk2Ohzh8E4uCo3MIR516u9vm3kD\nplEIgDTLuvpbDYlHm7mHrx5Y0MWCc0xXqrqGX9N26bn/lHLsqZKnRVbdxmKA\ngnofwpGdmllgvDWmZ0y+nUPB9EiRBZozxXxS65pkounq9UvneZzN4Lj8oiMe\n19CSvjCRL1lautOhZVUCKNGD994TNGFewTHGwd0LER6gV7FUeRZSKb9uB+ND\neo3BVsSq32zSMDKdbDpYrv46ZN1cCrf8GIPm5NQ4D+UYWCr8SMzKAlOfnuN0\nqg+hGsaXxoR2kdDy+3TBSd3XRCzNwxfyMROWsGfP71hDfCgL1ivY3MjHSXNY\nPn6z\r\n=6G5G\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.4f55400bb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.4f55400bb.0_1597682289444_0.7868419606373471","host":"s3://npm-registry-packages"}},"8.0.0-canary.000d64815.0":{"name":"@material/rtl","version":"8.0.0-canary.000d64815.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8858c6d8378d89975c5ca17c2d78ff140af9ffb9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.000d64815.0.tgz","fileCount":14,"integrity":"sha512-qMRiHXwElNRlfa9QwuSyFrtCo0UylLiA9cCkG9nEcQFgQynmO21WD/oHZXrINbDWbENb0mnU1RpPgk1ZKhbxyg==","signatures":[{"sig":"MEQCIFH4u1dzDkzW5yAOFaUc8OSj1H6LieDeeEy1AWphhtTsAiAVqwIBpxoWnVzHIIK5K7FMQP/90PSeGo8I4kU9am6CKw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOrh/CRA9TVsSAnZWagAAvpUP/0aKuzLd4V0VfZ91bAlJ\noelsLmNUV2bVhR53XznnZeX8TnzXpug6JWBCA81bVYweINAvm3CFgQlJvgP+\nRulrInrLL+tCobBYqlUkDjtLgJzq0mINUqGx/c0lKceEw+ZKYHl9ioEG4XGs\nymwCDV4LVN20xma1KisqfGbBHbc+MSJlwavy7AvLnU+vpBH+04vghUI06APr\nsfYYjZ3O/wo91vBYQmiJdpcLxVhCDOo7kl229nfDKarfPlAL/+HgnCIhDxwp\nDbEnmi2p1VSjNbFM+PoiqhZL5qVtnj75R+f2c9fgUEJWXnIb3xq0khnAh7F7\nTmnmgiC3XKgKOilMLgxwaOgAnVEhf7KATeuJcA1onHUm9/e12rGMhexU+50B\nQQLBrItdNWA4ledng2PeV41/ltRW5MJ4kIJ5P/ueNG9gPD+rDxe/tvDv6e0U\naJuFx2tmLeDZaOTG+tbTPRIiXbT9mrpON3YtM2YiEejgv5/9Z9Tr0Nn8eGdt\nUKVumAvUJfqRPUEw4gfU2wXw9zSPpeAtaTyhFDyj/qAk5gsunhwx4pqrETLR\n5lxa9ZR+JmMWcsiE1nUn9QeNQNdVotxp5whpQHdgt8b2Chch1vCIKS4FiBvy\n+S6vAZnk1QQKA935R/r59owQiA/oWiYlYBoio3fX2eyCJSvx5M3GW/m4x7oS\nNOyZ\r\n=M65m\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.000d64815.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.000d64815.0_1597683838749_0.9461297761231942","host":"s3://npm-registry-packages"}},"8.0.0-canary.defa599a8.0":{"name":"@material/rtl","version":"8.0.0-canary.defa599a8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"231ecada4f171b7c9a0758c540c3e613ec3f6a41","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.defa599a8.0.tgz","fileCount":14,"integrity":"sha512-4rIFLrwpEr2y+c31aUnjH50HoH0UIoBTy4KjWyOWLBg58qzrnT2DVlY/BqxE/X3ptc2yAw0Y4XEKIIryA1m8qw==","signatures":[{"sig":"MEUCIESFp182C1gCatjxhDbfMh0/p46YjTySn/hd3U296/8GAiEA/K66DX0mqO2MU5vtsTlYNBY558rrDEy0V0ZuaGgCc/A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOukkCRA9TVsSAnZWagAAJOMQAKRax46eIsCSodHtd0nF\nKmTf4necLy1AQUaqRm/PTIRc5MUB7H2vZ4ZxQdXc5d4s472AC0MxAMeWkRdQ\nVQQ6WpDOZVwgkjc6oyA9EmchMK8X+kum2ZMEUnhsTrQWWq6lHdjXnV3Wylh+\nn30r3Okt/aewZrd6dS/QC5kjeXSBdM+KNXi1Sr8cKGB5yOIZkxeR6pmdZPrB\nJBJ01mdJwXWg971gbaogycu+vEpXdsPGO37j139C8uGA1BfenVjZQAQuBfud\n5j5mbCABL/f5FJkmL6YOGdHF9S9GPFukStAWlzxzeEQyKPvDpdiZZC9cGDO4\nfyE4U36fH4w/ndICnwCGcD2OBZjg2M33edfTxVw80fT8w8R6nrLRSWmdvmFC\noQFUCazyQtNLCVemlhJdkPD1Meg68zasCLAu+z2Crn2yrtZUC8aAI7xBunV8\nElkkwb6gj0c5tSmwVdk+zKXrFwLsPePD+t49JYoR4oED0bvWO8GxsX5Lfhbs\nMq/m4yD/IEkNwZJrBMS6SGpF23JXVDJ3r+v6zkcodxtb9VC3p9H9rZl492u5\nJ/ReAoas9+1nxREMeNzUDXy4WT6aj2gV8Bg4crWU0XWMnJ7fwgSnktFdAmdI\nm7HELdiKXRwmr2lbFdkcOqMO7KGOXEBA1WYGF3kV0WClIY7Nu25DY5tO9FNC\nYGpX\r\n=RPwq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.defa599a8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.defa599a8.0_1597696291925_0.30085590726705713","host":"s3://npm-registry-packages"}},"8.0.0-canary.66b8ed7e6.0":{"name":"@material/rtl","version":"8.0.0-canary.66b8ed7e6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a0a207bc931ebb3027f0aecd0e475346fa45a18e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.66b8ed7e6.0.tgz","fileCount":14,"integrity":"sha512-SIl9hysOadRry5zvRTd1SD3Fr/p4hrE3rKn7tx9TZTCCCglHY9zfNXRA1vjTC0BOTagHs05W8f+bTKIxymoSDA==","signatures":[{"sig":"MEUCIAkDhNI4wyCC2HbFZGoBIoz+4i8MqnNj9V2CdoHam33qAiEA0sJg+u9rwCUjkOATt3nVODsvBoAbrJYzp2PABgKK7Pw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPB+uCRA9TVsSAnZWagAApioP/jfNxW2mherq9fLjasRe\nNsT/WgaukT61V+FppXkKFJoNuV1V5cU8CoYXR7AFSd6t1gN2YE5OPDJPLqBY\nitQi7Jyq2iZAjm6J8wuqaZ/7lup7ADKdClGhS4uPON9B1Sd3Cdsc4GCS5qKd\n/m1eAPmz1XLsL9S/8zUCW8Ux3PkcVXfMHy8KZoGYuvUuq9mwHPZ7ITyAcwUo\nf4XGSwopZc2ySQiH1+YxogXwamPfjXmpfjRmAyZQ3RTxp0JFS5KnaGAKBp9t\nH5wI6DkDD6VwPGODEKlpTMubjTeD5Ei4V76QXOvThimbeVU3mS97esri7GJj\nCDZhFYn54OZNuoHJLC4K9BVkTApF6291LNIzWlSGvW7KJ79e5Y62ZOI5kgFd\nocVmiTs2ytmMQAZoMhFRDCRL46KO1/YBlRniPhnSBTOX0YEIl/uHcjUGL/4e\nFmu1fcN1w+/Vcl2HBP8r/UEx66p23W59NitErv+oZHgS3HXFsJ7S01/+EucL\nA+5/8veS3eb238zheLVjLm5MS1nPi0IkYRGpxAN+Y/bvRFOyZH6h5IRtSQjW\nKAorPwoQ5WoR6Arige7nEjGBq33rRXqurz0iVAaxCcbld9SxpG34REpb74pS\n/TGmMvUHpcSN5/2oh9F41DPhuZaw+KVh9/jZBEETMPT1engB3f7OHKEPiokT\n8/3+\r\n=BPSy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.66b8ed7e6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.66b8ed7e6.0_1597775790177_0.29517555083796343","host":"s3://npm-registry-packages"}},"8.0.0-canary.e2b1033df.0":{"name":"@material/rtl","version":"8.0.0-canary.e2b1033df.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b7dbffd266861a8dfe1e6a5185f30780cb7c36ff","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.e2b1033df.0.tgz","fileCount":14,"integrity":"sha512-NEyr5L4hvUxxgZ8lO4mzJrNqlMYfGAfU2mSEOfVpzviCwYZPge5s3ooQPznSNvNeqqduIURgwxIYWNGPL9ZNlA==","signatures":[{"sig":"MEQCIEUDYPtiE9e8N6mACXZ/gNLI8g+bZtwgUHpdy8IJelmtAiBbpCylubGQfcrec7u7PK7fY9z8kAPc5qlMCEqEqQ3nUQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPXJkCRA9TVsSAnZWagAAIjEP/1QcJ5k8GbDUrgYOvmVH\n9KzBuutuXyQMflbnC1o/dpNQLbXDkv9sCQRiEcCtyDKI8NOsA3PdoA9OsWkx\n4RNPFnyuNLt+61yPa45f/A6l/IGdj2bCkZjoYV1qE7E/8r7yVEt+9b/Rfj3+\nibxwlrqeolpyNZMuNI7LN8pJ5PRCSKguWlEqaV7gkoRS31ZXCSBcpqvi9BA0\nl7h8NGm+BT/21YQe2yS3FhDvxlQkyesFES7P/k42OI/ji+Z23XgvnP9b0Upo\ne45Xtq78dDX3RkPJz4VUzx05FF4E7xtcT21rFwwF0fsn+mJ/6fmfWySi8XXO\nRo5N0VcQVhkpd6ONXnxUONTfAxXWh9Lsuy60BZTllI6Z8vaPri0iM0kEt1Td\nl/2tO8Cd/ElLGrCVybujJxCod0jUb0R+++xx6ViHwyxDxu8feeBBMRf6ord+\nyC8Arp8Zd4Ca4cuVg6t5p0lKNRzgPpuzbURSUacsWQNoucJN9XWO+okyrnSk\nbQ56NsgwHzWk9ZB0vamqjMq4aJ+NJg6ueVRlkQaCvfDxWJRFa6rasHQIP/uJ\nfnQlYpCuGwVyj5xNVvnIUBCByQNm7s/5ls89tzlkpdj6PeOu3R72LVWtZKFs\nVlamJxXc3Nn+IIseVJPlA4fco8hPP5Oki2gXClB7mSdWgD8QNbiNJZsdMuei\nFusb\r\n=fjZX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.e2b1033df.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.e2b1033df.0_1597862500262_0.38768284555418453","host":"s3://npm-registry-packages"}},"8.0.0-canary.2e8c3dd2e.0":{"name":"@material/rtl","version":"8.0.0-canary.2e8c3dd2e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f1e0dad4d83781e98c037769ca21e0811ef0a9b1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.2e8c3dd2e.0.tgz","fileCount":14,"integrity":"sha512-4bgtBjE7PnrkEheHs3CbNJjiUC8pmU3+uDv/nr34yLI1MT4IQIvbdarpXoG0UZh/9Rxkbz6RjbFzeUSP3WNL/g==","signatures":[{"sig":"MEUCIQDBU/C5qhFPnc7o8dvSvzcOcasuWiAw+RXPhrvlJyTWeQIgdOtRIq6P2tAAY3DfLjhOaqvE/k4wAZLNh3rNUKyojwY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPXw4CRA9TVsSAnZWagAAIToP/As76A5D6JOR60Wh3iXr\nP7yXWpgCdx8BXZK6qv/TJ4bSJKVGXsUtYcVBjAIWp6aswP/DnjbvKTHqFVcv\nuvoqFPrdEqrIh7BRdOEGroeod3UWhGky1J7DTWmIqWCVJzcIwJlg5UTJFbAY\nzU6MvcGpydkoqMcZCbmuyigy/Ovx+nJQE1BZVtjs2N3mkWiuiv01mAXvScJD\nvFEYZbEsS5jZp0L9ulz+5giNdEMpDOGdpTgQ6hbbdxMmH9XSkhkj/6pIiN+y\nc3NAiJci7+mYYfCC5VqXBAfwkJnD5mMUbCL44xuK9ucwPHDexLzQoOn4UQIf\nJn92tT7xKqTmhoQN2oXgnqO+dGAwW+gntx2gFlAqduyXgV5GEDQKtPyX/Tq/\nEehe2O9zau5pB3AFZXqL7aFjjUt25e0HX0n72NXEQ67gzWoPU5Gdoy1a7k5y\n8B79a4TfpWjzqirCAIlRLtkqd7EpCNmi7KlHK98nPWfA3TZUR/q6Edh2naCC\nrPWBPKEhSV1fjFaPJi4bq6xM6gsfOri/mgIPf9vKfeoyMw+uRgKJUls5pdmd\niXcOPTAOWFSR0BHJ7pN407npIPW8VqGMvISHwYtrBqUIiHvQm+HoW8V9n6Dz\n/+LssBbsrNtwN2kA/LayVlnHGHhGg2+G5RbkCWo++QQygGp0pkRDkkOrXZFx\nWUSg\r\n=zAB3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.2e8c3dd2e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.2e8c3dd2e.0_1597865016114_0.20686587678801693","host":"s3://npm-registry-packages"}},"8.0.0-canary.b2e80a5d9.0":{"name":"@material/rtl","version":"8.0.0-canary.b2e80a5d9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"250c293e8576fda13c17720659a16fdce4b177a4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.b2e80a5d9.0.tgz","fileCount":14,"integrity":"sha512-rMpeHRx113x0242BL507R6h2V8XzjDsW6H5X/qWAeErNU+RIIQu0mDz6HmHMo9qEfGje2JZoQE6RDqSqIGnmzQ==","signatures":[{"sig":"MEUCIC0F00Rl73rv4frN0XFppqogkdBPxbo/PuOamIaDgtmGAiEA0cm7wPvWXg3hSeSfY518LolZWkuV3Bb+VVbTHx9QzZY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPaW2CRA9TVsSAnZWagAAotEP/A0eGg3KytNrpvBaxKJy\nNjFsDfy8kd4rMd9zPBm+H+JQGEDm1kDeyVBskUdbJ5h9K6qom8qNTvZnjLF+\n7iIrs4rzBG3eOMn7bdcBlmSzH5KPKHmvyRgYVnk+Pp1Ywm5t/ZZUhBUhc+WI\npCk3DGQrQVPc88+D/mZyrH6qOMjkP6WLcJtqjlDBN2M+ETfsuSGpDGfXbm4z\nGETYcwsMLC27at8cm8ODTzOPJmaqJuuFZKObSO8ylK2/fQWyiLzc+vxqoR9N\nTJF8L/du39uFLiuQVbnEkEhvej+GyukSvxi2eOLYTGJG+LoNCKXIwjk80m/Z\nmp7NETSUOCBQG8iF27Qj7AfY+zf/Gl/n/9mfi6Jrbf0TAAZGjKpMjiRZ5lVU\n6BAtRnQ1kqOD6xbkUve0Zqk/CYGYWwaPJ6gwkdod0RN04uQx5olX/OeWHf1f\nOSc24nhneyd+WRLrwdBhHhMC+3UVSTzsXlnlXPiUoGjfx4lY6Qw0/hJCtmCf\nZUloV6Pu9ooboSqLWpZHY7BbcE6EMk+1KH8HaSlM905wcb70POGZTpz7Gz7V\n+HbseDytSLKiFpqSqWGDDC2haB57CJLLOAeDcfvRWMqCvtn+N49f5XPp1OMX\nA6DmzrzfrLwKL383lXsEBFCfzjZUmDUIF2vbvaL+XQfJpk5fE0sad+lLd1pM\n3kR1\r\n=uBFJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.b2e80a5d9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.b2e80a5d9.0_1597875638470_0.17921107558133764","host":"s3://npm-registry-packages"}},"8.0.0-canary.ff88df637.0":{"name":"@material/rtl","version":"8.0.0-canary.ff88df637.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b1852fbefd28649112fab72128201dfc1b79d074","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.ff88df637.0.tgz","fileCount":14,"integrity":"sha512-JnwdyNTmaqWOWYcZDtyRAX+ibGwQIi6i0JRTi79MYo49PXC22OSxRcHaYw2urHIKTSv180xZKD7vnssIyyzOBA==","signatures":[{"sig":"MEYCIQC8VefiyQLBm6dmx47u00q3S7AtPyvLoHPeEFIuoQdTjwIhAIi0F8ncbbwp1yiq9HXrFmFSzKb0LKp9V+FmYVbQF4gG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPaiICRA9TVsSAnZWagAAITQP/2SzmBPipVnUJh8kgNfs\nLCmK/saP275CLvUda83eQLb1JZF7TuZE7fo1g++f0il7drVd4DgS3ZE4gaaO\ne61AkjRQ6+eccfPX7+FqmwWxGinUcvKXHcBenjZAczs+N2fSrqcXNHB3pAap\ndVNBqqdCWUE6U9Z1HrSUQF1my55q8ZXUNY9QTWAEdm/MosU7231Mw0jAFFui\nmaM57jGJJ3ImIBbE/lS8Gt5JVOLLweQWurtey+/HYap/yr4ig/YsyDVKZSON\n2eYlC7FgnWPpu91tsf9VuGqqnWXZtfi2Jb7fZQG+3XL7nQdvbrawiPPk0Rlw\n7/BAKqUt77brpeeMY2PFB+cxaHOp/8eI5SyAl/jFWr6I87r2A30OZQsO5ntG\nmyfsHgxYnuqSa397z4GPO8iwAY7LA8JeKr4maT884Sp7e3rbRTBh4PXKnq93\nTwyD0LXf8H/fK9IyZmb5CS8hsunx3WX8GndLDiXHaMXmlIQAp4lt4a2ixlXQ\nodhAJTJ4hxFYDqLtkDksrOJByyOC9IRIXtuXTVI4hAYqI9roUQdpKOpmoU8M\nnpFabLdNUaOwSKW3cDn+19gJ+a5h0tAwDLNUdu6d3lsm9DZehFUuLFtwflY5\n+4/ExgGGrJAxN7HDaTcE2f8SAWICci3Eou8WZEg/PDBp/M7jJPNhs9zohcUN\nboxB\r\n=N7wp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.ff88df637.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.ff88df637.0_1597876359904_0.8994280248699174","host":"s3://npm-registry-packages"}},"8.0.0-canary.32fb314cd.0":{"name":"@material/rtl","version":"8.0.0-canary.32fb314cd.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"378f831f516940b6868a194b4f32fb61b1df4c3a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.32fb314cd.0.tgz","fileCount":14,"integrity":"sha512-jv8ED46w05w9uFjpUYpaCUaOgStgxxtYk4QPMYKm4TX6BET8n3RMJJw9VBVtJs13MD93ID6gTVt21WPnoEgJBw==","signatures":[{"sig":"MEUCIEii8xYxX9O32iME4galerdASt1TafGW/ukT5BdFFxIoAiEA729kPA8F4ExBP4IEPHKV7Un9T2w3YKp5DIi3aArdqko=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPlJZCRA9TVsSAnZWagAAnCwQAKJYpu5IFTw86tYCNas7\nQI3z9IAT6sSLnmJZive9bCHIw/3E5v+oZAWflcTBnlRTsI2glzpJAwaP9oAB\nMuQ5MbwqNGmPKUGqKQuvLhHL4nNo+MLCBYjWZE9idDF0uQuxPdjQ30eP0Z36\nCi8md1ipJZpBvrSL45WvdplVZR87W4E/yfRL34DxemT9XqTxazBkheSFkgBk\n0+QTg9EMKOG2XHFQFBND0U9EqGJiyvc9iIaQyi/xZ3df4s6U8XsAffhQsqGe\nv1vKvilL6hR89cqN4FTp8zb5rth5te6NgHhiEBaQQOyTtyuMs+Mjacde2CBL\nSXzIE9wixpDzYKsI2J6HJrGEgkpAukofkwiE468Y2qALWXDEzE7UcfLm332Z\nBxNArLIf8OEPWTBaG+Z5OFOhD9pSP0JDALUs3ONJ0UegyFe+V72dC8s2QUab\nrDq5ijfb1aIGKVnViEC65N0RG//rSv/D0FlBmfeO4CjwiVyow5YdAYCQk09l\n14frNXOXXOr4PEU8IWHo5Jwo9FPsVgHh8HE6oaoyjRme/f1re37yqpM60aix\nHrZic4gU3YVOx4xV897AGI4/e6AOODr980T4i+GiCf6IOMav0+1t4epdDseq\nG1A+J2PMdJnsNnHY1z9hV97pBLAdvWrOrPRk8fmqpsspxrDs5dCPvLxWqZ3d\n2xn1\r\n=eomR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.32fb314cd.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.32fb314cd.0_1597919833064_0.47158950052851445","host":"s3://npm-registry-packages"}},"8.0.0-canary.546277d32.0":{"name":"@material/rtl","version":"8.0.0-canary.546277d32.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1d61cb5ac4d0a8ac3e377b6159ae5ed9a47ffcd3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.546277d32.0.tgz","fileCount":14,"integrity":"sha512-vP/Mg3q3Pes6XL8ua3t7rhvbFlpzGI8S/SFQt9QOWjoi9k3cojmLGrh3OoJm7ljtEbca14Z1uUASJSffSODwWg==","signatures":[{"sig":"MEYCIQCg9HAIcogVDRBX29AIFy10/AUmqSkVQiL5wSSfMt+izAIhAIhmTSJqOs38BGG6h1xYD6OSEFjYmEHzY0HSOG0NHlKP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPqgHCRA9TVsSAnZWagAAnnEP/2SxuEHu9AUBDRepHQfE\nDduf1qh600x1ZVVYYy8/JkGcalxntouJ3i4DOKf+x5d6jWEUGPYNcspryoGV\naROxkm0O+Xhnko4xcho6V244mCvmzBKew+XkKkl+tcZ30QtxYvaHYot9qKpS\nAvMA+hZNpcC69YtRu5qhVyfWtM8t1qnckimG+Dfjc+vDfW2gMTCEhLJQE0gT\nQnACUL1vLhX6WEiQ9fwimh01puIaZN/kn47L6BnysB0NNiSmpstSgmUN62m4\ndf00p7V7+1M50QOrqQ+F83xg5Q+cnY1uak2+VqsaWdXQpOmJ3T+WFx2MxdvW\nj2megpYTOBwV01h7mBTzkUDbzG2qnxVs+HRrtPmpX/p0wYg3ixglNjIjuc/d\nqC88SDU5Y+M8lv73NZTPsWeetAsJWP32l1t1Wv8QsMJ0jgPO5MY/6UcP9VRG\n9rXmARyWTeql6VvrPi1K0VSLovnfKCEgNMs3qm2ijPHhsSfY+vffaZdOh/UH\nSBPmPstQVZ/NIBJe68qUmQsSrMMBHue1wZAX6/GXlmTrW38hImTOfv9bvXbF\nUFFWEiv6rumUSVWiBjbso9Ew+RnUW7vh7TrY2JjV1Vu1qULXnEYuaf1g+EXg\nylZeRqVIUoBqPoBnlKBfNSUHKaQCulFd8+0pD5zw2taqKoei0JK0HN5bX6Ub\nYlpj\r\n=onui\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.546277d32.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.546277d32.0_1597941767400_0.3451755629071087","host":"s3://npm-registry-packages"}},"8.0.0-canary.da72839f4.0":{"name":"@material/rtl","version":"8.0.0-canary.da72839f4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"193282f9477effb418bd1fc1a793c0ca41883178","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.da72839f4.0.tgz","fileCount":14,"integrity":"sha512-SIoF2oxz/kk3juaBkzL2FbBaNhHowwbTWoGHPAkFuRlR/wj2o5sQ3u6z9sCeO5HNPZoxLSJSDcC9zOK8NjwPZw==","signatures":[{"sig":"MEQCIDTvKO/LbYcgIVdherEdpYakdO01+9PGlrharh0x81UZAiBBNG1rE2TtPDRoMJ47QOPQWSUZHEBcLkkuubNrQxg5CQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfProFCRA9TVsSAnZWagAAbMYP/1tN1TCa5lgjZ9oA4Rj7\nxdQ5znEiDI37pLhQWbDMdJL3tk9AnSyh8Pnya38OkOs03mNxxM+lLw3N7Amg\n5G9aNhaSaNWgBIJd/C/LOv6fyrQ9KsOJ3xYrirSuQKiNen2Z/C2yhPe9fX/0\nru0OsZsNugN5/cOG6zptURJP0YxpaqWg4+dt0XS9ki/3S5gh/TJ+O+V9QwB/\nqzGoaAyKsBvoIKDRXDtVicKBGc0AhpNWfNDQ7lQJ+PoPxAa5phBLUi/QJTi4\nr44UE9ybcp6HgKjSHYeoaXt8LYOLIYoMPlXL99EswvpXuokqfXRP0j6nweME\nCmXbaB2dsh8Wi5ExVuxFBrNeYxDaoPBQWkkEbDQ9sbAHre+m6+DCrxUeNMdj\nr7KLbBn6W1knHm7zaFy1yxi+utayza18Vd152N3IvR7vY2F7fsvI7ThMlmmX\nV1O1aXKgO0a03W/4cLYQt1Up6JXWUsi+WmZgbpeYIUvAyvYVRDDImbbagw2O\nD7eUCx8F83QSxzjh0lgThU/jBiyboOLAvS+RW7l+Ftwwu0aWULnHIQ/aHJVg\n4GPC714TrMEEQUuemqtoeWLwleWQ19OhYTpA1gFFoPUBjLwOSrj5lqg8y/XJ\ncUJFTlEvMN0ijCozE5H5HdHPjn7nqUNLtdmENrhFCXzR7cu5Um+GsjbreiKc\nJc+m\r\n=TaRr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.da72839f4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.da72839f4.0_1597946372695_0.8320631036759967","host":"s3://npm-registry-packages"}},"8.0.0-canary.346069ccb.0":{"name":"@material/rtl","version":"8.0.0-canary.346069ccb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cdb55aa5153855c409596bc3e11c778a69b911de","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.346069ccb.0.tgz","fileCount":14,"integrity":"sha512-jAX7PuZ4WErvro6sLZuwr7QXrXRQjY/IawpE2zlMCVyZQmFILUH89oHnwaPZNQcs6hZVfd4ZdY8qEy+JmwUIdQ==","signatures":[{"sig":"MEUCIQDsTuhIPMVCULE4HofDtS0GlMeUj5XIVDEqXThWG3wDhgIgAMQ/7JYTzga6k3q1xIi5txrhbibtUg1+WzEtwIdaBTw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPr5fCRA9TVsSAnZWagAApQYP/1fkjaMQRlmZy4WCl76w\nqUbYkZXWDt1kbG3nB4Gi9qfB83NvUG+hgvZGU/44JIlKAv/mcHyC78hkaaHQ\nQzqTZ3WIKsl3//ttczGk+pgZrEHrd2jXoQydWJ5YZfAozDrv9orSxC/9fFbf\nMZvoRidQyUEuptXaE/we8J8vvXaGJdvS2o5gWyOgkwSxOxDy6ZjdF2Xxq0mR\n4MjDkGrzQ69Odd5IXXzv9cwqVp3FpR3jQdOKlFSlqVPf5mUqlDaxqmBbRs+9\ntO+YAZsHuL3RYmr8jYiO9kVa4vKxI2ivyk8c87bGeuy62rMaYiFkLXkI/v6U\nEmMPq8CHtat6rPHgmEKq/mrnP9qNAwUXX+1Pc3Wkh1b53JM4mWoco9Tk0spy\nUxYLZjR3AVqp5dq8fSuVq1mjVRz+jK2etbpxsZvJpq8fY6zfde/jaa82bY9y\nTCaDWE86QaN8JFQBXv0RdaUr/V0w7jFY92BBkA8kew5yywxiwH0n7DwOQEmZ\nxd6AmF0wh/fkEm8tLIncrzp7iDIpV8l/EE5TKLqWsjVMzNdyKstovXV+Pd5e\ngAP7Ohh+6fVZTQlStJEnO5Ddfe/P8/ldJXU5g/sYIJZcr+CJxvosX8PCYzvm\nNdoHVUlz2Y53D5LK5sxsIL+UbtZFL2FH5nlotDFwWsn0T0vP9orqPRKqAetK\nPcIu\r\n=6G7C\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.346069ccb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.346069ccb.0_1597947487294_0.5849924928569719","host":"s3://npm-registry-packages"}},"8.0.0-canary.e27c5802f.0":{"name":"@material/rtl","version":"8.0.0-canary.e27c5802f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d9b813200932f4359b40a9cdc176da31d14df339","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.e27c5802f.0.tgz","fileCount":14,"integrity":"sha512-uxxgk05l0mUSr70S1o6PXYxXth75mGvq/P6D8Qzo7GBIZuCYU/ckjUzlzoSckiHHUhbAtchSyDlemVCXzwvCvA==","signatures":[{"sig":"MEQCIGv9GgpcK02Poxbh0IKfxXIpQtXsILJkXbCDWK3Wn8GZAiBtZHOpsZDIkjYRa5/qvfRS28bSzK1tI5aNRgUPTp5/dQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPsusCRA9TVsSAnZWagAAAj8QAJSGuwfmKMqVOsAge9TE\nAv/crEKOunavl1TtrkzYA6wO7kxqKtoDkDeLcK9LIbsJYN6a8ysYhOfuHKzN\n8CwfCMCeCpGHMcBAQREBIC0oT0pcJGBFgENh3EH40JOt7RiPeYZKcN3vMYj1\nQMj47oBbs2ZqUeUuVJtn0mOUwTZ60YRykag6TTlv6Twi4wkO+8Yjh0W2yjFZ\nAyywOsMMnQ6lfbH9m842Dpt693rEcIqLreD+Y0Lf3Z5LGiDFoMj0hUEbZ9qO\n2GEMvPbR7lZSFhGFnQG4bAkfnHegK/X5ULUKT0H8zacOKzpXQVJuq0qkD73f\n+KAxg9re48EC8VaRSLfRxALgH7QaRMjRCkM8fmT7tycpw8lQ25JDhUKm6BR+\nQYxUSs9qsDt7zAKcq0Y4Lk8GahUuC19viy7J7eBAuo3BEcS38jIXf9hl8jM8\nXAkBg9jn2/CeSwggCZcnJzLLZcq2bvj5GFDVXw3XuEtq08YFK2jsLQW/+GYh\nDC9mJracY83wM9ZhWBUBBZmDUAU1SzEvI0Kdk/zgQH3ox6Sbum/x42hqXVg7\nHW/o1s0B8TaV3fJu50BtX1oYVs1pstaYwr5HXwN3z+uOXPhPqVSxpLFSqq5U\njzu5p/SWqfnpjgpBDX2566XOwUTD/ttWDnZ/NM3r69kd0NIweA0izI+Ir0vE\nNbaa\r\n=N+SJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.e27c5802f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.e27c5802f.0_1597950892142_0.7845850614797394","host":"s3://npm-registry-packages"}},"8.0.0-canary.f4532b9c8.0":{"name":"@material/rtl","version":"8.0.0-canary.f4532b9c8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8bcf78f1b2f0c5f469bff947f02a3f844985a187","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.f4532b9c8.0.tgz","fileCount":14,"integrity":"sha512-fgQnWjcX7iVcdThG0M6mgxgyJOiI/fd1h/NENAMQe4z0Zv7Wo21QDH/R+sUO1I3tciUrnZjMTX/ADg6T7J8niQ==","signatures":[{"sig":"MEYCIQCoECWJNTLl9rxtPWEskdmS/R6Qt8+C9q2FbTSu/96KwwIhAKNdhwpmUYqOJZg+jYnuwTHM8Z9NjLXbXw4GxYGIFgwd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPtWnCRA9TVsSAnZWagAA+jgP/1Q2Akglu05Os5Maxrq8\n7yfoFtVdJfEUdegZ+ppZYeuMZKxUf6kArjjzpRu9XZeSxKrIb33hV0xf6TLq\nfwJh4aQwVkbtqrpkObap84ClWVVu3RQNKz+rqKJGSEEKq1zhkruPUU9/M3rV\nTxGpmTqU9PVMEmWA0IIiMeqEung81JLKBUp2tOuhsgV0TRjUN/UKGVq4bu4m\nuMlBaKLJ//msquj4R/oL9D03WDBMboWGqQJ66JEjg9BpQ4kDXUbSLxYjjRfX\n+/WmHJTkrIQ0grLIxPOyj8ov1ZTMoPvAMoYNnPVWXah1FmZAeD8zPhFsycYH\n15Ky9XFvl0oEgvjwtx7G/A8M6kNSIbv28zi972oXglz1XHswK6CUJvVomopn\n/gi2SM2m7zsbr7U60TQgjmfVZ8p9bd2ewbgwHg45NePDgqrynA2ippo9w/V/\nmy1TFD12jxZ4Ug76FLX4Z0kYqwRRMOwSZODyjtO2HjlHs26+wZVTNbfOw4Lz\nhaGdLhAaiOmvStXn7TYx14eU91ZySYIXehnXhc53bTzmf/VKOwNizbVg4Eza\n/vdwNYxBy/uwiNzqmPVupvootIDS1VCNnq2mJwdijRDruAZwf1jtYxeBhVDb\nk6R2L/wfDQ9GnJiteMnTRLgnPZSXkD5hrTuPofW3PXEdA0t/FRf8eDLuqI4n\nQDix\r\n=JE8E\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.f4532b9c8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.f4532b9c8.0_1597953446935_0.6767031743159848","host":"s3://npm-registry-packages"}},"8.0.0-canary.fbf73c2a6.0":{"name":"@material/rtl","version":"8.0.0-canary.fbf73c2a6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"983aab47da2676e1b1b5a2ea14c57f0a4ef43a1b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.fbf73c2a6.0.tgz","fileCount":14,"integrity":"sha512-SKnaXqkNHUhlf9RBz7B+aUIfebmoLq1VrQJYAqPMlg61f2xmog9JSWVHvLr1BM+BWSeMgHOAfGf6wQ/thGkNMg==","signatures":[{"sig":"MEUCIDbhqgyVwedsDBKpKo7hpuAHg9E4UuL27gZTSuV2ufJxAiEAwgTtz8O3csaJ5NgZqCWoGnTHPQA2taq6ntE/tRX9HwQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPuW7CRA9TVsSAnZWagAAtR0P/R/s4eV+YnliPr8OKrBI\nlvoFq3LnPrKSZTeLPgeRw6vMGQIMY8bmIHQsIxiKq8PwqUDYIJII+h8z86bH\nTwPgAzyRTG1jOAb/SLnKPVFw1qce8IWvUY7vzqeb2vLnadwyHdB0BYnLwl+m\n6QDTzl55iAzjBv5L3O2KCb5J32E/6+/EQHShjnrqxU1l96DA3FpwV8TdSdOQ\nn/5b2Sd6XwjBqh5SRefcQbPQw37jVD0L2AjXfC6aEPCVFDLIRb7AZAZR6xHs\nvUhjlRXUaxnLD7HhXfeFB1txX2edPMqsvm+rsMZ1SnCWtDS8loOs35Ep+RrW\n3EZeFJSOaDRza7Ix+6ylXj/MhsuN38UNG+5H6yG1K89cvPvpCO+8Nn7hzMYC\nfHaezjezesS91aSuNuGufbASs5+eVFEA9fRywAiPtiGS9BY9atJWa7Bvregn\nt0PIGXl/4jBKMpeTU9CN8VafN+YCUm+QebtjXWbHYRZc1Lo9Ou6UanXTPFxf\ndo9PNrTJ2iMESqYFgD3hqLOKQ5sC4VBy5AHevXNPHmFvM/0gBKs7n3uFM5tS\nNFnfz08V9NmVnUtMd1ijznXubhb5H6u/l5zg8WGyopGDLw40LPfRJI3gUH5b\nrzkmnzllO4RtjemSCD4Cise5PCyyC2kmXjxolJEtH12N5z4TM3LRFc/nyHuF\nt2Bw\r\n=YFaM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.fbf73c2a6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.fbf73c2a6.0_1597957562963_0.928247781503506","host":"s3://npm-registry-packages"}},"8.0.0-canary.cf800124f.0":{"name":"@material/rtl","version":"8.0.0-canary.cf800124f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9c350e9687cd0b17f6a8adf1450b2ca9b98e9d52","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.cf800124f.0.tgz","fileCount":14,"integrity":"sha512-QmEFyqu5G8EO6+B92n8jQ6smtPqlrZk5cBF05eceHMEDpvctPC1OjmXyJ/uPmPYfanz8zbb5zRJbl2zV/ubmzA==","signatures":[{"sig":"MEYCIQDIKN4mMVwMeHx/BHkI0RaPAm+OWrJaDmY8Tj5l7fJY4AIhAP3ZnlaCQOJous+gFd2fjMyj7MPZdM3bA47qISDqOeCL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPvCUCRA9TVsSAnZWagAAAusP/RKOL/WLhWRdUbG3BSJe\nnUnnTFMNIMWcTrgK4wjRhCMIB5/9kpFJg5XhjGJy16aTy/d1KVpwqz8lXOZR\nnGqZqTXUH8zTo46cd26+BRoI5uQBHONv2ihZnBY1b83/SAys7jxmZGyg7XJo\nZW+qG7qSxEyctlqI0sTJ5tU4eTyTLxWJG6UVwhEG+DbIkoOzBC7garY3o83v\np1q3TnYlIEhkGw7L3v+7OBEQ1RLkKIrZ3ybvEYa+hWFRBwj7+nTJa5knDh2X\nl4TQgZvm2B/L5xqKxFhoMxlaMD+6sXZr91Rdm9CqvpyvzUupc09biEKpmBqG\n87d9WKPcqmOZuXTqKz/oKBX3sgQirQByOkNtpigY2aWTjTrnITzDQZgVAkf4\n+LYViuJ746JE2/fb0r/LcTjK3JHkmO+WWLghqDqlIgQRRwR01T5JPcVgNtYt\nY6Trz6mDajQH1/YKCnHl3to5GgoCIN9IyeRLCE7yAwZysyfr8JPd1a5miLj4\n2v6TdyUVtNyZyCKQ9DMzrvvMo4myhKBsxTwhVX9M9snAhINpNOeSnx4HGW0V\nP4F+zXfW7PgrWMXOMNrtap6hYNLCjFWX/XFrvKPymbukwVCr38Wj8cuE2lBn\nGRbcfl/FHU1l3AxEjbFEUSsGj9qKOXG1yDHlo3aviwjdM4zL2ifl3n8HgzTX\nUciP\r\n=/AMI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.cf800124f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.cf800124f.0_1597960340055_0.4051407445238413","host":"s3://npm-registry-packages"}},"8.0.0-canary.95e4eeea7.0":{"name":"@material/rtl","version":"8.0.0-canary.95e4eeea7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c578d317d7aaf33673bd8dfb4018ad6a4c725efb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.95e4eeea7.0.tgz","fileCount":14,"integrity":"sha512-I1vYy7I7O2X4EVbqsXS7iCyQOxLX+1e1mTj3BHKYrzpKrl2FNLY+BlhZjvmQ6XAu+HWqzRNXqdjxLsSx8OGIeA==","signatures":[{"sig":"MEUCICQpmXjWX+FkFyHWoQ4Xmdyhr2W9sTSzk//y1SizDTzuAiEA5L+eL/TvIYoqmG5an+AZPRBSqBXM86s+BRXqbjrHh+k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfPwcgCRA9TVsSAnZWagAAwPMP/iSWH9Tstk+yjlywqFYX\nyDlOMm6Do1VPvfhh0CPle0c69shsdHvX4IN9TLyDEmLiTPn/Z81WzkA+ddd1\neXZvYvnQ0AtToAzBBatoVprd8tQqA/pDpIoK0doXFOYTqI9GhE6Gm/RSykNM\n3zbw9rX4hoYCd0NNjeYcIaLMyZsVZX0DpXGfqflR+cC7WwkHNDnY1H/Q5Qp7\ne8byyrfZIywgu8bOKr6vI4zPvuoyR5QggJvMqyCRX/Eibff2ak9iQHl/Qm6K\n/0LTYrG9mur+EPXW6zlKMftxrVH4a6sNVn3hTe1kmvs6nlbA6J+9a08GQYpW\nIlv5hCJYglXZYbd+UEZTPHDD648jmnEYWiciJDjhqJh+dCHM0peo+H5ThdjM\nH7WULI/o06aJTq9xG3qlnm0XwO8OrDMRcus80EORGMMC7uy5xxNbjX6r3m9D\nZGNTmOu9sU9FQ/n7pDyQ4wvXj0+VLBKzzbp+3Nr8tqa6iLjVL9c/Ls1tYRUc\n5iO5UHxUUJ95E6aPkBJIX+8sCV0NTA4O3sAjzjNokUsMQZkN7xl7nDOEpuOb\nr7mHAP0WIaW1/yMBNNQehe7mYewbIMs6JMyXwgE9TNk9n+2nKCxd7d3ctP9O\nNhUmJRfLn5Z5I8Sl7cVJG0EUsKuG2aXlJ0dpMQJsg9JVGvCMNV3jcSB8hXxj\nJyLA\r\n=yBnT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.95e4eeea7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.95e4eeea7.0_1597966112163_0.15952575858991658","host":"s3://npm-registry-packages"}},"8.0.0-canary.91ab1c62a.0":{"name":"@material/rtl","version":"8.0.0-canary.91ab1c62a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c986c32602e672fda84700a79b70df982522b4ce","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.91ab1c62a.0.tgz","fileCount":14,"integrity":"sha512-SrdWNjr8EMWEmEpEBXwlmPVv7wMAG9tdWbgHtLiJz/ME7OUroYMfO5GnA2FtwSe8LtzNvHWoC3JvT8YTM9/p1A==","signatures":[{"sig":"MEYCIQCl4M7ah0AGS+U0i0D7jl3A3DuXCRK4Hl4hKfKYIuTUFgIhAOdf62A2IoKw5Es3hgRS2MfmfVXquMpfNwipCsrLAkp7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfP+QgCRA9TVsSAnZWagAACaoP/jJwIKr1qqnEX6miWFBS\nZAw4sbDipOy0JinoLbIOGv4aI83Tf2ao6Bb6TGb7VhyTTisBoEelS8dQnzoI\nnJbdvuXjk6tNOw0sV/6Tgq1sIotty8NfwhU36UQyvvg7lMvIL+UPz1emONx5\n9ik/tVwMJFd+b/hukuEtBp+mt9zz/tTn2z45ZLvz9EF8ySxGepn/wnWnxoFb\nPwlYyklOM9YFgifnn75t+CSE6Dt2hGfnB/QSmNolSfYWTNxa5OhU+W6Uv0aJ\n5X4GL1IlftgiC/3XecvoaSfA7QcnTYLMTTRVkceLJOJ27VrRiDphlRDo/jx3\nrwqcCv2w9+em+aMX8Blt5WPGMBqxjhA28Y9CL+d+Ha0IszUDYKULMStasaKb\nuS0i1mTmTPyKRqWT7EBsHDpVffFZVtzZ0xxfzNsLzB1PMcsMXilXpSUDyCkT\nX06ZEgMdI4jj6Q2UfhEdK4rMx2goCRIb5pp5HAZ+CiyIHXJf8rTNskMK6CFr\nXz0wMrMsWMpZgrRaBnn1HyqztCKC9D/ETfSOwoBL0thhUmlRoaM5ZZWQNZQC\nOO0DZkscqPKMST5LiMNZjUDHo0YHjN1HxRz54i2n/VYBDdQ9oRjhjRerxvdX\noAi03DC1hx6HwegPR3vgIjPmxKF/VXYxDrGMYhXwQFt90nbQJjDu2z+YK7tJ\nEriF\r\n=6Yq2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.91ab1c62a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.91ab1c62a.0_1598022687775_0.008188423740679074","host":"s3://npm-registry-packages"}},"8.0.0-canary.58eaa9f02.0":{"name":"@material/rtl","version":"8.0.0-canary.58eaa9f02.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2051f40c3fe55bd9ca9c38ed30de50d588ec99e3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.58eaa9f02.0.tgz","fileCount":14,"integrity":"sha512-QwdIZMg7y63l0p0Flgv453eyXCm3ZEuFw72I/XlDcT+3qaOJFBvjxSYT4R8hpsQ0Phgcf4UaOglu7hIKeEU/oQ==","signatures":[{"sig":"MEUCIHfJY4spIPJpAhtEHA0eS667uKs9YblFOhUMcMjlrnDVAiEAl/2HMp5X89slt+yIqWDM0ZZ0A85PsOhEamApmzX1vwE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQCfCCRA9TVsSAnZWagAAXjgQAI4hc5I6qSioWXWjp3o5\ntT5dwlX61K56z0c/4PPmTU0V4FnTE5LCpP7+XKlhBkb0God6+PtW+M0yv3zb\nbhKlujjVAfMgZek0r3a9OUHPO0TbkKjyfTB6jx8H9H1JCXVwOGxWkHUN6Iau\nPLWyl03hIuJBHTULAswovGuJFZ/NdIIoeRpgEHcaBNZ9GZSwkuqS5vj01t+O\n7Pj0PDUWnpbgyGZ7xxC3j9KMmtM4mgKpkhxarO7vISu/gBdPVRX2WcO0M5cn\nMLKCKrs5KF5960yxgt3wkhFOYEPAwZi57uv9EAVeyxbvcBJllMHFpFYyd1jx\n8+p20aYWcibMY1e510zfX89toeZYfYpMxZae8OMVAW4KDCLl1HUu1cWa6cP1\nohods5c+LEV6NLo/Xa/TvIrQjE0L+NciVnOV/tSLOVBoRWKQ9CkH56j0VFc9\nkSEhZltOWFBU9bku5vO3WOvukdFx2jsHmmIx+c6qhecEm/TH/O/qGHWzYuMa\ndWsFSg72flBWtfkxYIRnIkhQy3WCKWyArR8YQHJWj2d1k8AVpntYXE6iYG3c\nqn3yHUeeb+wAnGOQX3qMGlFcxPuyu0lhae/LhbRvP+nnoj35v6d+aUbPjLuN\nZYtori2h/cV4tVU1HD3bTFEnBPG/ePJYyxocBHF727GD5MKReS7jUZN0o+AE\nWjw5\r\n=TAMg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.58eaa9f02.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.58eaa9f02.0_1598040001566_0.7934812152751203","host":"s3://npm-registry-packages"}},"8.0.0-canary.238216fc4.0":{"name":"@material/rtl","version":"8.0.0-canary.238216fc4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ce1079fdfe78143cc936ac233a4115a2451f7052","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.238216fc4.0.tgz","fileCount":14,"integrity":"sha512-rfLKK0vkFbEmCJezV9hxq3CiMAmOvsQNMmnRr+SpNiRVFVE22s7YtgbmCq7INKZHkvhrQ7e+Bu+D/onNtNrSrw==","signatures":[{"sig":"MEUCICkWMpEejahN9HafybbHG/4M6Oz1TRT0+PNI0HICHsEDAiEAwu3tikt342quJAatoRJKPRRDPstyqrZ6biS7P1mEb3U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQ99wCRA9TVsSAnZWagAARHUP/0eAk7ygMPV9gEZeM72k\ndfjIR8cRLyG4m+901xvf9lgDugXCMoO/PWmyQbsBR/R5blNM7RoYkkDrE6vp\nXdPv5pZDwGzZgZE6E7tiUISjIWUIcXuV2GHK8VQZdmuOuI3m2TSStj+tOWsL\nhLyGAoQAY5NeBAh6anweCcNFavAA5PDLVy8ty9UJlyzclNV+SAjYf4VbgAxw\nPa03zaiAQB+aSk808km5hit6ZNVRirq0hinKXC0p67rJY+ozww9DrQO46mLK\nmFw3ymIOK5U4eW3aQ/AkwHvzE+7FFmwzmQh52kr/xg1H1m2wN1BH1YI+t2OQ\nZnYRqNFeIamwh5ALe8l/gsa7kpILgzmNGuiobU0Dt5ZM8uEibsSp6NSoFoBc\nbt7f8GfES59BWCZd7pHacDc7V00iPupJCK6K+xTnVUmLUy27Q402QV80TthQ\n6EKNcVPU5ixbp70gW+v18ue8rcqiLk1T/Gj+1NeRFX+O5fIKtwconc2wzdus\nkM0LfrwuuIgCAuSp5Ms2N9AjMJLiFitT8Xno+ZBcWJFOunTaTRqZ3BbHVJ5A\nkXOikgBwLecTDuW0kc2UJ6ACZwN0Y86v2FSEA0ZmfpQ8dBi74sN/USRliIwE\nePgvRic5CDmYFJZxNHGSROOQrKwBbMKgC/BgJJgkIfCtTcD5Q7/M3hECTt9s\nI3jF\r\n=MtAo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.238216fc4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.238216fc4.0_1598283631702_0.48511028547716384","host":"s3://npm-registry-packages"}},"8.0.0-canary.a1c65593d.0":{"name":"@material/rtl","version":"8.0.0-canary.a1c65593d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8032461db93f65b78f4f72344a6b1aed671cdf87","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.a1c65593d.0.tgz","fileCount":14,"integrity":"sha512-HmHtPVsom++2pamp6XvOdJFRXZy1JXCGEjJZ1SUVKaihlGIq7VXmC3D9HnKl+TPmoli/lMqWYGwEQUn62dBL1g==","signatures":[{"sig":"MEQCIDdomhvfkJYhmnxA8K/SeVpBcbTF9KVqXULeV0MCMZjcAiB/Ty/VX8oWlVIqjfEQ0L6b75bJ4Zj0Yfxsv8deOg4a0g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRH+GCRA9TVsSAnZWagAAxlAP/2pLVhxKLJwOh1nWmJ2n\n+kM2yeIkVT6GGanVhJmJmLi31sMQz3CA1aTfQEju/fs7v8QZ4CXwvStkoMvr\nlvMdTw5c1HxRwyRm3qjiMNXrogEVOB1WhjrF6uqAyG+Yeah70JqLMK/vehDM\nj1dqYLT0ph2HM6PLxD9rdF+CcjBsMC68Ffs3RLeh9mQJJ3SrpJoMX2nRYKFn\n9jA3Y+wyLodQLsiMjbzVvKS8RlW3LJV0UcS4gY2o529aruz9kmvp10bzbKeg\nKaX2c51GMYICG0MOFN0rYMCBmwH4yqhmHScSYICfrvc7RFmDLbvRDZmsCVRu\njfQ5gZIVknfyCzvGM9ENu4JEHZTc21oxYdNL3ieWSjLtR5enk+g+zhAzTKn+\nRTMGEdLyT4D/tIipz4fNvqlyR3mUaU8GEDqOffn+CzdE5lV1vDU2Q+d0WAD+\nofAjxZCwo+z+4R5StuL2pJZYOgUicHyQ+AP1DNZjT6/kk/2tB/jSgaPw4R69\nl8nEr4sUrOk4Y7pbl2ZB8Uqnf+LsPDwJZ8sIMRLMsUk2SEB28FwLe4XMY0xt\nyAzt50MzyS6uQ7IQm5wVj88ZILY2zDr/ajsFhWMB58CbNYInx8hEuuTqbMPc\n+i8f3HQ6L4w3lVAYQRg+YCgsyqsijCewyWejH82DzXhOcYsNzOxB4VdFDgn8\nx98k\r\n=1OR5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.a1c65593d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.a1c65593d.0_1598324613850_0.7709209758421229","host":"s3://npm-registry-packages"}},"8.0.0-canary.708cc09c4.0":{"name":"@material/rtl","version":"8.0.0-canary.708cc09c4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3349ae873273fc0eab5588736a74371254751d07","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.708cc09c4.0.tgz","fileCount":14,"integrity":"sha512-j9YCb6IR5AdAnfVQV/byBYo7hhVQ/iKYF9iPkoufBPIhj7KnfXkb0VXagFOkUH3flSE1ZzHxl+ojSf2kCXNlZQ==","signatures":[{"sig":"MEUCIQCTJ6TK2dHi06qS5JGqmY5VOwj1M9E2cGdTOsHbQQLEcAIgaUo9VBe4D4W+OLmj2HtZS/u8L021icCtrh77WZ1Aaxk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRTSXCRA9TVsSAnZWagAAK5cP/2bQzkz22BMC/u4ClV6V\ndHx33oQGo1mbOMtmhEl4sc3/0fAq0rdhwe+L1G+/5E4vQJOR/2ko1dcAa56b\na6to0xzw/pfhkabkeVxhh/8JPAMxlC9iIvl5KQjqTi+ZOvbWtP9YRGeNsVOa\ndFBuEPtbcX+TXb1o8Gyagm4QV246IVqVZZ0h5ojGk5lg8yoVAhp31nRJXAOB\n7RFK3Z0YtvQHkOmlLRAQxZqtmvrBG94aopzqohqWKEymM08Kt4Ip8XwW3yz2\nJOH/3Xi/ehiF+UQ9qLvhI9jQRCZvkv3w7ET2iigZDD3iQtErjQF2Pw16a4Ng\nORmWJtZMAcZVMK3DwDc7py86m5EcJ+YfZLqOGMLhNCyBihk8UbUAqz3f/+ps\ncvKbN/16C7A5otHxeCOIe/7AOvef8BkDZ9xRGrXvlGaZNszIfURqpvAh1XbQ\nAIAum74iDsYsSkQopx2QuQvtnGc5IsPbxPaCe0KUwanbJu0/rUFKjJkPeFN1\nvMLo3pDO6vQX5NdawelYu+XqUZn8wF3bmfDdAVaet7phlq4PCzQIYT471zDY\n9791xQaeO9kgC9ptAwuK4GsbcVke3zseimLLjE7IARgNFXR4MMjt+yEAfU3d\ng4W87MpD7jbTMqGSyGx+8zYvDQ1ehiS4w/PEU90lb+Q0lU5tW3yVVfV8x80I\nIQEh\r\n=MkGT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.708cc09c4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.708cc09c4.0_1598370966642_0.3087976277686557","host":"s3://npm-registry-packages"}},"8.0.0-canary.19bea2ad3.0":{"name":"@material/rtl","version":"8.0.0-canary.19bea2ad3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5ff915650ee33701d180bbb6410e4cc0f652b6fc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.19bea2ad3.0.tgz","fileCount":14,"integrity":"sha512-w5VwVKkczL4bKAaSEwM7/SaM5VxgDbH3+BNSQXuQQjipDB8e2TmlyDYLdb83ZC8IwhSMmq9iG/aAdON/wj8LsA==","signatures":[{"sig":"MEUCIQCG9GTfeMd9vWO+UCURST73AkZjLd9OqNhijEXh7U+rqQIgTjld4/XWVIPhGs+wWA47mF3FZdk1eg/YcuiHplGsDl0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRq6cCRA9TVsSAnZWagAAf4gP/1QwwVAqGgi72LUy2cCV\nn8iU9+IOiMjp4bOctm28VgIFsas/qx5T1/5yrFrCPzhkH+YG66fyxGkYW0fy\ngvcqiXlna+JDa+JpSrcPDI4KzwEv0jQCrCO7hhCFbOh2ZgLQ2jJ+UY9fXt31\n5YshoPXQS9GCzZcSrZR93xaLeG5qAvlmpGhs6IV014TYwUj0Bq56ew/rO9fD\nu2MdIvEYTr1u1ECQg/RJd1voqjH2TY/+e/c3AZffCAbkSrU1F0k4FXsRWiGE\nBbWrnIRU08iuPtXWcrWZupYLbpFjo4aJOKXjCNl1W5Vex0BVhlGrBa8GyScD\nDW7iQyX+OxIeIX/+qI3Ykm8ixZ2dhzrMNa78A7+a4ycdAjRuqe1AyYkVPKgP\nZlC6sDFmwVzVZjriTOe9XCpTK8JWtE4OdSJOOUailmAUdNdioAd/nAs2FETz\nzdZJpJf5IT5NE43seslZWzf4ihAYwwLD61PKcLZoeKv9F0miefts2/8xt5dM\nmdT0QC+7FUMhFhP+6QkeWsjbSVAdJti4MR9fhEWAPxNi238hvPbVQLiceDMg\nL6d6hkDac83Uy7TEEBu7a/90W260TJAz9xoeVoP/IBOmx2jGH6aaN6XvDV5P\n381fGv4ZQ2pkQJOtqSI2zUH1Q9SBEl2oPzeQ4JanXBWGSpwE/jDJsrGFdoIu\nRmir\r\n=iEkE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.19bea2ad3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.19bea2ad3.0_1598467739783_0.7891795235747876","host":"s3://npm-registry-packages"}},"8.0.0-canary.911014711.0":{"name":"@material/rtl","version":"8.0.0-canary.911014711.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"70bf10250842e3bb22203cfb9f1ef32ffb120369","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.911014711.0.tgz","fileCount":14,"integrity":"sha512-Zn5uVYjZ2weoKFkrB1ilRVy66xVjIEDuXaKYrqhj3dcFG1SVFoaT21GvQwPu7CoSofp1IBWKVRnMkIhbSZh1PQ==","signatures":[{"sig":"MEYCIQCD1siL1hE4Xe1TXQF4p5LT8TzwygCwUd5QdbrP2RdpnwIhAPThcDPRhAb3AvhfayuZILFqzG7jxJ68rAdtr8UHYf6D","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfR9pNCRA9TVsSAnZWagAAsQgP/iGK5IB7VB+XNjwLZ5jF\nCaeiVaPEhbSri2HRZNi3BaN5XeXEX8Wl3QYFFlMhz0LBeTH7+AnGKQ1HEbhD\nyBe/Z5R9MLTEBRj/IpR8/KQuGYke8GwCrRlzNfjZUV0JLaOLZSBeJeb87ZLG\neReQeDgX0W2xOdElEqUDdwmBymDKSvr6QW0Oy6a7xMn6AOGp0vGYFsTunoGw\nzczMtA4pbDThH+Y/pyEu4ZuHLvLKpjEJiZUr3EBooXLn81hfXGYsZbPbVtvt\nFdWimghncEn04Z3IHY9ExpjhTiZrF+dUbrOwsQvppdm9b2M35grpzTK3/1ac\na4VhBorVgPlZEaS43yMB4kp3Q4mSxKzYb9U1MEpqwaQnhxdKCiqQ39MAQ2n0\nQQvPGohPPoyxVs9zloujiziojSOVcxsnCYBaNsUnndjKjpcWfWoDHCNRwwwi\nuJfeUnfLEBZlW8bCgEOngHmJZQJfq12E+XDnwMpNWAGDJGgtEjRzRmBrdVC3\ncJeSzUcw4AfOAVaYOyUN8yIZVFwVXh2zRPIUHXVcxfmBKy8QMB/w8iAljK9w\n9wZNtSn+1VRQF/rtf9sQ6yB+n1jKrW3owLyaxuOZR4q5ikR6TB2lRTrmMp4S\nC2DaJbBI4x2jBFv/IYh+0aBZd7OirORKgPh3YhDIa5gg94XAE1NGIrVwn2la\nPs1V\r\n=olqb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.911014711.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.911014711.0_1598544460838_0.9313046962053924","host":"s3://npm-registry-packages"}},"8.0.0-canary.d3387f54c.0":{"name":"@material/rtl","version":"8.0.0-canary.d3387f54c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ff5a3e0191cf23103bc53de33caec7d0667b8eb0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.d3387f54c.0.tgz","fileCount":14,"integrity":"sha512-QBLLvTgq3DreURGDE7o7vn/Iw9VVnOI43GKz2oTUDN0FiUM6wVLTVS87GYdaY1nDl09hAdGMoMJ9qlWIbbzk1w==","signatures":[{"sig":"MEYCIQCmHrOuKhcohNd5NG0DrWfWUk8oEpPadvMYespXZW2LIgIhALzTxkitsjEOxBWj+qysTNX4SSitF605fnc26qMjujmg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUVgQCRA9TVsSAnZWagAAa1gQAJ5ONNi9ANcasVf2izby\n2BTZmuYeBAzsMnB2FPXUy5wOeaVipkHPVbuAIo3h15ITrmP0C0SmQYMc4qt2\nKEZle5K6fwLuER8tUdKRnniviKsaKzBJx8kzhvSahO2x/ZIQ6wI0Gxq8s8Ga\nNuDmARYlxAS1VWw3s1L9c17tLzrVqG1SxDyx5kqTYf4tYiAdVcjsui7w5+GH\nPlXYenbc3f2ncFp4LjMawE8KJSjNphSW0YDxXuLuJYUTO2fe1GCiViG83upa\nugubWtWi6nYXOM5qCLAvn9ql8RqiRAwcan/BfKDVOzXHJkd2343m/EbU2sEc\nzdaat/ar13CHnr5GAfC8SEng4c6rztSKS/KcfdaKHGgtKZKdhyY5Q6ac3sp5\nRdzXRDR3G0RUfHE9oU02rpmvlcefVj6og5fklyNaerLIgsyHIK4zeT7zatfB\nLtpOfbbOgy7cRHv6bzlfFRhbM7wcEZ9+ShpSi2EWfiU+xoOyu7t7lDW6DnXW\nvC8RzRJIEEWNSHe28G0tiUb4UK0NPGMY1VxrBsA2iJtvpjukx51cYt2AqkYT\nWyGLBz9SJYtakJfPLH7U+U4DrjGJdS77gCVkPCOXMzhdfzbCR3Ketq0wJsF/\n/MLacPJOYq+wmbUr2hwIzugWOEZX7XdEuYmfG4gdNkeJ9yiGhPAksO/cWKdd\nibrl\r\n=keLB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.d3387f54c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.d3387f54c.0_1599166479417_0.8311535628220414","host":"s3://npm-registry-packages"}},"8.0.0-canary.2ccf996cc.0":{"name":"@material/rtl","version":"8.0.0-canary.2ccf996cc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"233e91c6fbd438600c26e1507586275407c51a7c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.2ccf996cc.0.tgz","fileCount":14,"integrity":"sha512-yHLr2/C8YkMyHUYwrg1rMyWSg0lP1AViRSo9YzQ1TkBk6ej4BckZEcmKeoBUEGV6Z2wOzZdo8Nn/okKJcsL2vA==","signatures":[{"sig":"MEUCIE5aANQrV7XkO4DbRiBjI1YCvjerFPntu91QC97e9gj1AiEA9Egws353byMLgjtE0SKv8iPTMtFdnRc2mHsnIUQSWmM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUVgmCRA9TVsSAnZWagAA8SgP/jaiBm+IvZR8PIuGuWzy\nVhKX8tiW/WrCej07A7+6pC1GXe19FDxnF4NIEMvnXTjrAYbC7GlT3LeDv0t5\ngwB5Jc7tUAeZcr9c+BOM3N7YWTArtQ/PBRg4/xtku8ESp/YBQg3b1w461KCd\nCBMrP1hrhC6O1jyonAkWXkx0xVp5l/HnZnnXxw2K0w9LG4Epc9R/8jNzXy4e\n4lOQOKFPECH+67wC6gaYwkkRRonopa1CnRRTty9G0aLfgEV1292/KE8qIpON\n6KVWPmCz7rE5iFd32w9sCiaayzMzVfMzteqgE8qasoV5sZyt6Npm3dPUwlwD\ne/1ezSWzrjDXGidFuVkOjNvA7Bep3UVXkHP4ElButgs/1xAEfh5M5PXAhXNB\nPI6rfkTU8v8l65iGYtOIDF/QIGz65s2inMs1weC0UQdIF0kHfiiiKOcEczW3\nhEyZaICKQPsPXd9arRnoDYQUB/GAwVVRRBdfXk1Fm+fWStD3S4erMn3Q+EvX\n/L50NWKSCrt3Nl9ZMAYyazWOQdtSV2mm2/EJ8stZ2SiE94ue0QHgn8ezr2Hs\nqPvnvUMFSP8bv0Ni9lV2kHuBhyNY94Cg0YMZhamPxg9NK26HF0sgmpgX844x\nPdpUjbGjJHAqdfI49Vn5YwhEKz94xMU8PO89hVjZNRV3C91zirOkfEzfoueU\nYqcZ\r\n=WoqW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.2ccf996cc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.2ccf996cc.0_1599166501642_0.2303549373246243","host":"s3://npm-registry-packages"}},"8.0.0-canary.744bfe5d8.0":{"name":"@material/rtl","version":"8.0.0-canary.744bfe5d8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a7fb08c8591dac8150c79afd7b672d1ac1e1fd80","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.744bfe5d8.0.tgz","fileCount":14,"integrity":"sha512-AvX4TmOulNyJsbMhmUfaZ7zih3QP8fbnMmD+L6I6an+Kgvrw60N16DEIrYvwFPo7Sfk3J2EGj52fHivcql/Jjw==","signatures":[{"sig":"MEUCIF89Ba6mdyIp22Tl3CX9OQxKwwBIS9JaqpaOYsMVq0wRAiEA1WKtBPfLiTz+U1TyrMudvRhOpqeikk23SHnY5m7rdfE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUVhcCRA9TVsSAnZWagAAE3IQAJOP0/0a9Tw3hPcFl/lp\nK7czLrW/FfOWWnysZ8KbOIqFSnvIFBrWjqQEwOdos/MS/JcYYlJqdBDDL42X\n3gMg/AgTz2+0LiDegVlXK6fsWYapKEjIT46rnXWoDnIspCfolGJjdY27ybAd\nacjs4izqy5/cEN154vGwDO2SvFA1c6K3QdGab7SotCLPmc1iWndkTK5adQoK\neKi6ppCjTb7ZEaTCUp15oKZ+H4eSHRwGel5wyaKhfkeyS+tqyFaMqcWLRkLQ\nuGRUhj6GMnzYNSE5K7fxemu8XwRWfaSkZ4IWc18+4cdCFAh/xZLwPawPthUy\n2yNdYKvDMzj4dALTvimVLgL/EjPCs4wTGTh8hz1qomnEGGmA8MaQd4ZUrpyf\npqMIa0YZl13DWmRcwe1OzaK9sscpRtpomIWGf+QeTTbeBEuLVSM1leaxmnUx\naxnzo2j8+eWWYMJrPoykfe2G7ytTMpQFdbyJ/LeNm0znbtfdgLgpGG+wQMDf\nIjpEw1mJOprWaQa83WwJvgFJtFFfTZfcdD7VFgGo6e+Xsmqbv+tKKrySnTsn\ndpCgVq4EdiSoWLRMmawhaCq1s1kseFrw8JpPnicMvVlfj82uZo2+nx1XMvL6\nqOlEqGZPcIHeBEDQQvhsPB15FOQadV4M+3VeHxck7kYo2sQxQ8knFcl1BGW7\n7pDI\r\n=MbJT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.744bfe5d8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.744bfe5d8.0_1599166556121_0.905893143465339","host":"s3://npm-registry-packages"}},"8.0.0-canary.78da96eaf.0":{"name":"@material/rtl","version":"8.0.0-canary.78da96eaf.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2e0bdaf7647ac4fb05066c8929f18870fed8f5fa","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.78da96eaf.0.tgz","fileCount":14,"integrity":"sha512-DrjSsGzWFxQ55QpXqL00oHmWWDNw7M9G0qNneDuqUd8mUeGUFhHDWYS5S1O2vgFcJGdiesFtOcQa+J3ohCwMmQ==","signatures":[{"sig":"MEYCIQDTDh6oV/0jqwi/YWaXNljH9bqGKiE1vbtjm4Lkb9UTuwIhAP5lC7Ns4x+wX+B2pN9SIg5U1uJYVvYFofk+m1m7yyVq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfV9ecCRA9TVsSAnZWagAA3zoQAKMTpxwNWqYJjRXNcQAK\n5e8oOArRI43I0xxLek/YJ3HDNFf89U7AlVc8OgSEp8Ih82rUKlsD3BZfMnnd\nUG8pIIjxyIR/rWs/ck+xfUt77zRiI/un4nyTYWFoQZwTZDDzpVYdP1rpABLt\nPCHfSTCQxJg16fi9/37vhGwLSHXayWAN/vRTJcgJuzQuHUL4GKMXhrmc3mB7\nGw+iLOsgddZYeF0+QSOozzTt58j9Ws77BWmOftA+TbWAKA1ynaAB2Pe6MZt0\n9kB/Z+gysfZ0ddZ3M2ndd96gwfNyzEZRZHTO8cKj5DgXCp/iZk8Z6QgU9bRB\nxoGm58RH5VjrhHO4e5zOMmQAQMA4+mIMZ29HopOhhJdloDhXdl9KbFvWqlXM\nh3DGyV49UZYXUEzKIvzQ+KsKeLqn4LlQwjFKZCMwZ95HiDBdwWcevFcJkvwJ\nZwqJVa6WEXcxJPiYSPdJtcdix7zrsaKBghKjNcMPNwSxCuo7OxuVuqMSYQGm\npQPcWB6S6lnZsO4GjfmZlby8/dEMgKoDRUzwpK9xlYHq+NRSj66qTlk7RBJF\n+UlrV3nN8KBSG1ehPEnKMZtBGCXe1P0si0NIqiEBKUeQ1bTHBRVaCTDCwY/K\n4VKaEVP9ABpVAXWsEJxyQ6JiNuxxD3M1aXvdsg5heDL7Cvc1L18Prrey5ClC\nQEhF\r\n=V3ws\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.78da96eaf.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.78da96eaf.0_1599592348178_0.11330973724443694","host":"s3://npm-registry-packages"}},"8.0.0-canary.b0ed593cc.0":{"name":"@material/rtl","version":"8.0.0-canary.b0ed593cc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2f562ea8badef484ffb4bfecdeab4735d09c6c04","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.b0ed593cc.0.tgz","fileCount":14,"integrity":"sha512-lUffQQEYJON+GTSQV+ivyYnGsNHbdri1hBRSvKH2jwkIK1QxeAbeHtqHGb/0NlxvC6YYk3hQOPKXmXQ+89BdPg==","signatures":[{"sig":"MEYCIQD+c/kZzI+YTZ/O9vEvuxa3BYPDZTQqlVoo73x0uJZ10gIhANGwgotOKb8iWoFRKzFQo+0HysMXi0tmQhvs97WJyday","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWHMPCRA9TVsSAnZWagAATh4P/jiRIq0ytBOzRNQqPuqk\nRlx7neYCBK+8ykp0SeXSp3Ewk7OTPfAuWY75TDS5y2VI16GUVb03yZjOXpWI\n2DWypfHAWxO+LWCaJVXNLT9/BbDBad1MD0sIz0OT4Qab5kSD/mM92fbC3ewa\nXybW6KeLXTmEIDAEWihuVal0V8Tm6Ja/oQZMCv+gTIaVD1ODACKMU+pzLYlC\nvjZR5DRxZFceZx6dHvsvGL3KOe8rPc3yOY7gycexlDDVzmwQYAugq+CWgqHQ\n1yAgAVQxoM37oS2Icr8M6KUXevc6HrBr5g9NKlRCsyJR5nlW6z6WKro6NSPl\n7a6z2o7jgeuGRv1ukSQ48ldGF5rfT6eccNey8zhtyNZjOnCfLIDK9ytng5lq\nrOg+ANsLtmPPW50uBUHq85GeM4ijodKBDqjzb8ro07lfbTpfzQrSQViXJ7Lf\nX8BD5VcZxONFy2KWflwpJWuvyL85ldhs/i1aaXG9D3QHSRFneW7Agg65GGSn\nt8BLzUyx2KR7Co2GRk1tL54VP+C2bSWu5FGNLfSP2FD0BLXCnorbd8+GpA0d\nscuLdI8yb6cnOFWnWRtWqqkNt8RjZNJBYV+1eWJ2WKxX0NQWuRZaCcRL28t3\nmY3/szdGS+O+KpavC9+EXHfNzO5ooU3NUlvTGb8knlI/SVRbUcMTfiP5amWM\ns1dY\r\n=SsjI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.b0ed593cc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.b0ed593cc.0_1599632143353_0.17249255652918016","host":"s3://npm-registry-packages"}},"8.0.0-canary.85a1fa9ea.0":{"name":"@material/rtl","version":"8.0.0-canary.85a1fa9ea.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"492b5843d897bc2c1ea1cb8bd22397c6ad583ded","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.85a1fa9ea.0.tgz","fileCount":14,"integrity":"sha512-YX0KvSyYONMBB9T8Ezps8dmcYX2ugizqSNNn8mLDojXBwE9HrUSwn3+3ryyN7+Fu6rdYStpD+rW7eHazj93tHw==","signatures":[{"sig":"MEUCID/ifXEJ3FBFXV9X8M24OAOl3vSArKaaqaGDJOz25ToIAiEA4+0gbwab4RYVwr31BrvDK9FWNFeLe6fTlcj6x3lVbgQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWpY0CRA9TVsSAnZWagAA1KUP/2s7LgXiRlI2AcrGs245\nSgkC4WIW4Z9b8uKvrJS/+iD7VC96zZuxQPqrFR03Ky2Hj6v9RIASbOndXnTI\nbhMW2zgt8w+asmoLARaB9XSfbgengzYgayI/Bjz7idNNrF2XnIAQhgHw7Hnp\nWUo+jHjStCsS6BSQ81y8h3ELE5Srxm6XBzbdJkIhPwHM6l9/kDha30wCSvQJ\nI6LISB4letiT1VbQWAerSpnNt2IQpiDNoKWibu2LUKJBGhCHV58gvohaDg1k\nj61/e0EJunh1Y2AYFw5O5tF0KiIbFZ7cN25cDD92HzHhqrQpJdSOQFFedOg5\nfFko22hd/MHWcFzCcMmZvZSAq1bpDzIrVqPa+hm7PeePplxyXAM6AOovueGg\nGMCS6Z1L3fb+HG3ZRxtA4BmWIRDs789umffbsA121RZo5JH6UZIKbveeuoA6\nB2ZTlaxPkx0h65ILMhG0ziB6yMrNSO96tmSGjueFWOFKdD3o7nCDaM4i/Qyg\nalPhGkUYosb8Ew9eigsj/xADMwWMarZsTJ29ySvtBc9G1PODgWMOIpuD1chB\n6dUb4dXPAGBgQNJhP8vrR/sLuuH8YF6qo0veECPlKUNGQQB4pXX25ettmv1U\ne40kZroVkWBG1I26QokL4Z+xcTbw9fo+zJd0+SEk2F42JAEcAMCU+X+UIxFX\nrti5\r\n=fNyG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.85a1fa9ea.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.85a1fa9ea.0_1599772212390_0.7151867719069442","host":"s3://npm-registry-packages"}},"8.0.0-canary.0bc41a9c7.0":{"name":"@material/rtl","version":"8.0.0-canary.0bc41a9c7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"884679c7932848896a17619f80acdda9ba63453d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.0bc41a9c7.0.tgz","fileCount":14,"integrity":"sha512-5OaKLY5fXb2GXRtJtFoHWE/PefPplAo4VsLae0xsX+T/SFlWO+0NUF7FkXf0Gpd8Hozvcb9Zx15jzR1biIahJA==","signatures":[{"sig":"MEUCIH3KjQK6qXGJqdzJzyB44vDqZVIy9GTnsrxemCzLiKNCAiEAiioIiR0fnsdUlrFXniLHksiYfpIry4WfaWngr1V+RS8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfW7imCRA9TVsSAnZWagAAHNcP/itx/bThbpWaUQEQo+nb\nHCm3Yfi2x3lQNfMhE50L3L5wNIqRSiFitjYE3/JDFuBJo9RC9fJCo8tVEATA\nCT/bv3MdZtDCTVbk5g3YgnftfFr0KhxjNx0mgvlUFCAN3JOYeVaJMbtaz888\nClSdJi1loIsRW9MH3NKOGAJo2QJuFT7uCU5IvtMa2Df/jY4783NXueTtfAoz\n1iEL/559RhMx4kQCF9bY3siU9XHltduZnl3kGeTnM12g79j2FlO5LdDUlgHZ\n/Xh/9f+EnmboV6eNrFJd5DuAx0ICDkW+zN0eJWqElRH+WFxzvGs9Ta9WWo/s\nRfvZ3Dp1ZboLejdatXGtglpyoq8gfnfvm7iwD/IDoaZ+TwAtYFgf0f9t9orI\nquX/VoPFeQ3/oT9BkF7f7NoeKqwLA0ArE9Pie6ZcJ6JSzz8aMGEgQsRu5mvh\n9Uvub1Pt4NoxECVZE0RLBo3Oq0oh4+0ZAs79aSZjocgMtipuyEuWf1Rl33T0\nCV8xmaSynRIXnV7X6en9K3ny724nBhuZMI3/Xr+3rYxkfCSD+AGl9O6sy8ic\nn3oRCttpYjwKq6JOVaQUx2uXIthILQn6KO1hxRT50uiBOj0e+M7s6ffknwmX\ncw6A3hd3KesCe0hIdmhHRy8Pyy4Hcp3TqLycr1MtA4y7rKOrYRagdgpthrbh\nQOC2\r\n=6Ygq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.0bc41a9c7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.0bc41a9c7.0_1599846566385_0.1877107080799505","host":"s3://npm-registry-packages"}},"8.0.0-canary.fc0eb5013.0":{"name":"@material/rtl","version":"8.0.0-canary.fc0eb5013.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"46b221f44cc8f86adc3984d832ae1a8d8e8f3b92","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.fc0eb5013.0.tgz","fileCount":14,"integrity":"sha512-/L4yOH7rKjsYJe2Z2kzqoGme6c2nSUItQXRsuub9fSEj71QcgLeTn3STwiWXnMbQSFKMpu/PzjREIgCCGU0x5w==","signatures":[{"sig":"MEUCIBP98niU5+/4bklzeB+tB2k79wjP4RsvJDHbh3ZFzbS2AiEAoWMlJlUr0g2NNgqLPcO6M1vyHYPOooaaeXxlCZdHGuI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfW9YgCRA9TVsSAnZWagAAinsP/jr3AC9200wv/uQjdiUk\nenLpxcP/qQa7TsAMNJsnbAKtpYcJXlIBrNK4dngcJMYAmZVUDK0nrwho3RAa\nxKt5FX/hEXAB+VZu/AlPGn8Ng43XsdjT6TvryTsNbSJ6HqaBnOHSyMr2IQG2\ndGcjmG5P2RJxlXwwMO82AkhdAqYWX/eH84R5u6YnlrT5FFb8ohXQ05lKIcxC\nOuH31cJbQW3O4C8gMQ2E7XH+6dRzTre5LjoJjs97zeFE9rm0F8lHCiUsr5iv\nRkzOSX12IBbLuDi9+hrGZlZr7GRNxoDZUzAYKBRfg/093GplakOBYWYTMloH\nC05H6ko+pqJzT3s2fQP9usW0VTgy9xL271QzXjbfUs5l1FldVB9/aJh8ax25\nmppAuBANBUaKPfkqrDoOiwRQfGrL/Wva6cliu4msQNP8PCAHyhvby9S8byIq\nLyvIow7EpvZm4T0K56c/VDrgsISYK0eSJ3rHEFAD+f9vFZY3tiRvP6Zjr8jK\nDrC39E3qHDJgPndJmZoS1d+MH0m2J2vNRN4WRuALwsRgypCeyXNTo5v29wNY\ntsqhkx+7ZRlfklVTvVAGX4vc2sn9vtU8yoyjkhHiKc3DX8L4JH9rf+bVmlqE\n8S3Bi8TaJgWETmD/jg0h1f0yT4v0+MSGLn2Pdsioid51GkX+kaIbnkDgpLsZ\n77XP\r\n=zzcA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.fc0eb5013.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.fc0eb5013.0_1599854111470_0.3554085091002581","host":"s3://npm-registry-packages"}},"8.0.0-canary.319bf66de.0":{"name":"@material/rtl","version":"8.0.0-canary.319bf66de.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f85eae06e60676ea2f7cb2e8679ab82c2c27041d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.319bf66de.0.tgz","fileCount":14,"integrity":"sha512-Xb/NZHfClsouNenZj/HEt9bPmUsP0eHJFotg4hlZBrnGtQ9QQJ3kzBmoLsEo572IbRSwCefuacdc3EqPWBYTfw==","signatures":[{"sig":"MEUCIQCEsFQG8cMVq78yM6+xQ8Hxim0RnuaxJHnGwpUar+jpfQIgQRvygjGGVVKGiFhhFNT+LLOWyQDWBVgf8gUj3/EC81Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfXAPBCRA9TVsSAnZWagAAqjgQAIoMWpI19rr8JKA9j8AE\nXeb7yf8GTI9Q+fKiqQGySLCOh+UfXj6YqZai2sKgfKYr7fZF4uJNIf9te6dL\nSgzD21l4/AbySaUjBv8IZqhaCm6ORdAVsyaiQ4qcKECIqeWok3uOcnRhd4xM\nm5KfnrhscO5UOz1umR4Azn0ToDy+a4NfdxItujuYJ5aUnYJ/NriPAFuXUOrA\n1CXOnk9Jnwx/k83Q3EtiQvsA6svWDPMB9QCgK3iKTnUrwCk8jtSGyimIJ5p4\nbEbfc5alpCshnhjtWZBHX3OzMDmrsQTZ4DUe2KQgIUHcPaZkO89l3b+GTUnp\ndswu5efE2CKnk0chzxOS5Qgo50p3i3ZSIyDPHwxWtXpvuvV0AfhHzZDkiCFb\n1KiHsHDmDz13NkDDjFPGdmjWcbJNQeZf+jFyu3HaVC/Dux6M4pWyZg+wRmrz\nx7NJgD/CfiJhCNBRRJsTLcaEPWmth3pK3XMRXgUDVFKiUO5HZ2bMw3KDYRRP\n+bCBxyKu+5706ak1mJ9/RVopYOlSFz+hPoCBhw/ghjvDAU99SOGDp3P1gZr2\nUntHv9Fxm9BPd3+HDKDNFOix+tuGxDtWodPcX4l5Xu2snlVXnFsDaE5JYcqO\nVI3kNhTI+CtkZvIVppLmt8Nzlh/nQqndLkjZa/RYXpegN+qX6Q4c5d4q8G//\nuLKd\r\n=khCn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.319bf66de.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.319bf66de.0_1599865792612_0.12476872964669772","host":"s3://npm-registry-packages"}},"8.0.0-canary.5bfc305ec.0":{"name":"@material/rtl","version":"8.0.0-canary.5bfc305ec.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"45b49f4aeb2187203a418f59dad56f445cc308a7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.5bfc305ec.0.tgz","fileCount":14,"integrity":"sha512-oKK7DcMKYj0WMX7xg1LVO54gObG1wmRcOEEBEZW7RlP8FuQlq/0iAXehm2Que/Mv1jPDeVHfnppHGEJxYIJlrQ==","signatures":[{"sig":"MEYCIQD1tzHL33FLvRfGpkspWlN00Hz4RwpBYXy+B2j7RNU82gIhAPTbynRSJgFN5UGT71cil4ceuQoFm0G5BPPDcUpPHM1N","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfXqRqCRA9TVsSAnZWagAAnUwP/21tXsYs6V9TrLfp2O+S\n1hnJYj1/QFMkVnP2j80Rpt3DWuFkG52CM6ay2Zea5g+bLsbhChUKmlREXA2G\nZJnU9fXyuO6Zmvt2ofRZAdqOYHqjz0a76feZRp7g+8ZCzcw69TO2N0BFN5cj\n/YC3PFgYRSgLzuFsNUNJcdUMnPcLTA3WuM5rCx7xtq2Pp4/wYvT3f/60PYLq\nxvjqSae/HKLXi7HyNxueQXZ5fB27symYCaplKOMafzZrpEeO61/fmu754EC8\nSzJYJrSxPV6+q6nyld/daZSAxuqvOMWQJ1z6+rk+wB9zju5WvF62hAO00bWo\nmkDO4mUDxf2IcHxYLFIpTj5oilBSSAhlMtCynmIpIdewWHSpo2Z6sJVLFjBR\nOaiYtgb6xwLUGEzTQTRUDdhcogIhoHnJ2GOzVG5NHXU9ZW/mZ9XWXvLJdFI6\nqOd6zKvJL8YFwTyWnoBHqlOnyeQH3HKkbdbJVyvlGAB1+jX/THrWgxVigExM\nLfPnwM25eqftdL2gRlVPYDo17XY7Frl5bz0owJZjH0GqBqLZpDfoQ2ABU8Rf\nLkbohfJrvF8Zz0E1IPDoiO/ozJJNd8K0AN5IyOO3WHAWLNXyWWcDiuf9lqR4\nbm3xrApWY+mdMrYCvLjpCpmIwY9/9PHH68/JrSflTnBhYtucu7/C6Cfdj4Cg\n9E97\r\n=BAy6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.5bfc305ec.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.5bfc305ec.0_1600037994147_0.6519334772306782","host":"s3://npm-registry-packages"}},"8.0.0-canary.83d83f131.0":{"name":"@material/rtl","version":"8.0.0-canary.83d83f131.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"613e21dc99d3a5480cf37ffce0dae9df4410e334","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.83d83f131.0.tgz","fileCount":14,"integrity":"sha512-m4whxiMsvPb4Jn46gyAkdK424+m+y4suYs7RwFKSJ8YvbtErmQ53wW2dZe172cShA5qsUn79cdewT1kvAS8mbg==","signatures":[{"sig":"MEQCIAFEGh+rGRJHS8X+FoyhuBEqLXn93LotiZnNVHiwoKAoAiBHYeLhALBbjpVvgGDFJyGNNn4NEta7kzMDgrn+/0b4ew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfXroWCRA9TVsSAnZWagAAXEMP/jly1z+6KLV+GqdJhriK\nCGAppnj9hyQfMN+I4LreHuq2DBHEBUURfRZveN1AWMlSoBkvwfizkWXBQV8U\nT2ZUSxwWOP9fWrZQcfJq5jzHFdUelOJLkNNaTrXvhTsksBVl0EQln8kFygo8\nzKMe6dm9jrwoJpspf3vwRXe+ZLT2IxzPBV/WmcJnEZG8995kETbw3duinr79\nNF2vVCwVCD6GpqmZ0kMh6oTaHE7kOuPErQ+KxsRfXcWGTB66XxZg5eBxvWY2\n/ULjqgvFdeFrn7wKOXtPUm8pP+Gt3luBVjfMpk8QqyIlxjEFxvThNdHu3ZpD\nK2E9f8QEF1ssLO+nxGhhPSWZKA7oBZgcyneZGceV0GU4ypl0b6JGXzwUTmDq\n5SZYNax4tMG8StfJSwZaI3hIXVoLS7Q5B1ulMPCJ+7HO267PreS/+d6tDPvu\nwDmna7Q8NdnLa3vzcDT1RsAm4JaciNsbtaITFpPo3X+N1AjVTcwmSbRKxWhh\niNyE240vd+KKi5nLDG8u7E8Y2g9dHH1AyXE/pICvsTBHaheTZjsh03h5bQrW\nDurkU+KRqryymy5oX9oDJA3pRt2tw6sjN3HZcpMgDRWH5VMIaVRozjV85EbH\nNBbq5fMYtHgtqawJpFuifVOzd3geWdmK4o0K5T/w6hcu4ytEU0B6DJQoEjTS\n03CB\r\n=RHNt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.83d83f131.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.83d83f131.0_1600043541889_0.3778519805865095","host":"s3://npm-registry-packages"}},"8.0.0-canary.40d8e4726.0":{"name":"@material/rtl","version":"8.0.0-canary.40d8e4726.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"fa404d199fe8d8a45b8f70d12614b51194035125","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.40d8e4726.0.tgz","fileCount":14,"integrity":"sha512-xiPIxQwS0351A20pZkIl2pdZHrpdbF6t/jZ85VxABpkJP+N4Anu+t4++rtxxApof437EkytkHNBMv4Mo1vprjg==","signatures":[{"sig":"MEYCIQDAWw/nEg/E9bralMqtH+k7UIaf45STrXgyTCca3Ptk8gIhAP5qBoMPmHt7bP0mH3TD3cwUY+l6WxfUV+inVzuQJWqx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfX/ziCRA9TVsSAnZWagAA0vsQAInddzsN0cgdLbJWt3qT\no3M/uKmsZ6X9mgUpThJAIJboQL0oVgUy39uUHwUte+R1EPfiHjH4hjeBSruU\nOkenb6CmH7RGKwvpADKAoh08SZw03A39h8yF+gKCyXRu1ammBbEtBo9v0rFj\nxes/Vps4NTALvqPzj8RfRHLR3ouiCiF3Reo+BDI+4QmHTnIH92X7GfkWqW5I\n5qdHtz+e/Y6SGtoEhYKHBTnBV0aiAtO6+J0trTk0tqxoMLvwfPoB0Am3WSNP\n4Tx2ciQBVbOp3pCAhGhYsF9fVPnWy1kkrv83US7iMCedSB7Kr1o+/ThNLtPH\nL1+xzfPfQ5P9tZhmUDPNpGMEBu5K4GwzwUExyuQF1hffemEo4zPkOujnUje+\n8lvl0qhUxhv20CM56raq2w5rTzcHVjAK1S5rD2ln1FfnGcJkK+bu3QoFX/pc\nAWr1bRl1Otj8/Ws9F4S3uJbklqtFxTiuNDf/zaAxgRJVEN7VkTdqGh9yKeqi\nmsPXZ7FZRvgKIUl4YJgFQfvdqaZ2dKsk4FFDgEaSu5NfPRA6rDo/2Ycwkd58\nSNQvs4YTnczP9bzeebNDAcXHxz0JZJrekZXXl6D4KRIjtvT+4CS2z5BG7RCk\nrL6X2A19k7QqN2+jTWik7Zws+vvDKeYIpTrfu6eb433H6uL0Qn8iS2Sv/PB0\na16m\r\n=rDl/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.40d8e4726.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.40d8e4726.0_1600126178069_0.3155502233412584","host":"s3://npm-registry-packages"}},"8.0.0-canary.c25d70a31.0":{"name":"@material/rtl","version":"8.0.0-canary.c25d70a31.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f835b32fdc616bc5f1f34de124dacb46a5d2d589","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.c25d70a31.0.tgz","fileCount":14,"integrity":"sha512-zn8IXECa45i21eZMejRAWo1XX+kkSMnnM980DOhs69guyi9Mie/4WEiaV/7zmvJYq9vczlARMIfX6xF5epBe2g==","signatures":[{"sig":"MEUCIQDeueLtkOgQHKxLhfssfpBHBeznxuPJpImCsc3f8jPUCgIgFrLr1A37RM/ydIkLn3Pn/sdQTmoILI6XWO5YYTFASUs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYCbJCRA9TVsSAnZWagAAWk0P/3p7oJE1u2pYq44vl4bt\nCsJYlhydGPPjNROMhjRnX9fboN++CmyKPrLo391+Ajx+ALpn2IIKhsBeSKPU\n6CkoZyH6/rnIyVWoYj0ijtLQQC+6IZIQA3MuWUhjjVGVDMrmRNK/IwJDKfkK\nBkMguwa1aQRqbsCARh7y9JK2COV89aiWlbDj2YQ6nowHUKHdHF8I6KDqr8ja\nMyJfUF28GyME4I/6FQ3CGQs6DGU+jOSY6JesZ2oQKKR4GPF8Xzy9qgp84SLP\nSxuDV4HR/GJ0rWkThdVK81SKYL+wCQ5Bl2bHfu2GRa4RvsXn0YRoJSSPRld1\nsDMiDPxjEMHYjcqhGA36re93ykZQ8JJDnKgzijiR9+DBjvA6DEm5XHwoE1St\nZ9vqPyWV+QbncXGZLSfldBCAZtFq993Bd2y31ZxIViyOsTfOSiT1osEp+1g2\nNdzdw1y1jh99lC4VVVOTkYNdtzQBbQQO4TxEKYxxRcte8R8h8U8+jZ2kP9F8\nKL2LK5XUz19F2HKLD36x+S/94N1VW7ARpN2sjaWpcfXKMMCnZPK8kOFp+yLR\nDfsrQMmj+Vu6NIHeyssYGe3u+s+0iExTQsKeAgxkQXPeqJvsLyLsVw1mjH+y\nUa6At2S7aYGebFrNzkH0LUAx22Q1siAC6ecpW8p5Yg98kNSxKIAaHZOAY2Nd\ns9eN\r\n=FYSe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.c25d70a31.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.c25d70a31.0_1600136904776_0.04938461901720337","host":"s3://npm-registry-packages"}},"8.0.0-canary.d52b165b5.0":{"name":"@material/rtl","version":"8.0.0-canary.d52b165b5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"aaa19744b9229017c50b4863a1c5a0a353a0f455","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.d52b165b5.0.tgz","fileCount":14,"integrity":"sha512-+IsFSnLusVdkZsGtlNryz29uH6ocMEewY0viaYPshJrU5JNDJIhElzyAKiq8qGJmbyEBn63s05dZEF/ktAmE/w==","signatures":[{"sig":"MEUCIQD0OiF5om6wW1yZJQZCeyr/PAvOCka/MAJqBKI+42OYKQIgeRpPm3XR0qvZcUOC9s0jkYhIpZ69HmMaINzQdFPQOJY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYNWJCRA9TVsSAnZWagAAflwP/2LYqTtlY2INxcRTo0F6\novhGP2e4VDvmS2uxgV4BZnAsNIe6oTBhOEwXKPhDgiwaJIkJefVaXmgGStUm\nCYH+d8x8sD6gbottp62OStsJWiLij/l9kvqc/fX9BDyNOjjJbTIGDM06Pv6w\nXLDl0Dg7Yaoanf7ysrkBbYP4lVFd5RcFG/l3vmmg9des6OPoCg8HPn96RZoB\nAN8BAPRENyL8jClN9REcge6gHNe8emT3F3ipGc8KX3cMDY/Nkx3zOVGMWMmH\nSFhFxWohc9BDdy/OiaQ5ZXOp+ptYtT1RaScJFUM7jcW7yqwNVQO1r+pG8jRR\nm9DQbpc8jZSCe3t/x8Qp/tsqPfI/45wg+XpbKMGVxWP/OBwo92o8nQdQMVG9\nJ72tHxmBQoedhA/5c1y/Z0IwAoC8DtPIaP89kjRcGsyUqrjrwO0AlmeRe5Tm\nw0md7dueXnUfDFlwjT+zfBNFu1x/5C46VZeWZIwXXs3+Fr/zJ03ArL2A+Bg6\nv18cAS5Q/PbTHW4xfSO19RmNkRK2y2fjX0lwPBDvyXYF4Utc1dboTDqhq8UJ\nRTRk0OVHt96ye/Q95rA9Zpj7RH60EVBufpJPd/osk3+4Y0ERxm++vfugbQuH\n22iiIETre7en27LpRQRDpoZ/slMbF219ZRfB7QjpBsgYSHDrufbi5Fw3VKy0\nD7hS\r\n=Gk3k\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.d52b165b5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.d52b165b5.0_1600181640980_0.86416275536281","host":"s3://npm-registry-packages"}},"8.0.0-canary.a831d4799.0":{"name":"@material/rtl","version":"8.0.0-canary.a831d4799.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bbf0a98bce6b7bb0b7e18efc572e90515fab6313","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.a831d4799.0.tgz","fileCount":14,"integrity":"sha512-pE1njIbqv356bnkWB6tx0/3Mg7RnyzEsqGg//RPC9zn3cpSdbXNBqRrndXPUtdmTXNlkau48mXquZ0mYtngPJA==","signatures":[{"sig":"MEQCIB5rUpTmVQWRpunMnTHSrbzL/cFMIzyk5zkSU6IPjuPfAiAa+diBBsWF12T1wrXAf7UzbntAfdOcvZm6puPgUeMUDw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYP8lCRA9TVsSAnZWagAAC8sQAI4TYxY+WNI2+5lqYW9e\nakfrkDOS7ulI1I7jaoC72SVx1wUcAjkxPqtfQmV/k20dB3nTnVKgBc5CZx1Y\njTgQQloCdPf1NScvbWJk2cHp7Kii0OFOacBiIqS5Qzod9KpYvxmu9kvlfPha\nGmlg85rk5qh+L+F2pEtrAvXBCv6DEL1gscCds3t7qAqxzdeX9jzBvEPCl2pk\nnaL8ICxN6uuDzCMpQnOEQzquox4VeIpqFgY/zYkpg635w4ujsPHitAp198jG\nIM+hYkSnqe9kg164p9gq1A0ibXUsmgT7EgMYMNlwGREPUSsNy78onbAbOipc\nV3zU5AZ0F4OTKA/LdkfhTzOf2lwdzC6oZohiFRqr5ricnhtC0IKK+qZHvUUd\nHUbBWYKEvSc6GlbA0H+oMcF4lGjHrGnkpr0QBWcFKO+hUe8uVbiZ4oumvtTS\n2Rj0dKDqV1hjWoajipKxg01fiUDQnEPEkOzWJYTUNCNolIdyZh+3kdkkjuSI\nkYjj/Zmy4uXBmzALS9gFvKzCCWzkgZuaDF7pvgbZ5dUyPg2bctx9QIlyuHmm\njLtG+or9d5pFxuFjLM/mv6GifKzSzTt7RmPeKSupnuqwbKpSHxe4dgd//8Vi\nYOyzOhmE87xqLWbHi+KVhxRRD7W9muQnnD4Ob3cen/vmVSmqoEUCjrGh9OgX\nqlOo\r\n=ZpHU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.a831d4799.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.a831d4799.0_1600192293180_0.6599196776583041","host":"s3://npm-registry-packages"}},"8.0.0-canary.a306aa488.0":{"name":"@material/rtl","version":"8.0.0-canary.a306aa488.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b8310b50327e650e474c9d7196c0238562ff5135","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.a306aa488.0.tgz","fileCount":14,"integrity":"sha512-VqPe9uV8ZNMAQU9ExFDuCl+a/3f51MdEg8RMHkqC08pNWJe65mIib+FWvxrEe+QsJNpa0TYbLUmwZvvka89mgg==","signatures":[{"sig":"MEYCIQD+v9T1ZNqb6yyK4P+3tZ090Vtbp3HVTu3ui3S81KqppgIhAMWbZabNknFYK4FH/Vl3qGn50rW5egiUJ9DX4Zapri+M","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYrSqCRA9TVsSAnZWagAA0kcQAInEXmIG3daAEYOixC1X\nHQgGvETON64JtnfLg8AQHGWEnoQQbO0rnhNWwIiS95D32Q8w8o1yoFwuMNeR\nZpYSMUuf1vhU0TSw9yXmzw9Cvaz+BRuZl84YSjyesczwhQPxwhBF3nhUtyL4\n2LxZX2AX6uCRLIavbLf3kp80HD048oMy0amVi4PiIawC9aCpMlncdSBG3j9a\nW8Th4J9gEBo1zrCPuuvQeOvQT4UYCrPEewdVZPNgX6O0kw+j8/vvflUxzNje\nCGWrRfmcberw3/O7R1gEr/NooEOcjUNWghclbVsa9iaFbktzAqgLFPVi5V1S\n6/sTvMR4hA7ICIqTRJLyf/VIpXkZhtSaEAm/+0IomKNptXG2fUJSTxr6E0qS\nBOMCNLeUNZeMGLIm9tpZ+XJ0pFGTwTl5/a3QEuv56Wc3vAhwrSHTBz+4yWV9\nJS54Lc6OCS3jwvPXWvSRdnaidgdN/Emq4lhFPzP8zqZefm2uZsndxLu1LY1F\nnMnS2sct6E2DEYTX4kBbK8ly7i826vpaZ+zDbkWhDAYUYmo7g+0VBoV8Z5Re\nFvlYvDcQE5mQwrDa/7q+OE1/8nmcNKBxRKsyP44qQoMyArjE/Eao0E9Ssi8R\nZseYCMUoDWUDIolONQ8TUcloNHU1WZwZ5ynWqsH26ZfRe5kS9Ix3GP7B9uqI\n6aLi\r\n=9+T3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.a306aa488.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.a306aa488.0_1600304297998_0.3119287220541789","host":"s3://npm-registry-packages"}},"8.0.0-canary.fd608ff66.0":{"name":"@material/rtl","version":"8.0.0-canary.fd608ff66.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ed76f7e10d379f81bb8c918a33553fdcd0975dcc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.fd608ff66.0.tgz","fileCount":14,"integrity":"sha512-JFeBu7EeMaUV0YvG44KgadsUXrB1E7iskoTeQjDlqtLfuSctvimbJzN+NDqW4ZiheNbKgMQ3uTID1P2wvPKm0A==","signatures":[{"sig":"MEUCIGvIjH2Zyh25w9I1uxzyCwVVQCCfVKu3LFOZ6W9HR+I5AiEArsjoABTpoqFwgA/d2fXc6XAj3LCMCcL4f5SPCzSgBUM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY3HUCRA9TVsSAnZWagAACaUP/3hQEnYNBCgT3ltWMf4b\na5MOMP90qgX3pKQVK9KlMEQnyz7eBGve7lcD1HwJMU58OSNipzeCLS3c/ka1\npD1ilROwkJ1Lk2j+9hdgGfm0PjdCIpdjsYMqBlb8jeXJKah0VwFjKF3YI9A/\ndY3TUlAk2oTUE4oI0wMofOe9vEXTaFsktXuNfRhiUTB+HNQ2yWzxGw5zkCE+\naTGqqDAsa5imxIY0EZ+4d2Jxcl1d2Efpl74SViK811au/eD+dFc2hcS9MlEZ\nkqLVrNB4mn4fQh97nF6HR3O1JCvF6Rtp+KXsAtKJZy4xNJXoEye0R2ofkOd6\np8OLwr6IAAAgxsQ+Sa8S9YUc/cI7rNXsH1+sndASQ6Hppz1SzHL2LKXUmpfj\n/sQdgRI15oElYVpoaZ8sx0kq/aWZr3l4IOvxMiaizM9ushxpBmFPfjpzUYNt\nWJTM3xYi684YiNputG+8UYs7TqAiY8GagmF9gguYrOc6xetvL8TaXpSBtuhg\njtHYi265Ppxd7VLhDvXToPWrCM0SbViMFmn/1qQN33Rv03b160HluWENwrGO\nqKY2mSYjCYAnVIsKbkP6Qu/bC5BomBu269QNAO1ZYakvwI8E6vqNjdZW31II\nbF102VppstnM2TgaVX+se/fR51kIpyNGdS/yUxGqcLV0J06udDk4J55tUpPk\n+H1n\r\n=dpMk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.fd608ff66.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.fd608ff66.0_1600352723362_0.07089806456484515","host":"s3://npm-registry-packages"}},"8.0.0-canary.3e435ba57.0":{"name":"@material/rtl","version":"8.0.0-canary.3e435ba57.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"02a99fff1d8fb7405db87b0ae6edd6d150ab486a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.3e435ba57.0.tgz","fileCount":14,"integrity":"sha512-rCnP5Q/sYyRZfQSDm5RJB4rHrFGz5XfVpdGIiE2gKSezPiYk1LMF5t2hS8RjIsQNskpd3FWl91ABFgO6Gtppjw==","signatures":[{"sig":"MEUCIQCZIthhLTc5WWteoy1STpRY/PTkT9qcTghV95A4LyU6GwIgIrxhmzSDZFQ5AZx0yf6AQGuFTOGviA4P/B3bvzm3j3I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY3XeCRA9TVsSAnZWagAAZL4P/3rQ74+NWk4O+cYS7P+w\naJVgZVD4eX162ND1ZAYxW6t5j0FN6yOqXSIoLSnYzW3zab/cr6zVn7D6jLr+\nMbpEJOsGRPNwxAKe3dIEJEqnfs6LU9+oO+vkXb+DkYKHrtN5SonyhNVpukQn\nkhSV01vgQ1f9xvOXUFLXx0ZPK3QDLNdVPoiLchP05b2RxQP31l5WcJIvbQp1\nPZVeRX4LASWozludgHq2AfHwpl0btaP14OfpaLbE/sn1KAiA7bslIYx7hPGC\nvQKkuItYd8IRMJStASW4AMbLM7t7ezmrUgpCnNrSq47fNa9s22P7A5mvtBeo\ndLnMVE/v++/nMhsfceNH0L5y6RpFqTGT8kiQj4wyeNlfNTV8+cz8yqAUQIeP\nULpVLyYaQbwjcz/5Xa1tUUBinp/DOh+dV/4zUZPu7DmVyWHRaIz4GeVrY96F\nqw24S1BOQ6IaqZ4hKXG1sNLzThiKH17I/6i3D6FS7FmeSyWo4R4yoo946Arh\nTjEemp+qBRBQ1M4rhXKzaFWzAV4vw6yzyO2bLQSmTOcykh5mY7ujC5gzyGPi\nTEdWCTqq2soCEclyPw/58Oxb+nl/zUhdfiWNRnCb5m3iONZAveFhbmbT2Ot8\n1Fr9pqpkykqwKvAaWaINLUNoPZ2jm6csFpRCDD1rSGy3AprdkTE1PvIygtKU\neopW\r\n=UuMH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.3e435ba57.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.3e435ba57.0_1600353758102_0.6937046297959673","host":"s3://npm-registry-packages"}},"8.0.0-canary.c250ec52a.0":{"name":"@material/rtl","version":"8.0.0-canary.c250ec52a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6e82294f238d2879d10ba84367b2aa0697ac7f17","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.c250ec52a.0.tgz","fileCount":14,"integrity":"sha512-7Mk5pm0X3UXGlh78t680zG+ZlwVkSXhzIOgnTVO/MBWiA3TdwjBoDGyv93nmVb2VZ0NPD2889U9QvFa/BsUXJQ==","signatures":[{"sig":"MEUCICD0sM9Zk4lhmJKnOjS/8C/ARfzVVVyK1Ihv2J3/GjHMAiEA1AmQVHw/C+mpAatczoFoBE05xZsbESEjJRNvXnW0xcg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY8KoCRA9TVsSAnZWagAAIUUP/3qccW0sdTtmWJbGoWVr\npUDrFdlu8m4s64HFbjmydoFQQ+M/gWANuyOzWeG12VKvBWJZUZHA7IrnYGv7\nnSbR4oJJmnpCD9fqVfDaOc5vc7+XMN0kyC7xR0qg8ZwYxhPqzhwZE6w7wP9R\ndKr0KAaqUFEytg8cn1sompZxWg3uVVbfSbiPkvli1H9giU65CqnIKrpdOAfx\nV3NiForog0WkBuOjUGGcZnqXC3GcVG47xyIhE/IHlW6ylYx5+6f5UH8OJSiN\nJqYvRQ2kGQ5h1akmEPZb1nM71Z2QbxLUjSkNFsKYH1bU+k5aZmIsEWmOMZtY\nvCY1Zsq6NQ5/ApsTiluT6qIGttLSmt2M8C9+dH+dhgi/iatLYDc1LoPunB9b\n/SOimQ8wC7zmDM1JkIHPgqhhihqqqhNI3rXeVZHfKdnUSB2ydgVx/+JAl74P\nGrUvtSpdxWf3R+a5/wrdQdan4LWGDPcqLesZXtefrwlZZJ33AnSMqdOAgrXo\nIIt44fKwQzthOG+v5KZqqOLqRnUxY/UPMhFGnkkZYq4RV92pDo2qMkrRbLq2\noGGHcLzD+7mzIIPfu1krSsiKMas5el+YF5CjNQuV1HOKmIZX7mfkT7AU9o/Z\nu5PP123nYShluhftSw9nDrAsEBYjbhatONkzqONG5ZI63cDwgQwqH6Xz4pPj\nmXsB\r\n=3M89\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.c250ec52a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.c250ec52a.0_1600373416299_0.08923509865622292","host":"s3://npm-registry-packages"}},"8.0.0-canary.e34e411b1.0":{"name":"@material/rtl","version":"8.0.0-canary.e34e411b1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9167412a5223849047fcdbb1db74aafd2d0657bd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.e34e411b1.0.tgz","fileCount":14,"integrity":"sha512-FxkcMW+DChKGyvZExYvmsZO4kc1e04nuGx5BnHTO/bGh6H7qkPoxP6BU9OXlManp88r2N1vD+pJtcdM6IKHzjw==","signatures":[{"sig":"MEYCIQC+I3qnwUsIW4IO3cSpQPz7RcrgVcmaEY0DQRfbdvmZ6gIhANylRpgQDXsb2fdCe+mo0lLTqowuZ25Ht8CeEKUQc7g2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY8RiCRA9TVsSAnZWagAACqoP/A90ebB4S8YzBMbS0s0f\nK6iSuFZm4e9kLPd9+nqD4KLR48cXC+1fAVxQZoq1ZZ5GXwW2gBsZUgQE62B2\naWp+dGBDw815WwhHbx/2HCeaY4qBpd7pcpdwnRE3XXR7JmjY6ueyqZGfGufM\nQ/ZMLmBXiZC/kgZVafLLkjbMRm7d/PgYnCam4GGcj98RMKDyjJKCBgLbeKNo\neYj5kVxShadCP0I9Hv+cKX410fy1GZMxNJ91nY0Pf4S+HSM13Y/xa9aRb/Rj\nyydgfsiwjhDkTI6USix3wi46l7FWWE31CfZFUvbMgz7hYUM01eXnGOpeU0Oi\nhbwKhdJM8xUU4WU4ZzZLB32C+vYcqv7mAWltGr9lu6X47jmTNSpnrmJd0mhB\n3nyiNrfUT9z4g3mo8eN4hiItP+TLAw9N/8X5AXqbeOSnhv22Vdl0dYiQ1gIA\nuNH365YxY79L7scf6LpqFSDdy4rnkZ20Z+FR7doYkiybXtl22iNKgLegtPDx\nTSfbrPf521SOq/OAU7nV7ProHZJai0591YWVWut52p+wNX5fctVnzLYogYV0\n5cN68rXNSW9BaiS1GwH1FkkhKcDlAlXCvjU1qyzDoZfj14Lz7xmF7tdhoZTx\ny2anqFnEyOv+epfVg4jhUuYznDj9Mp4RKvO30sPLNL0u1qwpSQOAqevrb4pg\nNRco\r\n=5KNG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.e34e411b1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.e34e411b1.0_1600373857748_0.7466404813489023","host":"s3://npm-registry-packages"}},"8.0.0-canary.4e9343929.0":{"name":"@material/rtl","version":"8.0.0-canary.4e9343929.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c59c147bf79a0a51e3b43bf5bcf7c6673e0e7d90","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.4e9343929.0.tgz","fileCount":14,"integrity":"sha512-wQQjlE/7QKg9LwQ5hPq3FNq0Y+gaYPA/P/M4yN/Vgr2gef493XlSfEze0HqkoTmIazQmZFR1SqRwTBtsjlQwOQ==","signatures":[{"sig":"MEQCIGo56yyBftIkRjj/EjSIw8szmFSWqLQN22dBeNFTMCCgAiBDAI26vNtSrIV4xga9vk6cxtUnrNIRpyW404z8LNesdw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY8pQCRA9TVsSAnZWagAA2yUP/17PbBFeaZ9Rg4KiZhDV\nsfMt2msFfeIs28K2ToCzJFgI0SsTOXflmGyaxAbASYtoJdcr1jnDbpKabpXy\nYoUDR4Z0EXP3XBYutF2mBDwC5mKYbXQrgLvMcg4PwmIDi3NCTZ0Af3IG7nuw\ni8p9BAnoVFOU28jCCj99u6QinRx9u8OF5e5M9vBMYYWlCD3pmHC4Z4lqD3HO\nEj/vEnq+Iic+FycfK8YAuyhKUNdPKhU/g90T308kbagHySkPj3YCx8ifIA7Q\nwTzLDq2Tp4CwSW7D/8I69uISizNLUnTUjKOv/ciFYFgIixNJVW8kO0uz3yXd\nZsSR8hFWYp+3iMZhIJX407MSviriFVMHj5Tn0iT2hxHOHFzexMzPzWiPjpk+\nb1yxrDF80yh94/vjaSBzlGLvUSk7FoD7xqTZMJkVPxrOMx14RgOKi6WUF/G8\nsIG4sx0IOB0EXVCBYb9qfjeNlLaybcB6DF50fSewo9jWCn3H8YrjOWIwgr3K\n9fe2g6YbIpZPrjH6aSn5mcVDd1pYHzVfDzeDqTx8T02jkw1AeDZA79eHawNs\neb/z3F2tmVtOykQLKQlu08W1i361jTNzefkMSN19VGLw32NfaTsrVCXaHXn3\nbRrs2j0udbmgBv4AT4JsGSmmRJt9iGq/uZO9wSjVTiioJ3fWy5J1T7y9b7oT\nlh8R\r\n=DXU9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.4e9343929.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.4e9343929.0_1600375375512_0.54557746302258","host":"s3://npm-registry-packages"}},"8.0.0-canary.4e5c350c2.0":{"name":"@material/rtl","version":"8.0.0-canary.4e5c350c2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e2d745a107e8e3f0a604433fad749a7ba80bd3af","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.4e5c350c2.0.tgz","fileCount":14,"integrity":"sha512-vZ7DGRhyq/ddKoQ0edf4yKNEGA75mLamz7Hia4jEnVZQJ9qv9cGYUwPaM7dYOu0/8bNKdqg7bkjGGCGmZ8jTkA==","signatures":[{"sig":"MEYCIQCEY7LhSIEHjH7ymDBA6Dvguc0advcxxipDbpYgK/dwMwIhAIjxQAeV7nrMN/XRhmA/OoCag7MIgEj4BG9anHkdYMiF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfaReOCRA9TVsSAnZWagAAUVQP/3KeJgrbCmrA4OKM9Ur3\nV0nFNQRTkU1mU/Vo0FX4qWt0xFa1CDAu2qOIVolino7fuCbs4sJFal78M65t\nhQJdLdeHEjzOrrefk5/r03Kgio45w/njpD+lqbtldbICApBKbq5gI6Jx6a3C\nIeo/+3lnZs1gRC1PC42k8s5ZE2clYiclzIOEMbODuV02WiNCkppDpjkD/qX1\nBkkgJoSlYnN7Fo+M9aeCzYOIqRGx2GNX28F+HmBRwnUuVOuWWv2MAV5zoK6+\nWxeLGMnX240qVXmOXmutpIdPMrW0eu1lvj9IZ9g5eaKNlKjcQOMmyG7ZqkRG\nS3cCxETnl0wQtDuDB/Q1i/EOM/7y5tE0mX9H0b429sG22v5kGnaMMa0AATRo\nwOAY/H+aTdTZIo5A2GEHml+9VcRdaw3/DIuBqoWZoKmpeqGf0wCyiFTZ2MHx\nftK/x+/2UN1u4/vqC4FI7S/zmQB3aUtWD6i++3jtDPdSchJ3vy7J0JGw4rp8\nTlUGyBs8y0a5857Q57PD8UC3fH70CivnJZusWisVhRTAIhFM2NBumebEfly/\nJoaGx2FfnIyK00qXkAcBWrpjAbX9YUBa9s3hxg6LS6KsYEHUfM4voigiStE8\nxRu9zs0pvZ6lDtAPTi4Z0qTXDHvESiYNA2hH9X7UTCRVFlPjzIZs43o/kifB\nP4uT\r\n=iIQU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.4e5c350c2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.4e5c350c2.0_1600722829897_0.5945817041315071","host":"s3://npm-registry-packages"}},"8.0.0-canary.16c563ef7.0":{"name":"@material/rtl","version":"8.0.0-canary.16c563ef7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3f95c6aba9b41337466a6bb48ff9215cafcce5db","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.16c563ef7.0.tgz","fileCount":14,"integrity":"sha512-xdjmjxWQdYMbwPMgE9SDSCnPlwQrJM8tWjHtYytmk75EgZZSQhjuaC7Q8p2h7RwsPEdgXYrNpVNidgox1tSkcw==","signatures":[{"sig":"MEQCIA4eZ8/+mL1qe/51Z7SUApy6C1uoGrPGck9pJtr9v7FEAiBsrvpwqq65i4vSagmMIQjle7an6CmwcqqstGuhFH6I1g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfalRyCRA9TVsSAnZWagAAExwP+QFRnE1fO18yNaS9NSG/\nVjtGKrFqUI9NLLRslp6FeZVfBoOEyn3chOEMahE8nYLbniYM1n8mioQ6ce5l\nKDRfF6C4TeLIaf8tFQYXyCHvxlVyNlj0bVO2SvSPailbImrSLxn6t6jEin2y\nPKQGmHBv2XhxTZc+HqijKxRHb4Bsr8bkCZLbb4ODdRKTwVDImbcklCDrhetD\nb5SNzIII5cAtWgxr3COM3UV+KFShyKPLTJGJbiJ4zuvRlE6lQCwk287Yandv\ngnStBlpm1IrOuIJHTd+s477VjewSbYYt7ee8kmXxj9PlYDkSN/am1a9pMuZD\ndzDejd2mEVjbZbrMwD9rGkAQxFP1elpAlXf6SdAg/jzOlj3ZflxqAfb8kQhI\nm2Fhh8iWk3Yb4k32sBbQu3DzZykqEtlhmmh9M13rLngESc8zhipD4+0gthyz\nCvio97WsPWBS+vb+WUw5r3c0fQ1PCooisx5dq9YCSwUDrzVl5oXTk4WjB9h9\nbInQslh71FY9seHfUaWvIQpcTbUPLKeYwsrKp1mbui13EW16soan1SDvTUI8\nB4MoSg7xcQI92tfb+90SxPwB+gPhusvx5cTMIBgSRI/Ob71wKMb7b/4MHlNB\ne8Uk795t1LezQzASwG4080CSBOBGnxAC36mmfigi3wjFefk+dXizE5o4S6j3\nXLvb\r\n=5o7A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.16c563ef7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.16c563ef7.0_1600803953968_0.6384530056080306","host":"s3://npm-registry-packages"}},"8.0.0-canary.fd8af3d43.0":{"name":"@material/rtl","version":"8.0.0-canary.fd8af3d43.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"336bfd9c0e0f4a2e74957b90728a02fbfec5ba25","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.fd8af3d43.0.tgz","fileCount":14,"integrity":"sha512-ksMVrO4MGw6NaJQUnfhO+oEShptSCL1xnKeRE/otUY6eR8GYRqcx/6AZ5tJUU8p6Kb/xm6nyjJo4BHumazzcSw==","signatures":[{"sig":"MEUCIQDOvvsZR9QdxTIOMl7TPT6zVxLGoYTjq3hbK6HoS1tMYAIgPF9wsOgDISDen2TWCTFUEN8hhNx+GWSOaQesgc7DUhs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfa6KvCRA9TVsSAnZWagAA5QAP+wSkQUhOX//MYzVHEsv3\nApDLZM4jOJW4We+9BHbOKILodmgYp6lZUwfcU8rXAMDuZmZpgOlER5CsrJW+\nZEhRitnGwvPwZah83tgYx63mh6Z6VxJtpd0d220jvaNvaa5TvwkjdcHajAFq\nASNdtDfJcmfCmbzHT7GYfm+lfeukMlszA3huATbu/yB7bAEfm9zWnt8SaE5O\n3tHYmOWnTBhx6PY3AYXNY2RkMZcOZy6QRSEiJSVoiNd6H1CjnzUoOdp1NnxO\nLouSmLcxMDUVSnCFy/uqrUauqd9nMAcisnAlda0Amjhgf7XZCDGlIK84W3aQ\n+bLJ7hiYE2HDi2lbVLHaIAkYeUi+2LsuF1jS5QC+o4rNez3Dr8F7sUKKPuTe\nuRYnJFB4kTl5PSoJr1M1rtFTI96OtUOo0A+DvXTa68JD9DP/UnlkxX+tH/cz\n7I7rkoetWzD98Z/ZmGqAw7wgJQ4AQNYBNBserRaiS/Y9KU1NYRwgd+QG0SOd\nlbcwUyi1tvmW6z5S5i460zYT0mGU0rsiCZ76uM5VMJ2tlc8alySA6q4g0Bdg\nLK/DCB5OBJVk8q2EIg5kp+Ea0C2Fc7LGsUJoCpzcRwOW4CrN5kJVccMVnsrN\n2nA/R80RePev6njqlQhHLbal0XIFs0CO1UG3f45Mi+SWbFvFptdAJivQerUf\nm1e+\r\n=nRRK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.0","dependencies":{"@material/theme":"8.0.0-canary.fd8af3d43.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.fd8af3d43.0_1600889518405_0.4184718799762748","host":"s3://npm-registry-packages"}},"8.0.0-canary.d4cd83a85.0":{"name":"@material/rtl","version":"8.0.0-canary.d4cd83a85.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5dab8a2bd582e897aed2fb376d975ee2bfdc9199","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.d4cd83a85.0.tgz","fileCount":14,"integrity":"sha512-np9sCm+qh8eO0M0DiAJdy25dx/wuM4Li87iRfipsNx+5f0QhlpsaP3Z79II0q4Dm3Xm8utHi85EAt2dALgkmFA==","signatures":[{"sig":"MEQCICHpJj69dSdrRqVkbo8NhY8pmO2HVdKQ8RD1CKvXreb1AiB9/YZhhJurCkf4S90ZaGZbu+T90N/qTDZGOCUv9HhITA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbTtCCRA9TVsSAnZWagAAUTQP/3263yhs6oRif/3cJo6V\nRS+326LMZ5VtaQbynWQiwmzDyW07Jj9xEgsLgxsE0RezxUqyDXKQ463y2GUq\nmtGjbUATP/tZpEpUlIjLnhwY42BhRcCBMAU3bZZBmwzefWQt4Am1r7Q65+dt\nbwOX0xjT+NROJ67gKDqWGl6g/pfLLeRIDceP+lG04AwMjy1e913XnDgN2A7u\nMowdQJ6qQGpTqPaJ08kz52aoCvWMdh/5A891BW/5FhNvk3PS3l4FQo7tpuEa\n5ftT4+l1n9ilW5Io0i8jognlyZ+YUqEy5ipiKcSayciT7pAez8UXLSVcbz94\nqbfIpW0yWoRRKCiV6Ne2n8ibMO5YuLH3S2KKwi7BDsVODZG/cqgqW8bVJO3g\nfr6wtk2nxbNhIzi4pvXFESJxHCKVyu/Je9JTi1JrIJna5o7yv59As0xpjXsW\nMT0zov2qxRr4IYde7byXGEegVA0WgM1d5gYANyLN43ElHA3j1kAiFiJgOnCJ\nw0SBo81qU15Qskk7+x3kiGt+AHv5wEeW+baxacpak9N1/HmXOQDp6sc2t7pF\nENqKRI6KthvN5646d0hM9W4rIMdTKBDDNodQxdt68hnBLN6R6rHvsVWpOVG+\nL81D2cxii3UzNAut3yPqBUoW0qZ5HtPSz889xxcCm8KGECPaacVTIPye+xEN\ng44l\r\n=Ely0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.d4cd83a85.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.d4cd83a85.0_1600994113377_0.4257476168092993","host":"s3://npm-registry-packages"}},"8.0.0-canary.199aecdfb.0":{"name":"@material/rtl","version":"8.0.0-canary.199aecdfb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8f0677fe1cde266e67743d7dc2151075d8fa0a99","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.199aecdfb.0.tgz","fileCount":14,"integrity":"sha512-K3cSFZIA6QZAieQC+Y9AbgNaS3Ykz0+4BjyC5Ak3KXVA+j47imSDywDYtzsw4bUFvOtjlb7plyVwEO9W9JvBwQ==","signatures":[{"sig":"MEYCIQCOt+JNxWTpsXNFHl9eBkim9rFT+Yny8JM4a7wFOM0MZgIhANRf1XNIG1OXWri1GoL8AB0RbysxA1L4AuqMk2jWHhWV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbhHkCRA9TVsSAnZWagAAq1sP/1BsmJ7u/t6I1HDkT8Lp\ntRKvylegQEAOXtT6G1kOGif2lW8X5gxajFqoj/Tsz3YkQrzJrEcQyL1BWMPw\nGDD0wDJfaaw5fbCp08qR8zDwW7rqfBBNdgpNlhkI8PFrItsqB3dG0u6ym8qb\nfrWR+jgODNlGRN+Wfw8bbxG6EC08g87JUxmxA6uPoH61pmy5DckCIZhl4qKh\nQB8LmKahB7XlJ8XhX9SyDj6uWLSoB+bTGDAzLEUDJ/vFvf0Fhbs1h7rPyqWp\ngH9q/J9WTUmopPHQsTNYu6H6RKjpebW/0S+anbP+NmZVSRUOfzPgSL0GAlf9\nLLGxHNimRWHgYhQmX8ixYti6OWmu5UYPCsBcBgp1o0J8Jpc/Y50rJGuyE88H\nuM4SiokwsETJPARmU9nyZIMR+ZgqfBCO8NigEBHvnGTq+P61EhB2FfH/hw5G\nAVXHOnkYKvIlvDNbkF5xl12unIfEMcRX4iHcCtOxmNK3THsxIDGq265Dusu4\n1JXorbDSoFkZY8iHCTpIeAE6VBisUPOk9KzUq1Row5kXFzW7xgozLribmhFJ\nrC66msqPySYzwy+RUtZOl2gS0LQ2x82UVPHndln8xi6BKFi2N+aJH1PSKAVM\nPKPH7Kc30AQq5MjPg7nm/HR5nBmBN95w2QFLKtTQwPyx4DQ5uftnBaVKYqvZ\nFsj0\r\n=n9St\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.199aecdfb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.199aecdfb.0_1601049060115_0.9229056911073925","host":"s3://npm-registry-packages"}},"8.0.0-canary.38ef4501f.0":{"name":"@material/rtl","version":"8.0.0-canary.38ef4501f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7da2c12597cee90a1accd6891d1567ba46d56397","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.38ef4501f.0.tgz","fileCount":14,"integrity":"sha512-pkRG0kAyocDus+D7xFvV1X27O4BOyH8cDSDQwtC2uwpuuuYMzKG9zgej3eFJ9NUBi/ig7dJvv7sb1/n6Bpxj/w==","signatures":[{"sig":"MEUCIQDXrxpTk1EOtinyM/95oL/vytpoutoPLXVjS5igezGaSwIgDaZE/LUBmKAsHHHsS3g0xMOIPcu1w4eESAG2aSRR93I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdM1HCRA9TVsSAnZWagAAB60QAJ+7OGbxPYi2FC6XaSdX\nPmDdPO/EVKEIuxJnuvNpN9KEzNQewnLOsokdCFmGHFwwU4alK0VSnJ424HL6\n6ahfDlasxLdd7pbIfmMExNCkqb9ehRFpkStT5F1Wpw+KVrERtoqr8ewj0ivC\nyXhUnCgn+Edx4o/V8cMlQVQHIhiVCeRAq93LSs+nPHU6F/vXscSWL6IiT3oc\nVQWFNWsWJRNoefaQiocA7tYEqABzphyfe3/+DWJeB5LAaHbitEAMq4Oj0Yj+\nieKk7WOpcmV2J2YcUoGG1v6FCXtJKp+Lh4Pv8umJHkOLyysjFBBHVn7cfOjj\nY6+hYxdpwrR2Efuzgd1UStkAhy3g0A5SBlyub18FoN+9E0k/ClWesFCNJ3kS\nDFAJAZcMdKKbweput9zfm6KUNbTghRllf8rkb1tD30g9Ep75gN+bEYz3pube\n4xyFlQ9SB1MI6adLC57StzZ+YAUUdTsNpquSPSVZhsc8s7Tf100UNZ3T0xME\nd7Tt6jxqRF/WL6Hz2u1xHr+wXLlkRDY0VowtuZ4gBqUYiSZnWrq6CNQkB5c9\n8by49yiOxRCTmBFcNmnM8QpV/pEK27G2pQA5rXUXVofxCB+jqrcIUTpkOAPx\naRC+SUbrytQtn40cecCn7zWrny1XvL8kuvgggkRlNyCHvkH0etEZSq/aUUPi\neouY\r\n=iyBJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.38ef4501f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.38ef4501f.0_1601490246926_0.07315754363565152","host":"s3://npm-registry-packages"}},"8.0.0-canary.774dcfc8e.0":{"name":"@material/rtl","version":"8.0.0-canary.774dcfc8e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a5b94a3d0b426efd5b1ce2705bcc6b29327ae963","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.774dcfc8e.0.tgz","fileCount":14,"integrity":"sha512-yj2myH3gYnQAeiapR5WwXNwgTWRd2gYUTCzn/BsOAKteJH77xg1WftF5lFzoW2zqlcckDuNDtaJTmQs4C6VlMw==","signatures":[{"sig":"MEUCIGhdsQEeGl3dJu03mmiMz13h91VQjmN2UmGuP5Vx6zdOAiEAkZiwmHmVuvmFdmMdAVCf39DWGLI679c7OXX9mJ5RMvE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdacvCRA9TVsSAnZWagAAIUEP/1rRoDTBbC4qyycHvWvo\nE3jKQWHzs/2ry1CCab25jDnQg9ImK2HDTUHbYV5uUVo4T1eQAy6VSyryc9s6\njDzGCe4DHPq1yb5U66Um8ORNviR05QrK2WimMv9YEmxYM8D/kqQik2Pubthm\nWZjF5IY0D7TzU1R6pZ/HsyC/lagPKFdkqK/al+YtGtoXnTZ2HXosgyWAiADU\ndm7JfPkQDPjgijes0TKoUILTkPmgirDJK/C4//uSUK/CHt+YRBZ5Puk9kLjn\nNAfXui+dRzy0jEGXD1HHd47+HB3inTBqmqtu5edF8Hh8gK/A+u7il/e/U/xw\nndfnBjItbOl69fPC7+YIcz/IHJHsjgdpJWD1FPggkgiHZkBnmJhulkjA9wMu\notB+sQMZQngBrBvJXFQi0oaxIEPMZTmFldmSkS13ISvjfyLbvbyEurJCiqke\nw8YzkeKF35C8IoKEQ7P0nbudLG4D91PN7nZN1j+h6YE070s9UaEPqTKwGnQu\nru8VFEpioBEmBnpfRvh5JxF8Lw1jXJ8DXOs+anE5ep+2Xii5RLi4pmLXNMAd\nekCP57vnp2FtRNezMjCKYMOZOBT83ETyKMJPtBrGvcKw82J0YHqEVFUJo3VA\nyxTbPuFwqIBeGUt3FCrxLzUCYF+tsdPsRDxz5/XsUIAGzdPfNa1NOWqJpJf4\n50gp\r\n=QO19\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.774dcfc8e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.774dcfc8e.0_1601546030818_0.7482517612872686","host":"s3://npm-registry-packages"}},"8.0.0-canary.0f60323a8.0":{"name":"@material/rtl","version":"8.0.0-canary.0f60323a8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"478ef68af03c89d01832d1ec4724a2465bc65a30","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.0f60323a8.0.tgz","fileCount":14,"integrity":"sha512-+3kdtPOh//efUoDnnmQmP8aP3nL4G41KG4Yew5yR2Mi1B/3hLz+J5vWoSOizjnPqvfwIY2+dCk2f5ZkxSI64yQ==","signatures":[{"sig":"MEUCIGqdcg1JbhAC37VjkydGKIIbZKriQptyG83K2DYZtSiqAiEAzVGCavH9Hay/cYqdqDECCPCq6B3iUyy0zbTfjRDtZ/c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJff4AbCRA9TVsSAnZWagAAd3YP/3WaGB4iVYtKxLYJeJXr\n8gwmabhCbt+efjo+B0yP3j4CofKjf7UNyCM0p+UTi0xuhmzfNd2jliulwi/Z\nYncI/13wL7B1iatqQ76sXsgQw/WH/PMIl8xqSPPJUBo4RChbQO89IsuHIk3o\nPlAypb3cT8H7KOFtI8PASK2OXqxLYUVm8uVsltWslmxvWGKbHMoP33up6d9Q\nwcfFFFXnnnWXjfMhrtxjNjrp+mn4/81mgbWJFGZoXhslBcu/C/2RM4uWKbp/\nQJgqydw0uxu6xPDj18QlrOCjDuNVkNJiYtOrvG9jnX5eQ5gj8Z7eyLncJ1iq\nPGVYYKKjzZhhJ4g22dX2349+nWjq6j0/2Wc2IU1d2B6mOvhcQx+LT46BCPat\n+CBFJ+n7YOTh74rdD/qVqljh7Y3BRdJJ79xTQkIkHn9kofAbrXJ+6JMVs4c9\no8idzsHeVzvWyfRN5gi6BYROYstKsVFWNdPVqfebgtqozFe4zn9fxdpaR+XE\nBMNSA99WoQkUQDH63znkor2KpDJjkoP+U0yEGjzmCKS0V7GLC78XIVjy9ybI\n/wThbJ+2yXfPl7HkOMMndQzSzfmAMNlWMxAjUNvZsm7gVQt+UcvchPcfaRY6\nOp0OyOoBomB2rW3spaovaBGXtPxxTSlwLdU06y6VGSMOU8f4p7FgsX4CXjOp\nnizS\r\n=2Xwk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.0f60323a8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.0f60323a8.0_1602191387537_0.7539048056335136","host":"s3://npm-registry-packages"}},"8.0.0-canary.d71622574.0":{"name":"@material/rtl","version":"8.0.0-canary.d71622574.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f43956b0db2c7e25d1931cabf22d8acbafcc5a4f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.d71622574.0.tgz","fileCount":14,"integrity":"sha512-wD1LgC05cWst9KqIvWbygomIgYuvGAg4YmixtRUcR3Qqw3AhXwraIxjUIJ9xtwFcQJTCmwVn4m9FJ5XJ5/R5KQ==","signatures":[{"sig":"MEYCIQCBq7fABmbN0a8pfEC8Zb1ulvDxEohMw7kUsGIL/R7TpgIhAK+dOz6RxnEAK0vN9xnK7kMPXYu/iURA6lkWaDr5ivEQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfgJBdCRA9TVsSAnZWagAAK1YP/2CjXzr2gBHOgpAXPiH6\nGNsCIbWY7Ya5WH3Zi4PqR4Jnf9babjtp5pUJafB0z7aSuTjVNSjRKWs5w94Y\n6+J+AZCw222S+xdJeec6OXkDPRmgPERfZoiUdqgZDjc63TWL6zyK3bHzEG7p\nA6F/vf+ar9wOEXvLVvuhj/v+H1YdJiKX0S1KE0K42S0wv2UgrxrOrFpGwQE7\ncnYNMNJ4zhuEZ+nIg2EU6z25C/3m4box9dVe8qbWkh96XUkzf6fqmwJ2nZPd\n1hNIBplbYTjGxZgL2ADtrFnsTzlsLbA+M/R+0YEIUYVi720m2pVp8apUJWH9\n/O7LpZbIep24nvWpGEaSQmCHybRqyu4xSWLzy2JvH0bOrgevUQTBGvormhqP\nihy/Bo+ZIxWvtDwsnyw8oCeO8zRIUMXKI6JXC0lFdlZSi5SBY0AxAVS6Kwct\nFQxFszuwbZ1telSLR0t3HdD15rbYAdeCwTtIWHzTwjwv2fnNlurAkO5b/SlT\nm9PKi7PvlDX1ftgtCYjxMGRnjzUnIOkooPLskUii1dleQ1eqeKUCnPZiq+ng\nRP1HoBwj6nLkAlcvQ3ryBdL9KVOdUDRLvlXI86timZIW8v+qfvgPQD78qF9X\npBzglBbv20lk2b35begswRhuBUl06uwTrF2gFVXJoiHC3crv1PvoGY1ush2V\niK2P\r\n=NDwN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.d71622574.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.d71622574.0_1602261084784_0.22741595278570137","host":"s3://npm-registry-packages"}},"8.0.0-canary.7a9afaf4b.0":{"name":"@material/rtl","version":"8.0.0-canary.7a9afaf4b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6caffd8e7a4b8f420e28f3921547acd9dedbbc6f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.7a9afaf4b.0.tgz","fileCount":14,"integrity":"sha512-kuocLMot5IwuFQd6/9Vk1zJ4vXJ+vwM9g8celpYq4TJ8u/48+alDYeRjcG5gRyhovSw36FUCXenmrgBuiGrTdA==","signatures":[{"sig":"MEUCIQC6KPn6i/t3IIJo4cdg3bF3KN0tLeUj1efyC/FIgl7hxwIgdEKMD7DkF+5QD+il88OT4joa/aLhjkYfQy0Ron7N/R8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfgOn4CRA9TVsSAnZWagAARUkP/1MvGgPnfllpRvTz1kOc\nEzgQT1xjDkouzG6j780JM/+0WAQSTbDjnAmb1lfN4Y4weIFvicV1qYiWeWWz\n7AebwaebRlrCB+davmdMuQ0EmjM1HGHtzeLRuiJWzOldEM5f0HV+QeBtc6OI\nFyd1bUp8IG/LSCZbJ6j+jKOrTFOzjCHdOL5Yv7LiYmd82RUKBEhUfA9NTWYo\ngV2me4dZBiqmbYmxnzYoY8ljlPefH0fxIRh7YKP37Bx4p29xgMNq8jqqBW9U\n0fUOZmZH73FozEC6i5hMWN0g6wUFbRezB0ThTk8wstbjGCYXvladkss5xju2\n7VnVqEvQ4vqiOa0AJHgM7PbVHA3Bc08bHWas4kCQ8NN1rXFSuP9n+5UioIHw\nnnKIhUKJicL83k5hPpFXm7dXnzRo7Ax8RIwdN6d8gq3TxPoqRPu24SRRv6J0\n9nImovp/6X+yRKP4+b9EPC2WqyLARRxJGUoXSJ8QVaZfR73V1RexW4fjaEvR\nIXo1eUl9rttrosYnUDQmjJOIoBOCCcXqVhE5D03tqIxMhgNMA7B5D87e9FhP\nuMcaTrM8B41XYi+3/fwQsgl1OotLVXI3xYA4ofx4wYgCxhHGVGZdOGSvcnIR\nT3seQPBXI/F7auGzjXNYxze0uKRGmINiTcGY9bXTuVhNtxnnqnStpc/lRCix\nfvc1\r\n=R4ll\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.7a9afaf4b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.7a9afaf4b.0_1602284024005_0.837356850822268","host":"s3://npm-registry-packages"}},"8.0.0-canary.8a39352c8.0":{"name":"@material/rtl","version":"8.0.0-canary.8a39352c8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e793ecb150a18c9ed4a23946c9141adeac233c8b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.8a39352c8.0.tgz","fileCount":14,"integrity":"sha512-YdraTyz0VQAxBhzebazXUp+reJtkZdzz5XMEQQ+etS2SX4DulIw/RnHvYtZcEEPiYv/qIcSEyGADUpTdpE02iA==","signatures":[{"sig":"MEUCIQDxaILHldAGI+v7gxsIQQBRKHg9+CQu6mRoZ2kXaUQjdgIgMGETQfrelZx80SIhwYvYlbcn/grej9i/qJO1pCTYIMk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhJZeCRA9TVsSAnZWagAA38AQAJmcpvck835W8ZXEeSaI\nM66qBaS/e29QTBq6HrllCgrXuRWRjWS9vUhy42++p9B7QexVO+fKqQOxkbkq\nidUcoyOlOS+lYv5HXGNViiI6UVbyOOfv/g6v/snQ+wiWlrmC8KmqyrMwALzL\nxU95+gtHLdWzqxecNaJ3doF0DhLz0YqKMZp7FqoUU+8D4WTJkd7d5f/98joN\nq71PJCSM1T59d26eCdMhp5uEZ1yIhYHIrZTOctTFqN8R3uKYLzoQW3/4wt05\n5LucyfPEAe3ZLjM+rUu3ihwgYc9itd8/VEQiHPHsKeGWDEud+7E1Uapb2NrH\nI44AkiyfmD8/gRrkQhMnYKnsP4+ZNjKSMCRQ0uKTxce8L254JvhrDy2cZtwZ\nNxjOwQZApyCeL7CGJR4ZNVh15B2LqRuNM2gASqnT+7OjOmQ+IscaV29Rr65A\nL3f0FJZ47EROkXM6rLj64pHR73hBdh2fG7o+MOpJY6FGxAWTvYsDq8q9a1sK\nu9CHSx90bfbsCxHt8gIPGFSPpa174DkIN/mIM+F8/Wrffzz5WqvhYV1et1Cf\n6DzcxSZ1kW0YNZDwRiSOraarWXgb4iThyUUQbKCzycQOB673GqzRDVbVkq/D\nCIoPdWsC1hVwJstkLkmqYlbqIaRWf8qdzE/6Ak1HbR0e0CIfUF+p4gWGBZEm\n8ePF\r\n=/J9p\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.8a39352c8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.8a39352c8.0_1602524766308_0.32055733518009344","host":"s3://npm-registry-packages"}},"8.0.0-canary.790ca85fd.0":{"name":"@material/rtl","version":"8.0.0-canary.790ca85fd.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2c2df6b01f5c934d9e9f43035762d03c8abf662b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.790ca85fd.0.tgz","fileCount":14,"integrity":"sha512-lusGSe/azPUuQNrBznnu3WR0mj7iCT+cSt37qS9POCMtmBEScdmbvGz3GlCwhBN5JihwyY/ZajoB70+5Yc+x0w==","signatures":[{"sig":"MEUCIDpTkuhE088TpwNKMBgpNYCMZ1Pp8l7E/hZBLn7PNslpAiEAqyQoOD7fBSLNuPtMX45O+aV2XfBNoG8fRvZrarq9csc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhNEQCRA9TVsSAnZWagAAzTMP/3lk5Q60oD1faQHxBxrC\nZgs4izJ35jECjz39ApzwdqtC+A+A39/La2aKqdKEc5fhr9MDNIwiwJ/vs0ck\nSlsLf/uecjtCJxANebiYSQZCdruKqq3YomrTO7uXAjwp4ikJ3nT8F+hN0VbZ\n4Qxtdqp0hbFo6aHAmStdHPcpHB3686tff89ZOWLy+hMsXecqOJOUhFcrcMki\nLgfYSmG2QEcm8LAxlXru53JdBva+xxTGPnjuvNRS9gfVIZKA0wWKA4Om3gzD\n4Ii/bxZ4dh2Ef4TlXvSptEO2ah02KyardD0PEyFV0ASQsKbxVV09TATwHya2\ncIrRy1m6lm2i9EBi/XleoU+ttq/pXAs5ykLuSYFrpVnEfphYlsDfmvH3F5Yq\nmq18FSpiKL5Ga2W9krxA5NrSaL83eQr6ze0cCr74pCstooMvRMtHX3ZCyfre\nXD4BOC/c/ulpcX6NfkT2aMuqTfhaABp/FV0kskvRHA2vS7NdtG0tPcijwyv3\ni3hP7XBq5k/Tx40IdwiTGf0miopMg6PRYmKB9HKJq2UEdEmGebfUdOMqKtzc\nd7d1AR7eJN1hbczGhKrwgDknheF2zNTs6/SGuGufuavvnFTMxLPs9yzgZkvq\n2NOlvASkDjgELZjuEmSRrDXqNj8C+oejZG87LIttBR12G50ogGwrYT+feUku\ndEw6\r\n=nyDT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.790ca85fd.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.790ca85fd.0_1602539791952_0.1882160670407209","host":"s3://npm-registry-packages"}},"8.0.0-canary.174c0becf.0":{"name":"@material/rtl","version":"8.0.0-canary.174c0becf.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"af9c73c5b43bf7a9a6a9e336ccdc07c4a7c48f97","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.174c0becf.0.tgz","fileCount":14,"integrity":"sha512-U865XvydDapSy0zp7SlYZw4LH9MIcUDkEnhBwNi14jDA7zo1XqPgJTiFifuKAahvpLM6Pmp1TXJe2a2z6E5nTA==","signatures":[{"sig":"MEUCIQCvvrQN5iIOR+HhxdeAkEWaSxUk2LhbBiv0Fu1sltNafAIgbCcpA0f9lXwSd6FJMnQtGs6E5zVMzATSUWRHbEcihdY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhl9DCRA9TVsSAnZWagAAkvAQAI3bDOpWvsEe6c+QUNCy\nNh+FkrE6c+q1r6gVuJ1P70/drMcdvqcdYqXUJjXMz4I1pPvUadnaHwlie71u\n+dUV/Kggj3FeYqt/iKPoswAnER07Zr4RvfbNd+fJ0f8ggJZ/rWOXvPzb+/LB\nPb11Rwke7QYbHrgTJpccqBrFHSLrMDGf4/Xamq9VpC/88taOZ1wqgpvNJtED\n7MSYXRqRwDcsCo4PGVFzLHk0F2TR1yinEqEMxKSJ7dJLHpVejkof84ei5LUO\nEzFCMyxDD7gORVzVrYv+tWD4/zWSKjYDearsNjSWlclnNeH8zLwr5iGo8aAd\nDsOiuGr1VYg1Z6PfM1ef/7sJq8LSQ3rJENeLD55D+bcQr9SCwowh680Re7vJ\njgKsaHX++l3STR/NOgRkQuf7qXt/TnpWbf49x1KTfWl+0/H2yO5ZArbjXgZh\ndu/MbQrPg1NAj1TDBKAeL0ftVm4Q1cXxTgxapS/+uLMfMJOvEinkFUwjzw6D\n99wzcKEhfNUggZEM7Q7yM8sZmf3+FFsXEf5kJOwtKsVai0tKM0gPjuZ+7n2F\na/6pEofdWQrAEvkDTt1b0QEl4HIsqxIOee7d4hc0HA9InXn3V3gGiO37kq0q\nJwUOTz4RbNTFaMakrmlK/3lubwFLwIDDDPuBBasgq47H2/pTao1xzPNiHgxA\nopQE\r\n=YveS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.174c0becf.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.174c0becf.0_1602641730655_0.18096865945364193","host":"s3://npm-registry-packages"}},"8.0.0-canary.c71ebfa02.0":{"name":"@material/rtl","version":"8.0.0-canary.c71ebfa02.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1ab54add86050572a25fccfc62f7a23c1834d9de","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.c71ebfa02.0.tgz","fileCount":14,"integrity":"sha512-2F6QUG1dNPCTgJl70XQ28LE5Qp9MeJgkeQdw7Nr8+zymg5hYmOYzvtWGLP3/5lcgZZit6MkYRehhgdJPwceO2A==","signatures":[{"sig":"MEQCIEKkWYtlJtyrKJNaheL8DnYU+n8MuwJOIVmXpElqNI9zAiBBck/91j7WV303UBbWYfaP5ynfG3iMQWJOabRJxkIsxQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhnvKCRA9TVsSAnZWagAAzdoP/j3Dkxje6v+qYH0wQTKP\nNhmKChGVSrGiOvkBRvnU3/FUAFrvjyGZVMLaMbfjCcDd7RmQxccRAodLjhno\nee6gdtNZVTFcxgzWyZiRC0XTfwn7HIjqIpAPhSokjAuXbFFYjfs5Dz5LWf2I\nIQpcNemsM/uvgK7/HeHb/TKaYZ2XDJtF0l+9rZUe5aeLyXYS6dxZhBbJvrTp\nI1XMC5fZYJrbtEeFzGksAkwlxzGb8s9VM4vT0vogTmzCXStQ4o1MmYr7kp6v\nrFZrNXO6P0MPq9ZJzXx1xBg2v029vwIc4PXGBTS9e6sXKv6/MysQYjkI0Poe\nHmhVQJ8EU+9cJjTzCxdT2+K9QJby3qYO4sSg4/CRTypbAMhpOGVXjy/odfH+\nYPxkZ3+y0XX/LqqKWKusAMeS5zITnnK6zS5+u95M04ey2E9xF7TPZ59cDnUU\nTWqevO+lIom5ScMqELQIE/oOlFthcqZIH+SCted6iVlec0WPq1l5Q/Pf2pwc\neT9nLM0dBqefQSqybLBe1Rp9fwyCYCd4BM0nYj7GRNv+gRHW89+rtvwR8uE+\ngM8N+DjT6ADZ/mzHi3lVPhw9SJ9ILcoMYO1TKoztIqI0ptJQpHMLWo0A0WPk\nfTW42mAL/xbf8k95qgKfu8Kq8oTOxUaurAEKiqSt8FezyniKurZRhiJQNbjL\nn4lh\r\n=SqaE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.c71ebfa02.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.c71ebfa02.0_1602649033460_0.7163475786399081","host":"s3://npm-registry-packages"}},"8.0.0-canary.2ab716cbd.0":{"name":"@material/rtl","version":"8.0.0-canary.2ab716cbd.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"fa6b5139ffeb9fc40771415c5d3d8bf23148b7e2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.2ab716cbd.0.tgz","fileCount":14,"integrity":"sha512-SFMEteaj6pWtJSn+/sXWmYJsGWCDFtMa7Th0mCSiwMRwHOlX/smzFYHWCH75k5llufuz4ZzERMtd7J0AVy7ZtQ==","signatures":[{"sig":"MEYCIQDBPyn4xwcINoMgTbUUPPqGWLn5bivaLMW01T1tSDZNWwIhAOz1d//2spK/2i6QoGuDWhqcixL9c7WGsWRAUdzqQGIb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfiONyCRA9TVsSAnZWagAAbvEQAIx4rH5Vkye1GNlHd8oC\nEmTCi5DM5WnYsyLTfhaApXa62PIrpAQr5tifuJLh8iQ+tRvNPl2e+RqP3CCz\nLEFU2WkxLI1n5biHokyqZd3d2Ja8z4BTSFR1Qw6OZhIsH5FE5wDa48b+Aw0k\nrdn2lZqFuiLNWry3QkbVXTLyWAsOJZ1cLSogAPH8yGwnECeJH39D/DsXDs7J\negxL2TaupX1Evf+klG+g0jU7FuHe5RFJBTggNMIIQdWCbImZ0YMKsqQHAz/X\nI7ToU5nr53BWPsvzqgtjNpwDOOFnAGn3dh8k8vrIh7FguMUCNdh5jewNxBiE\n1gle0QUqAhaBQAo3a8UMW/vW65FS6k6EBMaAlM7LLzWd9qJriuMKt1bXbGd2\n5/h1Bna6t7Hwp/vLNrevhc/WpLMQaw1Z1V9GDZAf2bLSu/QXa+SzQWDX9iaj\nqc8ognU6buDrCdexaQDKzbU2psnu1kCJtM6PuhZif/isnkop18q8qW26jzV7\ndfWJ6eSeMaL8+Drv3skzpyxJ8oirCRlT06pKWX840rPwhSW5/83dUfTYIIdz\nC8cKbkBLM13uGjf3LJxCBcFSs+VGqtegtw79Qh9/GXwELh3HWtKYx139WKti\nAV7wCCXD/gGonJ8vbBQ2i70+9DzFmRkv0qXVgzUCM8MZsP8ORZcB2lZEyAgJ\n1XgT\r\n=zT9Z\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.2ab716cbd.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.2ab716cbd.0_1602806641691_0.45786402682722005","host":"s3://npm-registry-packages"}},"8.0.0-canary.43c1c5e2f.0":{"name":"@material/rtl","version":"8.0.0-canary.43c1c5e2f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"363f78c44a92d61f125dba2215a585196f489642","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.43c1c5e2f.0.tgz","fileCount":14,"integrity":"sha512-t9bJQxHa0cGjJ+a7lOBSxkAAmQq3dr5n2yDxY62HjzuV4/RO+SepvVHIREysyirj6VwjiUia99495SUs16wcjw==","signatures":[{"sig":"MEUCIAX6KQ5vql9fXSgAAX6nU3nxqy3mfW6vNgz1/SDK1i49AiEAp4IfM+R6gCJHH/okuX0CbpTTpe42L5F8tcM7myIFjuc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfjZ20CRA9TVsSAnZWagAArEoQAI779WuWQxnhW/bPH/0n\nrnSN9dSTmVL/5QMQzLT1qybd8v6SB7taExSFQbStabcj9STpTwdaqaXy8+bk\n4U2Xmd74qJW75duFSEhflXNjSlUDuEXIG+wYdygqKEzm5QllwJpZsPhD1lDP\niK9zXiLBnKnFiLDqdV3SJ0E36HXNFdjAzrf2nUya3SiOQhTctA82DtKLsKEB\natwhhWyATxRJYxIhwEJhYNOLEKAEeeLfFZxIZMdReB8nefGCwx4zTd7v76fy\nrC7fPglK365bqBeQQaGyoBL8+BCTDMST6+J//fH9BjMaK4ioqS2iQlZG1GDK\n41P5wViHckHrn62SKbHQFt1PZERP+7UXwN9D2HlnR4h2fRNfrs7Rj6Tbz3IX\n4IGTQPJPg8uAPJJ3AwgYDi5Gzj3uArv6OtxKLajZhrUitL3CWYjFSncoJ1Gm\nT1bCaNj8jdCCaWAVzgprXsZmH367YmrF+ER5byQwnaXVapQTgoFzapBjrekv\nRaYZocI/8S743S8HC/Md3gdYn/I2OYGDDost1GbYQwObm0zXLrDlWl8y0von\nregxV+1bKfrJaSMxIW+itmYOWxnVruvCh6HM8pP6Jn8F8+VgmhRD6DcCJCXd\nJ5wMu44EDK5ogWwiTiqpt6u4J2sgpLR4xLE2LgWEobCwpkF8sapNC6Rxr25J\nO/E5\r\n=ApA4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.43c1c5e2f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.43c1c5e2f.0_1603116467638_0.8517679843997981","host":"s3://npm-registry-packages"}},"8.0.0-canary.ccc64eea3.0":{"name":"@material/rtl","version":"8.0.0-canary.ccc64eea3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a2ca392c617f8a1688fff853ae5ddf5ba93a45cb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.ccc64eea3.0.tgz","fileCount":14,"integrity":"sha512-uU8jOZCdomjRkx9w9oebVWEzNhp0sg8mrCW1BZazZe5pZzeMHE76Ua3C6sn3TN+NIqxo1KZTAbCjWgdQvDdZLg==","signatures":[{"sig":"MEUCIQCqj2MIZnRX8MPA5JPOQjL8I29Bj3j/ImhriBn7OhjICwIgPkkQeKytUdJsjOTD0m+y6sp7SsJNKq9SxEoL5nOTQoI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfl1LnCRA9TVsSAnZWagAAHH8P/ROe4xBWiVpoFF1KxRBd\nPebkNFeoC4Qy7LciSCBVrw3kbbJYvtjCxc9he7byBcUAOX5sFbUZqhCqRdUv\nEVYD4C2zafiRur04H67XaAODJWJ3Ygcfwsb4VMz1RBFdGLZz8GUFeq1fo0+K\nTxXt8NlSZKF4X+Gi66FesjHQsP3yIpVT6Y/iK7NYjTzQ5KQTlKjhaoCFmA3t\n8nadldvk48wE0uCuG0Co8wQ66vJWGDyYmk2RUNiJxMvXIoV4BIS/eIG0UY1I\nO3X/SOQFoesttUcO70OeFaXp2X9QVozHpQeqGo+n2xex/w2RuIItW8VzaGlB\nXS9MWiaw+Jyb41MzWmSbGtTdSEXDPmkI0AgkAqKlUc8OelFVUUvnttS/7FDH\n4VR2hKMBrEjMi/uhHq9Er00XAFz3dqAERSnd8HKAckZ2tAvp/zSXtBYoFDSj\nllv8w3XVnsrReykCjLHiqbswCstLTJ4ove1EcPNcqTUrYRZ+LaLOb3fHXzAz\n8OX6hiwnBSJI7QtSRzodGtEkMvfG4w/BAVtT9VjWEoHmTZ7Tm5TIrOwtSJl7\ngrQMNax4VK8OS+Tm95CsQaFkuNxl4306MzlCxKh1e6omOvy7z9vOfIVukTcI\n8Dx/M5a2xKTDCML6D/LPPShSxZqFXilY9PLi10YhCwLcPYY93TDJsjPbF44K\nqZjs\r\n=P2J4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.ccc64eea3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.ccc64eea3.0_1603752679093_0.9256950474469308","host":"s3://npm-registry-packages"}},"8.0.0-canary.a79cdd019.0":{"name":"@material/rtl","version":"8.0.0-canary.a79cdd019.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"95a581b29370be9a7b2e0b467d22c8dad048586b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.a79cdd019.0.tgz","fileCount":14,"integrity":"sha512-FRaOlPMIkgTWFs8z0CjHSoZg7we31+oPu3WyByLoJVFeTt+RI/9dslWYByQZWjk5nArQNR1LiE4LZmW6Sw8Wkg==","signatures":[{"sig":"MEQCIAMi8RBRCEOoANEvgAvTRtaPmYyxeISiraXTzGyG6FlTAiAZHhHAUp8GOmS4csiMvFDQVKrqwnGKpfrBECqtCop0Ww==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmEtACRA9TVsSAnZWagAANTUP/RN5CFC91mZDO50CEF8L\nxV2uRy+w5I6YahgJGc89Y3NJ1nz8Og/epqTDp1kDH730CQ3EW+mvz0s8tvIp\nqh6R/riutF3hXaHWTL4Ioz+B4N36jX6YPiJAYpEy0mTdkFk/rpj+VMyPwGTL\ngb3fdtMIToBR7ULvkHo4THfrjzZg2hFP1ekR/kRpNlqD8UKDiye4dXt/N3ol\njI1ptHfdMli2lu+Of8f7vu6PC9qmefNtKfvI+8Es8HxXcHiV82QuvBU6x+0N\nEHiRbvtDJ0yOJ9DbDvLkpKBm7Yimd0a8xYTtWQD6cBc969+uqv2l1yw7JxkL\nVFmqG3RsSPRr0nAGiUm9odLvrYGIdG+ni0KeJ0WbiTi9jtrALDfoxuEiVDSn\nD4n5lSLgmHxRO9C1ShBMKuO4G2Ggvo7gxYZgUXc2PiK2nJJkBt/iR3g9Ja5U\naj4WGTfXn4xwetkkKxfOV+xGXz5ziaNnK7AxfMTIC8pEaamyV8uTL1J5+jr6\nZkfEHcsiMKeAAnSH2/dQZFDQn+IwGl5JAMh3IaehgAROn+FIuOUupA+sIFyR\n6fDYSFWRlDHTH8EZUwPO/VVm4PWeXSpnmqy3SwSANsJ4SFlxhJRQeoV83c20\n0exsK14YlCdjrGFYIowd/r7hibfvb8Jw87lapnv6W9k5hu2e0Z9BIn65iKSD\n7klM\r\n=eZRy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.a79cdd019.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.a79cdd019.0_1603816255884_0.17647181609138118","host":"s3://npm-registry-packages"}},"8.0.0-canary.596e98424.0":{"name":"@material/rtl","version":"8.0.0-canary.596e98424.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"262abfaad56cff2f6510055af802a8563825f8b4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.596e98424.0.tgz","fileCount":14,"integrity":"sha512-d00WNBzkHsCbuPXn0bAU48Tkbt26pnA6ozNzMorCPZsFTPZTqDVDHanocWErKToqHszwQtdCG16tQ/k6KOHtBQ==","signatures":[{"sig":"MEYCIQDe79kK7uBj8capQ+eljXdJJV4RJoCTE4pIMWUfE9Cg6wIhAM03PEDc2xPF3RGdIsEwYBkrxwTmE+P1A2aMStguK2Os","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmZZICRA9TVsSAnZWagAAMscP/21PiWaqI7aaJWHmIeay\nY7N6ECXnuqnDqQXUmMbO3kCV9mIA5tDjtzt9oSXeCBn0t7o+Dkeer/jwsn0S\nK0JLs1rYyWSKxTyEy9tj2VN7s1yVhAEdYYrTvP6ZrJRpXE9vsejD+ZAaFhOw\nd6gc67ktyFk1/tBekrwSYSTb+aue6eXxYE+99jFrPMm2VPjlSettaKVcKfzp\nBTrzbKhgn8vWv4ESPdhvWl915kRqad2ShYHtK779HPzagXv6MX4cemn4ZcGu\nZtH26Rcn8t5YAZ/KYU7ty7HhCPCU5R2YFE6V/74Cv36NfzHkArj8uZrX/622\nNOfZdfBHxIcpUQmT5gD/pEV7LlAvVbWWirKFqWcEsRRaXFuuVIMkHPtgZxG5\nVnekwnHPeVHxDm1c10NkCgdSuQULPUtJ8mRdV811tN4dfmcjF7BuudsdVBX9\nMYHiawnr1sKo0oJKITBurxR3kScj1WtFypO4p45k8fmVRQ/9ovmdL9NNVYcR\nqlqVq2U+l5J5rqAJ1AxPZ4pbZaqUUeItajtM6Qf7xux5n221gcQ+KYSST1eF\nkwmabeIpIiOYySrkEH1dx/v2BQkwE8sW0dYOlQ1x/oCJmKqWfXFFkreAD1e2\nVQ9vx4LutFxB1A2gavf2VvaC5EXEoMEe+AXbfsyTRP/itfzdHst4osC0YcCE\noP8v\r\n=vWJW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.596e98424.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.596e98424.0_1603901000434_0.40454475119066746","host":"s3://npm-registry-packages"}},"8.0.0-canary.05d5facc2.0":{"name":"@material/rtl","version":"8.0.0-canary.05d5facc2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"60f9656f1d0430c275084b1c8aa7bc554c255007","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.05d5facc2.0.tgz","fileCount":14,"integrity":"sha512-MYv2Qfu1Tv9vERnTjQf8qxn/7sgdjsYYg+b0DDJnkp9DeWXT4E+zTUZnYfOiWKgyLUKq7XSX0luCKgO7G3i17A==","signatures":[{"sig":"MEUCIQD5cB0lhxSMAofIflbv9P8e/wOmfdfJ1+5JPvidT0EZQgIgccoMMMnBGcCGjRio3sUF1G0wmiIa39lDh21pnX3M50g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmZhECRA9TVsSAnZWagAAp88P+waJdQ/ZKq/q/YJjNXu9\nasfweXau1KhP3lVy/++2cKbjkCCKVqhMNnwliX04o0XzXi9QI6c8brmzIwvc\nwAimzcRb+sMqnDDGEZvAudIS7gUer63Uij0iOomTqxPjFCdS9eGKQiJSaeAF\no5XGzS0aer2MuRCsdZLg1Gb0bZkFaubKKotjDpx9fg85ZXj9p/HzgchI3BDC\nikUTXrYrvlJaZaP3tksl39jLiey8dkaoFRN5dU9zV22A2QoXKfABEOL+PWoy\n3zmwJqMq1SfOUy3UZTWCXRNPu6Kj1nQTFd8iTHTVIn5EKaX+ZKrZu/IKv44U\neyjsid+8TBrYdeN3iROMkoY5JcdsozautLgN2Apdgbaff4Ji4hhe/K6dLlfO\nDzCk6I1ym7FSgDal4Y8x8dXO5gsTi8VXoVenJnCAQ7rnlxL1VtqwQMMn/Y1h\nnNbQVBzQWkiKFU07Omy+8LhTE2xhpkdOoMErPGVa4FnK10mG+HsGrOsVOzLj\n1jocmjo5gK7me33WG0p87iYckv+WXYVNSaOW3bpnnV6vi8PZI/c/+doec2V7\n7fgfF0pL+WzrwsAd/8Hxdolt5hEG/ipT1pP+416atZBb1RJCqeGkz40aYy3R\nfFgAuXmg8lrFazpbs9MLcy5nhw/8Y1x2hjv3D2Fjm+AqHlub7JI697NrjXh+\nHvmW\r\n=ZsX6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.05d5facc2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.05d5facc2.0_1603901508245_0.04512590077217893","host":"s3://npm-registry-packages"}},"8.0.0-canary.291b3553d.0":{"name":"@material/rtl","version":"8.0.0-canary.291b3553d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f5ea509f8474e1f9ae4ea9cfe533ef038821933d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.291b3553d.0.tgz","fileCount":14,"integrity":"sha512-24Vsp+U6Q+CRR1+7orT21SreWm8FRjTTLIRuXOMoG+oDpzxVbNRU5iABnmmyW3aLXSUHAIk9Zg0OimteawFQCg==","signatures":[{"sig":"MEYCIQCiX7FMdRJ0i52s+Z7NOLMZhxDY5i9D7zm+4QsA8VhNxQIhAJ9YigNRXdRElGc6FCVc7inbqP770xjfRnFdtZe4i4jF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfma4MCRA9TVsSAnZWagAA15gP/1GDcJagyE4P6vfV93SD\nb5rytqv64c3bvF26COzj/bsV0B1XQtCANjK44HtFgPL5mEvFTV9zxRTGWiqX\ncIF5M43J6sztTjcR/KOC/+eSIKxBQyAA0O98njL7x25BZ6G5hj0hDtDeyfOl\nx1cWQ4EJuG+DKaglMo3melmcxYfNPBabug/VBeFDnEkdrrF3FAUBjZc2/Lif\nhS5KCbHqingHnjtb+052ehPh2Hqy0WEE69itM9qv3RKaQ/cacl/B+Iqcrb6E\nq/ldU8kImC9BYBjxYrUIsSZ2oZmdnOyhiyCbKad8b/b92WbNm6qErUXugMzW\nfO5O5G5+j7EmJcrVSOwWLeBjnqfhKQUCxn6V7Ml0Q8QKHQr0BRtXpC8v46WB\ngEYmt8gj11YGpEpLiaQyUghl0qnDaiUhg58BAyboeqb14DX7kOLVs3R1xFEn\n3jeLouVeyG4DhbWxhLxDRzy8AzYcFK+voDfECmhLrnjMcjX2fGUOOPoZJppd\nKwODm9GxT4rvUxjwmbB4dsDyODDZozRXoAuiiAs/0XFR5aiaLfQglb/mqAgp\nohj0FvJnPQZhvYirb5SXdikWXjlIe8iv7N5oQkZxx0A0lkF4uyFQJuI5Tp2f\nvAkD1AE2MTm6Ory4WQH3cRifk8Guf2v2VFmG/+CXpywpwjM+/f7ioq1xQQ4P\nV91K\r\n=DjMC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.291b3553d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.291b3553d.0_1603907083741_0.7688550398006311","host":"s3://npm-registry-packages"}},"8.0.0-canary.dbc449b09.0":{"name":"@material/rtl","version":"8.0.0-canary.dbc449b09.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"35172b9f2b358d809245937ea57da543b5d43fce","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.dbc449b09.0.tgz","fileCount":14,"integrity":"sha512-2EHNW3sChETqve62GRXRV1aWGbTeYMH9r87GbsevP24MRSrlP9hS0lWom9ksWDQ/0jX3U9+IUMWf6CuUC2XPxg==","signatures":[{"sig":"MEYCIQDb1kSTgtrAdIal7FGetHMHDRJQFaTpRFFmd2lQg38nawIhAPtf+d34LMeb4hiNQHZUG0d2gDBCTz8JwDglVtBgv2W2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmbSOCRA9TVsSAnZWagAAkw8QAIp+AwsSnuud/deGSsH6\ne/aeHEhVtSDGu8YlX+KF0RdBxZhS9pzEWdK6eJKm7J9+mD4jQCGyezksx3xj\nieEh1oB6dtrDNbFxtKSyUvxGPfPIgjmlBw/1Ut0VokuAtHhZpcBHBwwMOvzS\nBLkz1CZfowvgY8yARBvn67H7eLFJSeIvJRlFDzRmoj/mS4fOmaXigoxxX9q3\nfZThJcxiawrY56K42/O2ZBFhYIGdfMELtMcx7nr/gcWMVWJlsE7GUD8Uk1yu\ncsmeuSe486ZzgDU3a2+WqSUVPHHIFvKqy/Q2kN+ITkn21m/Qdwa15qHH4imK\netcRPh5VZWbNiT2LtH1Fk0fzn4LtViIg/oZ+HfLdFXEBazK2A9BuSpAF8TOf\nVBHY+YYvj1VEOI2H1Cbbkaxk3DWPV8m95Skws7NNn8y0yy/gn2ZMSN1O97iE\n7jKlzPEmvZlQyoVs/JNqolUCfutLY/z/snhbUdb5HZH9Qs6b6RE/2m4QcEdV\n8KzMJ4k4JHuHRHljZw/0tceJcFIh8BRD9EMQW8Gn+dinNwJMG0+Igi8BTf4G\n+2F+5VLCCIn8WD3o61KPoaVXAbUqL4SbDqNK+94FiJgUjfwzZhQiQuVKwMbp\nMHJeT36ts8hxjBI4xvBHsx2y+RcIzRoRJw9zmlMO/pjnTwNed1ATnDtPEJaX\nhZLI\r\n=ZpeC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.dbc449b09.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.dbc449b09.0_1603908749581_0.33363533174794124","host":"s3://npm-registry-packages"}},"8.0.0-canary.4794b25da.0":{"name":"@material/rtl","version":"8.0.0-canary.4794b25da.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0ca1ce302aac40fb6522129e96b71c874f9803f6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.4794b25da.0.tgz","fileCount":14,"integrity":"sha512-2Ac4DX/VcZQ55AFUgtW6fbJbisuPaC7pRujhIuM2SxvmTsme28oHqM4r4BbYVz9bOeyVtvDCVTHiBTNmsBu8wQ==","signatures":[{"sig":"MEYCIQDHz9zcNxWhjJiS29gOfYgXqimsY3R1609PAp5gLeoryAIhAPejXNR5L/9YcMC1bccOcid1oef6kuXoWCEhTBzRkrmH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmbs/CRA9TVsSAnZWagAAIm8QAJ5FcNM/NnKp15mK0gwM\nM/cniWvpJMOISmOsIYcOkMMtCyguEm7HuybMhsBK1y0TgcIx1qSzRjISErPF\nxM5WWOD6HmESA1Ze2umcJ2hEDaBe8YzkR2FP/Z6W4B8f1LyzTNOxt9Lroyw8\nSIYYrZyJPwQNtpxWrfwuCoDGOUpA5WFTgj7Sp40USeDhiijDE2gtiJoN2flg\noV8K3OjDsavAIMMbXeFhI5KJsDOT5x9TOwq+gkg33fVknCgR6ULXMIvfW63W\nA7lBbOJ5KXN+mhJCVIJVk/lLcCOzm2iH5QbS2jhYuZqZv+I9CJAezAKay3XX\nd9D8m86KsJd3vfuf8f2La1kCQsxZykOM/EsLk4bvzo4Dhmc5goKT3fph/ek7\njIqBafLOr8FiKFP9ZYh+uBNNit6ToI6TzKFNvrA8X2MvGGXTThKBcocCjvSb\n+9CflfkUlqtWlORVGubFSK9zvo90XPJ0ITZceFdPVcfTys43zeOyAM5vPvcg\nJquKhs6W4njproNlAEtiWioIPYV0TxIbrlMBcbpCHXF2RK4J6aKmoG0VR06Z\ne7vGbg2FMIrlCeENNqHKbao6tzzMkIvaFf0QmVsy4d0zjG4dVHyID0Sw5Khw\n+pdMa2pf2UESMisFA6sErhhoqgDBJjBzAvsCo3lFFz6tK/ClAlIDkrFuEhMX\nOvY3\r\n=FuE/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.4794b25da.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.4794b25da.0_1603910461066_0.6038614838370227","host":"s3://npm-registry-packages"}},"8.0.0-canary.c61db90a5.0":{"name":"@material/rtl","version":"8.0.0-canary.c61db90a5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"694ec12847d3358fde3dc5a0999abaec8a295154","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.c61db90a5.0.tgz","fileCount":14,"integrity":"sha512-zbFL324rY18rTkhsibGHkDTgw9kRyEC6gRGH6EC56ySixwznc0aTIntWV7v/vxZlrbhCv0ox9itRMAq24gR2fg==","signatures":[{"sig":"MEUCIQDwAJxu8Nkpno99Eu22VCU4JgFcnRKBOgeGVk6M9S0mIAIgJZkHenY85/8cfbbVbXMmisYGK9PN30QkSifiRoz8V2Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmb+ICRA9TVsSAnZWagAATnAP/3Ggfu3cPR/3B8ARxzJj\ns9jo8PP15zEL8KkqpwpLmL6zJ5bq0hkPaDmghlQUMzSJ85NsDdgtpt+GaBHh\n017qJltGHDMlnsLAIgmORanNN6goHmdyAbsRAvJhCdrv759OfXRVp+52pl+o\n8EJ6q3f8dNe8MTtVTR5+WO6WlFE3XtJBTfnoXKoT/19EyzVlUG7AfpqBdzQD\niNYQRs4Vf0ppAl/+zFGeu7+TEVtrEHqMZt9LNTS/uAaZucc3CjLai0KBaAN7\n0BAdQwdYJxuMhrMkRldJ6cC5HTbj5XEP/x/p8jzIsKwLJQU0ts/E+sDfB4M5\nUZjXWvAq2Z6+IYnbFunYQ2rLh14RdLntS7dIpqK9EWkyFG5cKZSJ4ta0ZjwL\n27h5IOOHeMEfxgtbVhOTaTndfeyVf8bIk8XxilP53kvcsBFtpZ9YqdxYjuhO\nnpOgcWNWbMSR6xm4eVJY9H7SEpM4SSbhZANR5VDc82PWd3V7JGjlVQYrkHHc\nVSiSp/fmqP42LmfqKDdPD2eKEdjvJIGinr14PHLUvd6oJvMGTRxjx+3b4z9F\nqBWrWtvSm/unzbJE3BzG3JaGkIIe2Fo/LkUK33gB8Qiwc6owBPPKiOX2hbBZ\nzO9+eIovGKgDl0aMriaO8Oly7zQ25zD+FtkVyTk4t1mwcvrbhti03N4mkTH7\nciqD\r\n=N9MT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.c61db90a5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.c61db90a5.0_1603911559474_0.5297937293866366","host":"s3://npm-registry-packages"}},"8.0.0-canary.6d9648ab2.0":{"name":"@material/rtl","version":"8.0.0-canary.6d9648ab2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"838aaf1fb25d5fa2bf25bc7520ad0cd7832dbaaa","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.6d9648ab2.0.tgz","fileCount":14,"integrity":"sha512-VpUJGtw7FEttBgly0Rob1I5EvT6UFM7EdTk+rKRPIDlFLc/pLIpaVmrc2PHnGkz5aFpddvYoDnHzhmL1chfm/A==","signatures":[{"sig":"MEUCIF0nZYh7CQHUkt7bQ5SFimFeDJTVZPw389tqRXVBSFAdAiEAlUerz16lcCDEv+vVta8g6TTtf/KpubJYAL+A79CdjAo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfmybNCRA9TVsSAnZWagAAOm0P/0ciTLDfiiziBPL+Cmyw\nxc6gWEYzon6RP7LZL5NAf6QVYVXV3zg5KrJs/CAmLwykyaSquugZjDLZw5De\n2ZtPhyXGM8bwE1W5UpcML+y2SqKtNpiYKhr7usKBFaoYiEzMV/Abm1RbsKzi\nK2YxJoM7kI72dVs3Triq/rGllvOGqrB45QbWugB0OXkgD/DqlxkvoouzhM8V\n+5qAMoUbODi44v6NTWhI21f/qi0WgeZovBcT5w+ODfJrwW5Ab2VqmiR2zR2O\nNOL5eEk0epLIRcTuvu2g80aEPzFGOEyHq6h401Rs1OzUe0R6nZx4L8/fydT8\nY1ssA3yKZZXTxCEmO0MX0Yc72tBy4w9xuq/Lt7R/MqPPB48mn7pa99jmGotE\nNQ2FLttdzB6zZFBmsMJZOH8BmQ4hpouWpZYkDRqXaIGmrw0trnLTt9RdK882\nyhHbkFmNBUYIDL+BSdcw0jf7OTRQm515fUu9VtyQa5ex6NsnQT1VrlMVSfA8\nn35Ya/y1eH8ntJ5tag8zlmV7p/toIzasVixcH5x9x/uDE7FJxjIKRKjK67r2\nGt3t9R0f5k9IudALl1BSCOBjUegeP00yA+EaXZ+K5zXT6IycE4Tm8wVFjgZG\nztbKmpi+BALEZYN8hSSalWKCgfNyK/ADJCCjUIw1ggwDg2JFM/pR7ZohAPEy\nCoSl\r\n=3OuD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.6d9648ab2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.6d9648ab2.0_1604003532767_0.09173200073916243","host":"s3://npm-registry-packages"}},"8.0.0-canary.5511c5254.0":{"name":"@material/rtl","version":"8.0.0-canary.5511c5254.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0454637871ffa16c627d692705fe21f8638673b3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.5511c5254.0.tgz","fileCount":14,"integrity":"sha512-qN0aYsLHL4KL2JQnn/XuuhSnZVO1AgMYMPlbPZze7tYx+tpGNoCflQZGUaxaJUMUzfR9dCH1GCaQP7bn4VnigQ==","signatures":[{"sig":"MEQCIENIEMvfGPAP8vvuYP4IBPU2iZ/jiv/1XhWfmmUOT4OvAiBqo4gm4nnL0WGO8m6YNNY8w81+iHHu2bfDehzNSHAOxg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfnFSdCRA9TVsSAnZWagAARI4P/RWSlVUwpsh+06GAiis4\nGS90mv/bR/P1QVEsg8MRZOet7v9jS9yaCb4sr0vquKV5nMlaODMevxsQ99J9\nzseZlByeabQ1bd+L6UHTMyPCvPmJkhkx0xxBsjWRzZzYrtuqISOG5ygdLUeW\nqFpvBffDkVPcs6nR25eF/ZeeJnnD6UKBQa6HEEe/kMfDtyQzQFMx584E4Rf/\nwr29FiLaPnAQgaTeZgPLYIZr/k+eRiNjNyWzzZaoEX1dQSVRmU8O1rF2XfpU\nUV9i93IEAz/sDXN1jyhMWZpLHbls1K94XrQBktUww3GlJUyYplydToFKlnL+\nzUFGTZyWlodUanop6pKDxs9YAEbefbCptVqc5yRFJJscg62BJ+D0PRDKpswr\niah5wsVpQQEUv16MYWvWY5t0ToA4vtIAr/zOMtNtdZdyz3HAggeqyYimElhV\ng60kac3Ydm8rahKQP3nvSy1rC9HeFRyH2kpzzzfqsZpE8AKCDrpHZPYA8PXK\n3hgIKcG+Ub/YF0Rj1nclRax8b+/cFX4/lpPswKA5GQ6/UzjQXdZmVXIL55YH\nbuZN3VS19UUeJ4I0NCCmYTgvs8I3RJaEEdiF/pMWlQTUqvS1EYsSxcbFIlHn\n/Bhc8cf8O0XLANHh2vcPwxijJ0bMhG32FwWBk99qTsfWrDGy6j/T+f/xCI4L\nDYZc\r\n=nqC6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.5511c5254.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.5511c5254.0_1604080796830_0.24580518004106078","host":"s3://npm-registry-packages"}},"8.0.0-canary.bd6e302a4.0":{"name":"@material/rtl","version":"8.0.0-canary.bd6e302a4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a8dca28619b3703d229889f460b1f6f57bec165a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0-canary.bd6e302a4.0.tgz","fileCount":14,"integrity":"sha512-+IxZ6jws0hj+msGHRAf6wGrNx0B+IVICgFye5x+ii/+S8cPma1FqW0BSM81TNV/h0fzxdWzVkp9c6+J8yeECVA==","signatures":[{"sig":"MEYCIQCnu2vgHAHOGia1pFt/GR92pW1QZ0G0/JqAbTKbXVlvXQIhAJuolXxMjs6gC2Ve1Goj0VOKhL83MNi7Z+r2hr9gHtX3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoDwkCRA9TVsSAnZWagAAEF8P+gLjhZOQg5vH9bvKoNzd\n0D71GUSQ72H3z82D/c+tfAr5kjg03mCpvsJ/kU0ZP6nSFRFuN/9RLEuax+DJ\npxkjZM86FneIOkYc7W7yc9rq4ACTNOjzBSf1ENe1rqqm9tgFt5jtSZGU9aGW\n5hFmJDt06rUHusUR73QOvuCOI9jbuvSsQgnEQJPMM1RScBo1uKRBNxpbkV66\n8uYyIRl4kc11ACGYhixvy1xfuLwRsITxo2y2sZqPpJWin0uIiH/feqYY3Wr6\nn3wUhlqPS9PsO3i7R2ow2EXppnFvhOWj/FoHiuUf+8m5v6f9cs/y1KZzWbaH\nTa5yORL+2Ba14j1GW7oYVZgdVbteC9WSgxwHyC+ASFPeXlkjfvmujqIsXmy1\nH1TQdd1ev3UuJl2Ai/XU25BVmZQZSCK22OxQyEs/QYJjCF7qt0jbazFEu/v+\n89neWEOEO4YT90a/2zOk77GqjTIGUEPTI7WivnyhmSBxh33eP/RQLHN4+I3W\n9c2Xhw/NujMY/7U1ZmOvkjldvQnPgLiOIkatoQNpuQy6Y33etIc3oPZM6X/e\n2MIgN6hIMqko9cEVM+FDqcFRhsrq00jqre73I5n67G+2gcE3Giyl0V8Lkq+R\njuKM6BiBs5IoG2PIe7AFQSoRqh0RpbpJbiYkfRdwMy/SNTJ5mYKuSSScZIGf\nIawq\r\n=WG3E\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"8.0.0-canary.bd6e302a4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0-canary.bd6e302a4.0_1604336676251_0.694311254414895","host":"s3://npm-registry-packages"}},"9.0.0-canary.d6b5cd418.0":{"name":"@material/rtl","version":"9.0.0-canary.d6b5cd418.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"23d2cbc97398383015e1f0deff7c682f864d26dc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.d6b5cd418.0.tgz","fileCount":14,"integrity":"sha512-UCvtr1/OisF/RqVHrMaRhlJsiAPfgVvsT07+w3dfBLDGtn7cOy6qXB27fuscI3pO6opXPQRMWa3iJ3M/h/MKwg==","signatures":[{"sig":"MEYCIQDRGNfufDL6qj1ZDDT2i7Fx0dImihTowBuKZdUuFdKa0gIhANnT2oKJESCrXQFznlt1k+WcCEzEsnLpU4TIVXUs+5S/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19807,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoI8lCRA9TVsSAnZWagAAqpEP/iqYfBOqQi/5WRwUUmPB\nJDjUPUH7fDCf+Fb0AJtO9hrvsSbdh2YIYeMG6MmBDX6BjZEuxsuHov0D20hS\nOeITf7slijCP1jsAzQUXeD/6PMwqSCrquVUq1QI2axvCW6iEZNGm4YZ8y0p3\nPuYeUeiVb1lZtq4QCMA/hkvl8Cu2jcjLPT1MsBka3iBOZVS3Tr/51M8eqC2I\nLraXPjUlVGlV2Wy+QCLuPRttEefvNKaqz2qspMunYIg+SXMOClgBJrGD8UWU\n+3cI6L1Zh9tryRe/ssx/2tYJpFRGPbC70Q+mjj5xHH2WT/WycVm6OQ/3nUfl\nzsH8bHlQjHwZH95072XPOAnrgVvjVQeblaZSQBZs4MTi7E6TypOJhAjFG6QT\nS90iPkvjs2znheyGoxlDvKnM67eaij9p0ujouIlmaNVNbiY7LRcWvCNDfiPo\n0hXwt1H8bYwvxgJlctsj8QC0mYQhxHtzF1Q19lRMGomCckbG6HyKdiiMQLb3\n0TWi67WV6RU9TZ1wybcfGCbYCHtihOhIn295lGvniVk4UU/eLV9VpeQP5p9x\nEAD7so3N/7ss0RD/MXKD3sFHbYnYkeKXR+L1AxIos9jGAk7FUPdiFs7aTBIP\n6pOde8ExlIrwpMrJDmgq34YTQtF0zNwsMZ+MrTStSsRmJWjyWOloxvs2/04U\nA3Sy\r\n=HAnF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"9.0.0-canary.d6b5cd418.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.d6b5cd418.0_1604357925303_0.40927234151554415","host":"s3://npm-registry-packages"}},"8.0.0":{"name":"@material/rtl","version":"8.0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8510e9c44391d62c8b1469940c1d7ee52137477d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-8.0.0.tgz","fileCount":13,"integrity":"sha512-P7+22B+2r+ol5pnLvq7VUaZPJGBZeX2PpVwELE7J3IruN6SnOZyt1h2LZI/sEMuyQhKrNs8Cpq2PLnbgeQhBJQ==","signatures":[{"sig":"MEUCIGa5pv6Q1WzzkrfaGUNwXnIIi38zZmtuI5FTPCSXrEt3AiEAxWbQoW13gRZz8e7DNX7/hOUKXy+xmHcttayq1PtacAY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19253,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoI88CRA9TVsSAnZWagAAqfQP/3PN+NK8+7bhB1mQgXsV\n1eLNVd5zUcpbULi2gBmvGyfDKG3OW6Ux4FXWlEm/tT/zTuOOcon9SDACcb7f\ncWd2XlNnk9kYCgtXQH8U1tO3x9B/zlt7yVktqY6NxfUsDNKZo/41jZT40JTS\nC3gzT9hTs7phqVkfQteBJ2IsixzGvYeKhvI/iY+dix3mKn3Bx/iOFbsncG2P\npgppqM59B4s+Bwn+5uEf7yvmKAD4ZSzvgbTZyQUX169XRUYLRaG5cvSAIHu3\nQzL7HdelTXBhWJprCxMCxLuJ8LnLU1Dj4Po0pdzh/JK1OD5gjckLwvmqtJOW\nH+Qds9Yh5a0Y1cm2sVlJU2qfdIH7WMwsRKEvGJrJCT2dou9EochQCaxB0a0N\n5czjo6jGH/lxJDUS6G7BfRWwSL5fEAUOfPPW0wlaV4mG5OFErTfqufMNJblv\ncN90o4JRcCrb3tW2Zy7PzMcrX6gxQnRBM7Ry+FdbeH39xGWNNiV9JkM9k+wr\n7hDbjneqJfK7/SQv7wpo8/dnXLjmIZ1I9oIosgvn+2j/kIWiPsOHyriLaxaw\niFdK+2PMy11Imvq+psX7/depLbqVK3vcstUkfhi309jdsNB6LJwdNUpI/NCv\niX+itvCMTjf7F1UBspnWRKYzU9YMuRVYuJkc+bLDDHdEnm6YBITCeehtiBYl\nNts+\r\n=n3Vu\r\n-----END PGP SIGNATURE-----\r\n"},"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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"^8.0.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_8.0.0_1604357948105_0.09537017449085505","host":"s3://npm-registry-packages"}},"9.0.0-canary.fdf9a2634.0":{"name":"@material/rtl","version":"9.0.0-canary.fdf9a2634.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"494df278190ebbd17248dd37633bd531884c9885","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.fdf9a2634.0.tgz","fileCount":14,"integrity":"sha512-o/cy5tneJQ0v2D/7aKI0l7wWMEFWDKoZv9XkkF7h4Qn99U+Eo+4QOwJSJ8v91tbuWVei2Nh6kudTb6igPAeINQ==","signatures":[{"sig":"MEQCIHAJ6sAcGQOi2sx3CDms/Ls1GCNNMoHshBVCdnwYnDkKAiAF1TuPsAknzFEHcFeKW+xNZUx5WqlkpUmjLZrxoapgPw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoeXsCRA9TVsSAnZWagAA/uEP/jFV0ScITtY97g8I+6xj\nAC39921OVQq5pKzsk0mTbFYrpULM2hYXbAU7XyCZRrKNjVYBdlrr70KY7egq\nhfhZhS3RYIvRpKdoEZBvuqhBQG9h+9zPQgXpV6nzZBJVTRnHXS6uHRGwKB7+\nsBbMpdfdM2gIuXSob/PmBWqmnZfNnHRFeaNA0zK2osIg9VnYQYsT/BHDODTB\n86yV3kHn/35THXbv76pJ+wnv0/MxcBUSgxrBJcBI0+/8vPqTrRdrQGLBNM4I\npWwLVsgb39FsIAsbtzmp3M+Nc+BVqdcRrieQb5J4gIfUvA8Pz5JITuaCftDy\nKZWj7hxYSVjMBF/4ZRjmxGz42YRc4XepOM6L26VBXK44OKB1KCkaOGTHpu3y\nMGn6HzUytELZSuhXEGL0bMbOFX7q1lO1z4UN2DIzAk91yr3GegMwLeUxYUVw\nKeshnZKj3/j1NWEUHGpfM24gmErXXcQtVpnjORDvubG+iBRAuBXYRRQTOOra\nVLFdmLFkBfccVCw2Nc12boiSqYwTsNfws3l6qUdpC0bcLz17AeIayUHIbYnu\nVX0yVAlwhqivoAL/6SO8gHMp7LEfat5n5zxBEzZ45TpRpJX6jIdDfOIGJnux\nm3ROpoP2uBxqNX2zaDkHW2SRivxU0VM77nUat5feaWlz9obVNmzjYluL2XUh\n1zWS\r\n=1W6Y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"9.0.0-canary.fdf9a2634.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.fdf9a2634.0_1604445676416_0.48715773343782565","host":"s3://npm-registry-packages"}},"9.0.0-canary.4a86f30a0.0":{"name":"@material/rtl","version":"9.0.0-canary.4a86f30a0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b69e5c7126f9414f908fe2bcf5b05b8009b4b333","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.4a86f30a0.0.tgz","fileCount":14,"integrity":"sha512-lcODHs8OtPuFIxEjwjodh0jQqHNid0qwh3wGaRNP0n8IwYjrvmoxRCtsE+MV15SteUNYoE3H5W7Y6PfTTFbT3A==","signatures":[{"sig":"MEQCIHjAMJ4OgQI8s5PTzSEH8ZudrEa9H0FS+9OhPSmHGJ/bAiBTVe2BECid5IBTpgRDxxaxaSvVAHGB5blOrIR1UhxoXw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoedpCRA9TVsSAnZWagAAwX8P/2dIgFeMst2xK7PI98Kv\ndTCwL0oZivEsQajJq+DyCS1FQpe6zz37IZl7ZYQLG6cpL6JfK+sX15LvkA1g\nE9ILymZLjRoM/XIZ96R/SeU+/0StbVu1REvh6whBSQxpdGMynI8se4Yryqa3\nyszD0r9JP+YVQhu9rMUK4hClwDGAo2wMdmYTvfswm0WcYF9zrZ/XJ597w0mX\nlx2o9OH8u8mwIE5h9jbY2YLQo+++B0jtcgmYgVoQCdh8dH62NFtzFVaEg4NW\nwrVTjgMHPc0uEOlrFmYxe8j2l8lxycj5mltfcVE04JSQWZPPBStjJXn7pjgw\ncuWf+L/K+szIGofYQQdgcCOoay+zjDMLwm0TVKSwmTDCS3xu/ssRIFdh+zMh\n+A5khqua5DoAAIuiGy2iLCw2S8fpN7ahDfZASIRKgrMyWcqph9HyF0Fe/eiF\nyXTFV2q1Gj/kwm78fOnA2hKxAS4p/ykMtfcOGSKcEO6UCWXROUZLrc8g4p/+\nLMOVn4HoR3fzOt6IqgVh9WCGT11+hVBTu9Pu2hyHTcled9ZcdzZEiyU1EFHz\nQuhGeM+A0jSWRkw892nKPAcNt7TJIvRLI8NrPqGPDzcuRKOsDVzmGR1H0U1i\nFaXBt1tQBIlHT464FDePRpMk/R2auKg8HjQUylAomIw2aFKmOOfz+RvPmGQn\nL2m0\r\n=oviT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"9.0.0-canary.4a86f30a0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.4a86f30a0.0_1604446057365_0.39118990949400767","host":"s3://npm-registry-packages"}},"9.0.0-canary.fc8b045f1.0":{"name":"@material/rtl","version":"9.0.0-canary.fc8b045f1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"489a38d62a57554a3dddf9174b44b39faa92687e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.fc8b045f1.0.tgz","fileCount":14,"integrity":"sha512-cYD2FqfjuNGSVsWtGyMW3kLyq2x8SbfcEj+F1hZAZR3s5PCB1DPsaO7p6pbGzCTuWZusxEt5H7I+pt1AnwZFZQ==","signatures":[{"sig":"MEUCIQCaQbozcIwF3AgWVaByRdzdvaVhjyqebfawEchmC3ssvgIgOomwx+DbNT+K4KS+2Emx1QDIoQ+Wwn74uq6iIQQNGxc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoemUCRA9TVsSAnZWagAAcgUP/isE4HKDXyxeXOR1uF1v\nWODK7ihPpHVplRsUdAZHBSwTeroOgRefwCp+u8OoZfla67ESuWqekiGljGUQ\nh8YhNZP1pw7A5AhYQSYVuClDOnw8aOwcGVpl9lrGLQL5Jo5DwC6lLmFgXmWo\nJoIIekAq8JUHjPSmtpuRZi3UC3nRKnY1Gypv6leMVCzES0573IBvZ9UgPUc4\nhfCgooyZ1zn7bH4O0KOP+o+WKtEdaT8Qscg/tle0H7ZnX1zRvHhlCPta+lGJ\nx53GBvVPUIHu2sTuZQRFfOzweVKFlxgfm9G0LcoE4UDM1V+UOEuI/sZ39j8i\nOvpAoafbQDxHnQh6oDRB+v3Zr7zAvnQS2aJb9Y0A7TbTrY5lpHpYp+uF2Q3O\n7p7M8Mis+7AVyKQVT34MEhMsa0dDzlRjzObQI3IeMWXz7FblL2lV29CymsFw\nLA93JdYnEN6ayj84tM+GvJvezPI7qfKKd5LbVc+7PQeRqzmTDcHOtTZoj+mq\nGYI/h2jex6PDw5Dp70wuVMJSPl64M2CKxI2wNXDP3VYRoXEEQoNtEyJIt5ir\nOl36P/M7d+0kWI9rfQHFZXWOrgn4k37hnadSjR4KKUOuZ4YmjpPZ9MmjMkMM\njGz9l9HscEWn2Ja9N+DWi4d71jfJvqmOPPmVD5Y+U646r/EMqIROM+DmMQy+\n8J4S\r\n=jUtv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"9.0.0-canary.fc8b045f1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.fc8b045f1.0_1604446611606_0.09570298585471937","host":"s3://npm-registry-packages"}},"9.0.0-canary.a0b2db26b.0":{"name":"@material/rtl","version":"9.0.0-canary.a0b2db26b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8c164ab180caf7428c316fd6532e07167be174c7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.a0b2db26b.0.tgz","fileCount":14,"integrity":"sha512-zQQ3rb1XtBxRxOEfcAXdhIio29byxPhkFMkGc5NkNu1ax2no/0ezSgoD/bIH0SsObuW28zlsw4JnbxJhHJR/og==","signatures":[{"sig":"MEUCIC7QhfyLIRuzmkjI6HCWAQrQyyTS5Xd5dfPP2b3QZVwDAiEA8yW19+9aMpgEgDw6Q08SY19uKrymqoirZApKSInXFwQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfofEACRA9TVsSAnZWagAA57oP/0Hhci3ImLJ421TXbfZ8\nwjeoaxZxBS3LbtYEHb0mT8ghnQYlsiA1DnTsFXDjSsQlHnWfvRqt5z0H+zRs\n718eqOopIFxMm9U5Raq+726zjn0AUU64SfykoeItXaz1KMD8skk4oHods1GL\nu8E//x2Rt8wiweg478EE5bjOuGX9PIzr6dWKIuWsbsjDiRNY1DNlvR/aupSr\nCSbb8keQIai8Ohj8Smzl9TMYM7kfQyRcej/djltrrywofIdRAf7IxyVxffoy\nSM4rkUPe+VeNR+WpmCg1/JLrfW3rz/PKTDZJeTEG0EuPD2mjbB/4b43pghjF\nnx4DYGjJ1GAV59srj0DBYm83d8Llk4sET2ftAmpA9weiAXRM/2HytltK7lS6\n1T6Df+j5Nk8q8N4osJ7L7oMPchMamH8IcL8MX0ty8djBZNCXN6B/Y+Z3wroN\npjO6YV62u+BmAnzblfoiSsMEvQZg8xs1ESoXQSeD0NSm4cACXrstuc5CyNvJ\nPL9k4S7Ua+OhFtOeLYXUbhQ67k3ypH079sTq3kMnihJ4GzWfqXvW5HR8ClGH\neDXeLax3UJ9+Jzfzd6vj3LwOiw+psz4DdZcfts6jOESya92ArVKR0MBx3vPt\n4n1apr7PxbsqIASlBh76KK3JHkIhJ6LYKIUl0ax7U8soXF/HagYfRihu9XkD\nSHKp\r\n=BUSs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"9.0.0-canary.a0b2db26b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.a0b2db26b.0_1604448511641_0.26639041017519305","host":"s3://npm-registry-packages"}},"9.0.0-canary.419e03572.0":{"name":"@material/rtl","version":"9.0.0-canary.419e03572.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a9ac9dd757f3f3551c4eadd1fdcb9151673874d2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.419e03572.0.tgz","fileCount":14,"integrity":"sha512-bQ9FtAvfx8ZrAbOAV8pUJzcCHi4d0ZqDwBtgywp1Cu9RAHJMglMqeLXI1bVDEzXVwVRLdcUer/jP+xz/LFeUzw==","signatures":[{"sig":"MEYCIQD475M6TL2nCCDOCcsg/opn+7F8M40e+PKOyGIDHtcg/QIhAMvDPZpb07EF/ZGul7BqXMjHbbMXQKfipHSJWKbp972x","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfogTACRA9TVsSAnZWagAA6FIP/10e7e7Ak7TnrqNv9P7r\n63hHnmELymbBXdXng4IMowaCELkaobTtC2H237Pw2EXe1a75HEyaVM9tcNq3\nCpIOqNMxLIse9I3/9mT5TrO0vugDQRaVzfyRBGT61f0rRk1HObpp7eze8fUJ\nMD1rkqrraWNlpJ5jd4i0lzxyC1yusPOwhf9LN6stBvcoOJy1RIggsI3NK7EV\nxTvFQ6wQDbCx/SMGr+ia4201KHlFo/qG+32i4XkpshqVs2NhE8000cFMDkCB\n4cvla1SVSeHkDBbKsm4H+AaDLXY1ayG+Ox5a1GI2amdGHflceOHGiVTdldUH\nsxRuplZGOHaZbY3s8GFQOSF2JTOx/tDDjkCxNpOqJ4O3IVJKEz3FeZuxhUk6\nYyuROqp4E3q++zzNiZy5onLsfn07TpODvSv9+BWPhpVg+hbZK7PgE5iptoO3\n4lfDP9dRIkymWwUtk8jy41Zpr+ovOOMiC6CCm/VPQh8Fefx9JExrm8YUidsL\nBjKrS3WCMPGhmjm4cGR4Kl9Vs0qI9pPM9bVAlqsMjH3KYqEbE3vfK9PaPqNc\nvQtZ3WNOHwnqWkNqPzS4qENc9a4n28Go/hIhZeArSfuWuS6ubcRPeUmkWXwS\n0n1TqDZLm8HR1o84hdrO60k2HP6Vj5P+2gABXn9V3q7d2Aj5UbnLzAQ/BVhm\nlHsX\r\n=mFmQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.22.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.22.1","dependencies":{"@material/theme":"9.0.0-canary.419e03572.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.419e03572.0_1604453568104_0.9760668262555436","host":"s3://npm-registry-packages"}},"9.0.0-canary.a432ad542.0":{"name":"@material/rtl","version":"9.0.0-canary.a432ad542.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d52bb9ae00fe94b4e4a2819de5cd8cc73c1fcdd8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.a432ad542.0.tgz","fileCount":14,"integrity":"sha512-rAfR9aLx2cN7NR3WmXMfomq14GIvbL8SyHOhJfQa9Zs0lhb2A2B660o9S8B8ojGqDs40BAkp60e6Rh4ZOi/Urw==","signatures":[{"sig":"MEUCIFO/jw7lq2Qa3Uz2zKIZZoNossec7amhzqKfHZo0I7BMAiEA2GrQ61kaZ4MPm/bJWjK/6/VcQbh/PH6ORIcgN5pzl94=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpKrFCRA9TVsSAnZWagAA4f0P/ilx0OWgaVXUJ8a8uoZO\nB4cJYyfzId1XzGI7sKr1N2H9sbct+KidzAvJBKfmjrB5Nwmput/qkU8Fdjrp\ntunY8X4+wx7+u2FOivle5PP3JyeXx1XeZ6nu3Wei76c1DROIdhJxPixzKNHe\n+xIVwx7fX12CHPdugwRiPgPNIj3Cx1smykGBRw2qN7GjVVnHcpB+aNJZhrrs\nIKOkyqIJSuoXRWpXD1VTCN9L20B/1zGjcuJ96v96sJYjIPZKg2UudKTuYlGR\nfTJHj6zUtG0ci5nzme2UKG1UMdl4vgx3BVkifnSLAKYeq8ORzlpF8Py0u+7z\nWLZ9Fj92vkeJgb/pMOMlex8Lvxx3KlUZoEZjaeX5tCpLbjX7QctO1miA7xfq\nE+tXoO9DEZ5PeF/ajUIMXQA4CJDNN4lvDavyUTc7r825ENNg6apxtDBmsV5d\nfKUOyxw5DB/xPsgLc9tz3hFahhKgB2OmN2a2g8Tb++kuu+W2lq62vvGTF9X9\nzT1eNL33xm2Mp5rV25JpNDwlHtfztTUXOESwVPY9S3TfSZmvUsQvidrJ7e1t\n/v82kxe1zcMDD8wBd4ra1nBA294VypYNI6RMAyIqGM9pFHCKDMgcNNuiLEXp\nARTJZBOfM8B+9GLwpEJiHfgxeZ3CNUqH5q43GdH2ggcfzL8JQ9dMMeqOuW/0\nZDR+\r\n=fj8S\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.a432ad542.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.a432ad542.0_1604627140730_0.09870975740435628","host":"s3://npm-registry-packages"}},"9.0.0-canary.e2e8aef1e.0":{"name":"@material/rtl","version":"9.0.0-canary.e2e8aef1e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8f9a5bb2be080ecbc05bf86e75b991176dd5cf58","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.e2e8aef1e.0.tgz","fileCount":14,"integrity":"sha512-jXjcccfSWO1eOz760BZD+4RH6Z06WeS7mUUvkrUvBpJ683uqvAIE+b52sQOP6aFA3pw0JLzojqbhOeYLtSorVg==","signatures":[{"sig":"MEYCIQCIjpmN3UkFi4YltXxSX2OTAyy7ufE3L/Me8Xvhj4GxHQIhAPXLO1bhVHQ7xm/Suy67DkNJarCwTDMiK+QB8RCcIda9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpK9PCRA9TVsSAnZWagAAIRkP/23HI4nKkIhsaU7lx/9V\nr7KWExTMzzYzZsbPiKlsd3gp+1fFWKeaiqgN3ZXvXrSlucvjeTediZCuYH77\n+ZL8j08EbXBcYDdas4NRztEs+6oyThNDUuHlsTptlkcVDdgrRjAMNmnXeMEA\nT7rL1izrJKYu/JtEjoL2EzTCl4HgXUM/f5qEtr+9PUPRMx142biIZGDk+8mB\n6flCjnpy41ZyRxeOFco2Q47PBs3SAC1abRzVxR6QmBsOOXDXaBAtvdl/pAoy\nEACx0wPpN+dr0yjtRh/tFrLEI8Og975xQ7sFHEssJRy26bK9WcukkXWX/uXu\n5tesr04L17vIX/AXCc8JOg6efmaYbvQe3lM/FvvY995ZPzAw50KCO3wsqcA4\n7D/BGTvVXUCmLe495T9ILx36GpavxfsZGp94v51XpNnHZqbvgabyzKXY9EFz\nui4RujHKijXVlJ2KVH0M/+HazM52PFRPmlPX2bJZxuTs8Tm25/q4RwHYKpdg\noB1qU23TnNAVpvO1BltLKR72p6kvJtChFBpIsrHaRhZIY0DW5nBnq1aD/ZP+\noHsc5sNx85ICpeCD6GCtGKadPsjZv+38SH/iwrVVD9fUvQNjQUkQgfT1SuHI\nDzVjwh+J8GdtJd9PB1MarGzGzGhFyXDPLR8i5Vq0zGLK/8DEMZcqA1FQe4D5\nfAo6\r\n=eoTx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.e2e8aef1e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.e2e8aef1e.0_1604628302968_0.6601593956096954","host":"s3://npm-registry-packages"}},"9.0.0-canary.ec6b68b34.0":{"name":"@material/rtl","version":"9.0.0-canary.ec6b68b34.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4dc4e19b6865a5f15a003e81355e8dc9aaa1dd28","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.ec6b68b34.0.tgz","fileCount":14,"integrity":"sha512-BjLGCy27gz7yxlOrzcSunTMaxIUAvf46HAsLxPVNoEjd1xTwTPR4WJ0k2jOQmONoPska3wwizcAJh2AuqBSDfQ==","signatures":[{"sig":"MEUCIQCgZR2CnwKLy5MQ3Dm7Il3rzd32Mk1IWIZlZB5RuouaGgIgXLg31Y6pypBc6Dy+x/4zs2tk7f7VmQ4y0HoBAAkU+AY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpZxNCRA9TVsSAnZWagAAKDIP/2U1LMKl9mfLwWcd5Zyd\nVSCBDaWFWtdqdhGMJmWXArMAdxp+Lm9mjHAU5ryEwjNQSCur54A+yCg568bs\nlfvoVM/6BcCLCCfP7NQHYQmKwg3Us7UsGa4yIN7nUG1Hajk422AgDlPQjz2X\nqSciVBA6MIP/6eP+Rynz6lN19/qdbLSLqRo/Vob5bldkFfK29Pi49DiGaxVj\nZR9Pbt9aYZDFjYbZvXm+fLLk0rDmOwoH3sdQW05nEL73lZ8kivrmPkc6tTML\n5Jt5GQo3FWres1wFkRVX7KrSPS4AK0clApETuDnMKS5BYiKfWyf5KjWuWfKL\nrmKuFUsi8Q+WzOw7DLyo+bY6JpZUC3HvXWX/fthf1qt3CSZmteFkpurzpd7V\ntFQOHYnXoWWeqbVZUXw3oiOBvzwrfPLSFf45Atp+UwrGDI9m9W+qF4tmWNQ8\nV5MiKzBEUdsSB+IYTLu30UN+aOfUiwljKxPSKS5GxH00dvGAMcTTTZSKTZgs\nIYoOhdvQJqQg/wbJ60yTpHpNHzM87hUdwEHXRgpLEsvqvP13EMnFtwuVREPM\n97t5k0N758jJ5CcI10BhtoTE+4LkTf+UUG1ay0XesLluiW4WkEngPHsfQzX/\nAnQtjQkoeoahV/JZDLKcDJHuiSnIfqnNgRU5aKkqtHszY9U9zKj7/o1bzeIq\nX6rf\r\n=GMjE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.ec6b68b34.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.ec6b68b34.0_1604688972646_0.8061474506082928","host":"s3://npm-registry-packages"}},"9.0.0-canary.b39094d14.0":{"name":"@material/rtl","version":"9.0.0-canary.b39094d14.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b8562ed940c3e96968cfa730586d644a87cff839","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.b39094d14.0.tgz","fileCount":14,"integrity":"sha512-/XV0kh5/QkFLenxpGaU65QyUW7fdWHyzsG6PE4uUwWNLACTtxBYnGmsQW1tKu764lbL2xqXteWHfID57wnOMTw==","signatures":[{"sig":"MEUCIQDiNHnKQkaVLmciQCMoDu/l8+GML6j8VOJN94dRn/9kDwIgadjLCM/T6ogSJTTlkP1zBY39thhls1qeWgFPbcn0uBs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpb0ACRA9TVsSAnZWagAAgeMP/iHagu6mJ1X/yN4hB32u\nXuTE7zzLpdMKN2Nrld3CWuSxLA5n7QOLPsN3XN2TIpA385FaeM6MambBAa2F\n8Ew+Qu+w1bVby+Pzo3u0TKZn7DhE54SYu+tf9I4SL+rTGFEShfHtVsO1NtNL\n+v/92UpZMR0wva1MJmVJBAihWWlPR0S/mS+UR2MvLXlRjv7Uiz3n+aHIX6Wb\nHzitfe4eYDexWTwSgHMl5sX3yjfk+gdhG+N6RH+pyt+EvSsVPRllsej2p6ue\nxl/f607DLIGwqlfMFTCsE2hL/1ChaeHD4ZTiFN0TjGuRswVFpMEFVzwNDZBL\nKsg2HgJW6x/ZHzTEvL2uZehIJ5rGwQqZ+Cpg7XwHDnHN/LUL9L6pz+ZzqscY\ndzp+gI/sfjyK1fafaNcoakealu7Id6qsF8KUwg8gN7c82CeHju5ELRSHXHdF\n6O3mGI9fIC+ANnPdJaMzgCZ9Cjd7pArXWrx0njQObMUgv4ITij0idsElAXgB\nzRTWj11J3v9zo//kptF1JQFnf04GPTyZnDG+nmQRmz1HH6aC8l+x9nTGLOal\nHtTt1fe9cvL7I68HlFm+MWqL3kitXEZ7zQ2CHh/+RFrFwhaoTrjxCCvh0/yE\nBxFhYs7BIVY+Av8w9W5v2OUaDMumJzFhz2XvixTWkWY28/r6Xreeq6mZ1rcV\nl40h\r\n=Wqhs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.b39094d14.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.b39094d14.0_1604697343704_0.20866771804788908","host":"s3://npm-registry-packages"}},"9.0.0-canary.8648b8258.0":{"name":"@material/rtl","version":"9.0.0-canary.8648b8258.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b362ebfec9a0d52170043f4bbe59ce92f08170c0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.8648b8258.0.tgz","fileCount":14,"integrity":"sha512-YGsHv5nw6DOSlrzIbFTjphlckbrrDI3w1Kq6gMzpYpQuiB7FNRlJOMPgp4O7+kVUrRqsFp03huoZDeNI0aWvGw==","signatures":[{"sig":"MEQCIAn5Cbsnkl/gEtKLnjSfdVeIQ6iUYRcU1qEqHQuz61b6AiAfU5m6NDbMrVjoVC0ViqjmX82gmRj+DoSqwnUiPeQvyg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrRIKCRA9TVsSAnZWagAANLcP/2FcbgC7XqTWTM/O/pBn\nkUr99scMSUlJ3EpbjxGAGnb+5WXfQYPBzODAuMArORHtgM0uLQbpDHiopPlo\nOgNIZgx3hEAgc9CnpouvU9cWj+uD9NSrH9SjpPpfNrWKR7WSfMi36EFkfKa7\norurrUn4uV9q66nycwFwY/XUd0zMGsHomKkTvZdqtccW0bAaL29GpjpEODSE\nyl44Z79THoCzywU061HOrAmsFFGmRbgkSfRacqahAz/8QXeKPAiaSBySziaL\nmTqyfqJ4PoU9gGffyTrs16MFG5KvJaParlK4XSX87m2ooFW2W9DbMek4HP50\nAUEaKedfA+o3Dtn38olVwQSKgwBvb+3fPs1XL7zdBfl8+9bXdSErAzVbSAEY\n8vJa49wmt8akeXdI15oBo8tQ4uAoiF0UTg81lSz5CvFNp5OnjDAyI3KrFrnx\nY73p+/n9dWqlwsB044FpuSEsWJPmn685dZBgTE8r5cLBefroyK5my+n8pPtQ\nVAyPuMMbV9B+PxOTj9a2OLNYXnalj3hVjjmwwHa9J/atycJOZwsA2An4cS0+\nTQ7uoOgORI7ZAktSKaZXqoJzQuxMFKMXNoMlkQNlHFmBDiXo/WU4PY5VbvVf\nrqfhao9xQA09ZwJ+psH/HUBuzcQTXaA6Ob7n0rITBBZONy/EbmMgFke2YoW0\ns8Jc\r\n=p6M5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.8648b8258.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.8648b8258.0_1605177865580_0.37363194130261235","host":"s3://npm-registry-packages"}},"9.0.0-canary.240c5f74f.0":{"name":"@material/rtl","version":"9.0.0-canary.240c5f74f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e0b1b69d8dccd6ec642aa76ec4c6076955d47905","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.240c5f74f.0.tgz","fileCount":14,"integrity":"sha512-R+rCd+DAtyk94LT6PcFI4M88oq2Ytp8RQN+WUN4L/ldpqUB4SsSBS0vF3Vwo8MYwbsgdE3WXV5GWLrEkioI7qg==","signatures":[{"sig":"MEQCIFHzxTDJH4m+Zu3PXwn4vkOtE8KuTHIPwH3ewAKufCMlAiAD9p/gVox2igZgCqDG4WlfaNVn7GyKUiSpJ1jZaNkrMw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrZkJCRA9TVsSAnZWagAAtBQP/i7Eh3VvDRgH8zTtrEeq\nisifEPlBjr0w5/+J5Fs3Ri2w6eS9Qq/+jfKxuZ0FzSFmP+LFj4LYO1wwgzIf\nC2tVer9aQa+TN+CVIC9j9jIboxmMIbpDUDEuOxmUsDm7QPAsqk8LxhvtZ+oB\nC7L4Ab+ecfy0Udih/aEgH/bVcGsZfDiGqJuslqDAFM+sRlingDl37ec3666L\nMvOyPU5YgqYZ+SaP0Ub/YS2r1cAw0ypCMz/23K/EF9ArZThWfLIA/B6r4zh2\ndUbgBJuX1BmqDceyXig0IYpRx5gXfP26wobQMmHqK6S6levUG7XiBdowRi8e\nflXQW9akkMUcn0FQz5LagGTAmcSZSQoknJEnEf1uTxl9sn2WsE1dnz7D+REi\nmgtMGXFOmMqUQYq9ComZEYHcwVPBylyRDf8qQBE3LbNS5rwzwhRJgN3rfH7Q\nFrrLJ+cidGuQi8IY+qb4pHogy8yrTz2MxDsmefqd5Xxnf3Hr3WpZxw57wXe2\nhXgbl9RuTkfTJXTwL6HyINHddiy2cTJLzQhpzYUpadPPGZJRAfWAUEEwEfxb\nf5fso7NXhoaNGsSO9CzeSOZNrfBb5pU/UqkB5jiJOHR+FThRthqE5VLiqG0H\nICgjqwKQxIwbAhTroFRzf7J6YluW6Dt3/CEaSF8I1zXM0Xtr8p/WJE3y0SFJ\nzaUN\r\n=W/sr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.240c5f74f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.240c5f74f.0_1605212425073_0.4915106017655031","host":"s3://npm-registry-packages"}},"9.0.0-canary.6cf6ba4f4.0":{"name":"@material/rtl","version":"9.0.0-canary.6cf6ba4f4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"11f144d1577c45658f10815eda93a95dd8540224","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.6cf6ba4f4.0.tgz","fileCount":14,"integrity":"sha512-x/pzKCpDqAcL2oPSJFAcPSX6UZ2k1/VCTqoio3jYeddMg7uF37XCeNZUrEVTdhDcwDheAi0Ipbx/pPIeHrRzqg==","signatures":[{"sig":"MEUCICRt0u+jsaeql4ao0e1VqVpifEqkrvw2Oc8eFbcYU0SgAiEA+lYO9B0y12WTCseYZfCf46bgIbmUKklEcVmUMA22xPc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfssnECRA9TVsSAnZWagAAgpgP/j4G66ggDFGkIB/OyaM9\nlz/TGYkv0TuHr3cHLzzZtUfNh6rgahQCET6EF2zle3KWJyK9xEhJVadDhq7H\nGNc7tMht2EqhKSs2eq29QH3fBVaiORSzJ73qBcI3fVDkfYWdybyMXbEMWE2t\nv73ZihJJzrWbRumb4cBnHwg3EfoehFyaMCay59zd5eSQ/8HX8adFm2/lnp2f\nyep9ozoKc1QiYfBum5DAXtY9G/SXBEgTfhuldljjY5DDqJmeKLunSLm3jgZi\nRq733XiLt0zudjOCHV1RRQPXH4TDOCtv4Nx53rjYaJ4HcDe+Dkpstsq4rebR\nYfrG5V8uNDS8Ovh8TH54x+h6KvGmL+UJoXnvK3Y/Ppu5ViR+/eBD2fSzwIKF\n9KeVIN84DxKPOtHQvNghb/DCQ5KcrYuu1kOpeHH9Roee5yfZ29jbDQA036vX\ndDMZaPZso83uE+T0602AxPW6GZn4ABfjWG5iFUCK20FLR8e81c+XU4/j1SX2\naCMATSdod+amIqvceKS937maUl7BFdkBnMYXTg5R6CckxPl250eGbRAAswCw\nDT9ABExvo4GeYTl+vbTl2t/+vhSHNX5PPI5Csr+YNBh3kBxiAB5Foi30gOBS\nlEgP16XoghLPSFDYl0O8C5yjUkV46R77TQqfjHLVURnS+dAaojDahHLex5lB\nTjW2\r\n=O4pY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.6cf6ba4f4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.6cf6ba4f4.0_1605552580179_0.176450337601042","host":"s3://npm-registry-packages"}},"9.0.0-canary.07f3e01b7.0":{"name":"@material/rtl","version":"9.0.0-canary.07f3e01b7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1425282994e0487b935afa373f2ba66f70eb7a99","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.07f3e01b7.0.tgz","fileCount":14,"integrity":"sha512-3GnbcXfxgY/JiCtdqLa0L/VbEjWg+Dp976gTjskVH34eDcHEfE0m8VyTzCldBEDfQZSHYeIL9gNG1mPzpWBBlQ==","signatures":[{"sig":"MEUCIAar7w5F6elBixc8tcrtP95a80BeVhwOP/BP7j+S/6iEAiEAnwTH0OrPkRaA+LPHFrSVw4RifgRocxM0yxC0WXpa1XM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsvL3CRA9TVsSAnZWagAA/LYQAKLoNXBzdlwYuCX28fws\n0L5g51RuAZCYSDKuOsswXteKcFpcGiw+z5Dm1pJxUHOzz6TUync3VOyiNwKL\ngHLoIZpLCuBfjTOK+UPG1x9cT9x0JamGsUOQ3jGz2piZKYqpr4Rg6XpSWz7L\nNZSnyBwv4WcO1G7pELuqQfgE+031d0/ztSmarRq/nZQqBiFjByujMeiX0/9a\nI59uhp2+SeFgTEsMKYGQVtTjisVkwTd5bgZj5HgXPEwpYrrR4xMKf9OBoaWx\nv8zVn8iGkClmnMKAcnkMdSzD3j4J2aJ0FaSeqXEPr+Dev4ZnAr0U8APmX/wt\n2f4zceJmzjp92rWnaiZVgIFdwSW2Dan2P9TnOq/pcXv5SlyG57tIi9wFHU0B\n80hJz35Pe730FQqKqpzulpPSs17BDwGj3bKT8WXi0olahX+6WoaQN4p69jml\nxbiiNK/QhAWfCaj3yX4dmoRCeYcNGe7VLiyczQqk1DoODV/N2hxVH489KF0H\nNx110TvzkiDIUrFYY1Utw13Gi4O8evydksbn0oKPWTQXiAcjk3KzfbrXY616\ntlOLuW5Ko4kmN81co6smgjMSkLtVrF00u7t6+GMHn7eeFZgXw0Ub519UNuQA\nKgV7yasiC0yO8Xj0Bl9OeRYTJofyoZA7loS2qqNxwqKzyuz5X6cT1eLGWeBR\nJSWT\r\n=7Kfe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.07f3e01b7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.07f3e01b7.0_1605563126565_0.6845485293466818","host":"s3://npm-registry-packages"}},"9.0.0-canary.23491cf85.0":{"name":"@material/rtl","version":"9.0.0-canary.23491cf85.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f5490d4ecc49f2739be82f797887be1a0a13b836","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.23491cf85.0.tgz","fileCount":14,"integrity":"sha512-Gu55yzY2hBf8yWTra5FUX5DgTMBAY0IaEtU6owsgl0HO9eg0TEmHt4Ih8wu3lTNxLUAo+6gylcVgN6MtPNBkqg==","signatures":[{"sig":"MEYCIQDGQ05NLb13NBdlrKSEEuPyS6Yzs2hgG6HWCjdMHrmXlwIhAMuvDJXJOK5acPMHiZnw1pffx4riHsayI9COBPwUd9QD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsxZ6CRA9TVsSAnZWagAA4fsP/1TYmssEBypv0sY44gvg\nVrAKFsfjjwP1KN4Z3Z0ofce8fIH3rF4C/nMrKTMlj6BcEavc7iFr+43llWXn\nmCZodcj8cRBMHttKzCVuH08G+qXu/Rmwx2aDmypCLqwh6BMwnJ4CrQSmtcs9\nKiTe4qt2E2hQcm5Ft0X7GfG1XAfO6+nw4y9fX+s55o4UMjuQgXaB3nPFQw0Z\nLs+YQG1x8wODidMuSog0spwEjGoX4Bv2p57YO/K+aGlin44bDQuRa6F7DbHh\nTLV039V4afV5yfNnQyWj7noMP9v7PcjYFBNjAMZU0K7XaRJamCjnty43POUG\nbD61fifA0cy/ABx7HQWVNiutLIlF1AFVW7lZonFN5kvBNbmkcksPAZDOURx5\nzCphugl6Fer/5gnzX8ulEaCwFKx+R1V0PZRhJsFbnpEniXX73xCxlhlbEKLX\npImlNFIB1RG/M2PM7Z9qoSyxnWzVtRVTwZdO+Y4XXeM5kt/45IV8LB5nU/hu\nKEN2uFeTNd2HQGu0NP+PIZdU0vanjrqECeSToTOxwT9jSOb8uOLs8hBFA4Jp\n4/cfk6YmCEV6a5o2PBrPOwS+W+h1KM7/9Dn5bWObK64DcNxaiuw3X1RcLVYM\n+uVcuD6tYW0tG3qJRg1bKJxpQzt9K6zcP0OXH0o1icAAMrl4jhOU+d6SAZ4e\n+HbK\r\n=V0mV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.23491cf85.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.23491cf85.0_1605572218355_0.7538183037130697","host":"s3://npm-registry-packages"}},"9.0.0-canary.b659d4fc3.0":{"name":"@material/rtl","version":"9.0.0-canary.b659d4fc3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ec82055304800baf2f56365b73b2f79e2589719c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.b659d4fc3.0.tgz","fileCount":14,"integrity":"sha512-s9qdSEyTRan86kfK+OrKvGSQKvs2FTxTYVufOefMYuirnP5jVg/4P+Nhe1EzPxEFeJq7m/ioRWv45QhE7bJOQQ==","signatures":[{"sig":"MEQCIAi3LywaXd2lobd6uw/19mhPoePF3YvKBVWntK52tRiIAiByFLouvGLj9AhdaAHEbiQBDPqcEGz+PItqUuGDrUXAIQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsxhRCRA9TVsSAnZWagAA1F0QAJ+FUf1ZL7V3udmFmc3t\nR1DD9mWc+2BPiar5JOmbBa2roaSLpdJlgtwRUeILUarMc0X6x1yh7GdzSjAP\nI2FZt8qGYlrZR/IaAtDj20hTkAa2yyT1FjxXQoEf0u7i42aZgianSdS7d1PB\n1bfnAXkLfhiukbFs8SWhcUrKLBnUGV1EpkUhu14mWcMdIbVoJfCDhhmroJ3K\nCF5SSW3haV6G2FNWTxXDqIhEHVzDoYeHu5YG/+XCUkrvv27tNwtDlqk75aco\nIhnCPz9z96WSQtwWNFcxjZ6mEJoqJ7k8lS0x2qsJIDzb0Sl5fjga41bDB8NB\nXmXU0PJw0NREUYYlwJgFqVlBBnOKI0FuPsm+zNMFWfBFdLXOyDADL6okrEBC\nU36p/s8HbJnfDIOuTofqRp3QYl2FkKZsot8bFnHZPjgi9x1n7INFRmsbSL56\n5uwuXfnXRQ17t1KtJJQvUBd1ptxH+RRXqd7DPoMC6heN+qWDvH4UHl1KC3wt\nK2lSsSPxNaQy5QhETvUDCv2YarQ4HWop8wjhasJsREoe7Xs7S4aihyzqk5T4\nUoBUiIz7m3mDKPPSBKtmQN3svn5a4FDyqywaEbULV6p2ZW4ZyIDKpRwi8247\nmA7b9dS10NXDsQpjHkaix6Lty1H3iEQkNCDmdbgq4xQ+Uv3WsYO/j08fDmLF\njRJE\r\n=V/Tg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.b659d4fc3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.b659d4fc3.0_1605572688912_0.039851209885916505","host":"s3://npm-registry-packages"}},"9.0.0-canary.d8a3aed67.0":{"name":"@material/rtl","version":"9.0.0-canary.d8a3aed67.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"90691947718f6daf8666699dbb912a200ecd11b4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.d8a3aed67.0.tgz","fileCount":14,"integrity":"sha512-RB5mtxxh5ndTn/FxpFEgzjmhkznnP6/cDFWqKnLPCdc31mfEkuzATUczAXmCA3H2A5Imk6pCCDM2F7IQvmFHmQ==","signatures":[{"sig":"MEQCIDB2Fv5NVfbvkfypr0XTLne8hJawNyeOsi++mjZfYnh0AiAcadHzYD52mhe6f9P2EOeNEgmHnLgEV5pc3TIgXp5q3w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfs+vKCRA9TVsSAnZWagAAnYIP/jM5FgUOACaNxJAywJeE\nnd9+OH3vLGMRngpGmGf0mJpFU//3jeO4XAdacsALgHSg6NDpSTsOFdmzC/Bf\nf4N9JTxZXUlm6gAC8+jHy7mo257cRbxzH6q1CMs99B42K7O9FYaa0XTVwmGr\nHgsLmZA0mGB+tvotYYP1EahrM7MLB8dFW3PNnAOK2oanuQHotHQgsDGgfWUr\nQrcZRrPL0/ILGCpfvVokojkQeVhmiPumT5it5i7St/gmgm/bShiJTMxnwWWs\nj17k720ub1qrVkeJYrPANCIWuEFcD48nrnF2qvzVc8XNsREBGaL6OlaMVySV\n67xpDDTsdKsiQmGZeMELDNq4MtlbKRMp8w/FlIkekpIJcugw3e7FquOE+zhs\nPp8+4Orlyle3jznqCBkpbeLjynk/13X6SwZPqSj8xbAthnLDL+4C1UGn38x/\nALU6DwEEF5+o/hU1g71CV7HxPQ/2igbThe4fA3oinFsSPLjt6mWwoJ57wgd1\nE6quUu8aVPAjnW2C4U9jZa03zff9MmGqx7NbBoOuz5fDIN04Z8QgSlK/Oqxj\n/e3eyWxEPyqB2h4VcR/4GGUb4GXxLv7ZfLIuE0pNT8q4DKavLoJ+E1SL7+3T\nFFiURZTLnXBtztoZ2yfYILhG6zpsNpalgRCpbeRrQBmevvUy3EiDlylTps1Z\niTfv\r\n=K8Bl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.d8a3aed67.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.d8a3aed67.0_1605626826475_0.8582656970971372","host":"s3://npm-registry-packages"}},"9.0.0-canary.482ff9091.0":{"name":"@material/rtl","version":"9.0.0-canary.482ff9091.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"15181a879ae74e922d11c0bbe10d126e9e600ae1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.482ff9091.0.tgz","fileCount":14,"integrity":"sha512-2/k3FUWgh1M6xUHcC3jXacXJMCP2yaXsQYrQcUiGIE6lLj1i9XELMKxIWj8yXmCqjemXLxC2xNuVkik8GRwceA==","signatures":[{"sig":"MEQCIC9DTZPWu5djOWe8HSJph2Wkh0gK5StyadTGY+h6YT9uAiBGR5JUqdUy0S3m7ExONz/2Cr4vopkg2GiSHOjOu7Jb9A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftA8aCRA9TVsSAnZWagAAPLUQAJ0kzQA4yOTt01zi7kRq\nHQMYZw8mi53DF0w85vYmogyhYsmolO3S/Ll0Iv3PCofugYiPA0uuOOFTG6TG\nugek/dY4gVvwB5Jq9Q3AIpZf2r6g8Znv+EzVqExLTsfViAWODRQs0bIm2ev8\nYCnI4lyjm3dWOZiPIyhzg+XK+jBicTK80nyyMHKR6Zn1RRNcdwh71lqLolT/\nzMvQQ7uMqZG83BNXDyLsrQ1Ukbrju5NrTw4CRwUtEQ1M8VJ5rT+wyzRi2m+n\nwwjrTLvmCeeWVVImDBaTyXu6T11PacJz2V6e7Ffbm1zdgqotLcKPZ9KJm5Ch\noOtD63y+09s2eCauzRjmqrC4F1c4MCZPDOik0WZc5Ep/e7LxgSfP3DGXS7OJ\n8En3T2h8Qst0aK3sspIqvLxQi/TU5lZuAWfnjde8XZCQdkifHMLHStTb+YD0\n/VBrAJE5g1ZZy7LXIW5QmYJxxGSGrV1CXw8syEM3OwvRetoAap60YFcnOAxw\nsSvTeHCprD77ubxFF6zAbdq05dsNq9uTjHbufweVYAJfYqShFeseJVT7IcGa\nWmZK3TD7ACaDj457lHSH6gEFP3M5275bry/gMUSWeWwDKBeHf0Xb35qB8K3I\nVinmNdPA46HBR7pjzTurfdV5DfRVrsYhIXRZghSryj0tE+iIV7PdHfkozNoH\nimCG\r\n=ZCGo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.482ff9091.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.482ff9091.0_1605635866337_0.7334999451287674","host":"s3://npm-registry-packages"}},"9.0.0-canary.99cfb6bd5.0":{"name":"@material/rtl","version":"9.0.0-canary.99cfb6bd5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4e3b214eae691abefb3c0febcfdc906615dcf999","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.99cfb6bd5.0.tgz","fileCount":14,"integrity":"sha512-3nRmtGpv4OlE6lXkRX6BPS2Zr/sg/7+KrEXVBQ+xvN+o3C/SzqAJTZaPambYZ0mFK5CSEggN+Dque4b5hHWmMg==","signatures":[{"sig":"MEQCIG8u4/wLvVqYfkEt9eW3DwGVMXbtrba7iWfoNCZqMfxOAiBKAOFeWjYPLkzJlRP5BuSgpF0Na06bMk/OXH3hUxrAsg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftWtPCRA9TVsSAnZWagAAFJ4P/AotE/vMnL2I7NFG8DYD\nOvX6dDIOTA7L1dv/uQwWCxtGmhRYJjraMVJS23Sdi7cLpz5BMRaCi6K6wapu\nBrk6yH+59WClL2pSfuaxiRDjJzh+K2wbwa3/S6n61IfTMwUSXDLaWxjjHzxE\n/ZGhvmzZkEL4INufn9382DC32zGqyN/diH1A4jdaigtGYm7/YyJuZTWgklyx\nY4flloxjyNu+vxzl7OKYn/xNDhFHMcKDbtKylYMxESyesqeMHsxj+/kiaXrZ\nTkTzBOH9IR7mOwe5jAR1LfbbGmbrD9Z4sH6Ge97xN9H545xchN84zX1eed1W\niUc1UtpBOoreQLYN5jTbkLpk4P5zzPkVp1RSIcBNlp/tJFfmhPm2gV2YHAj6\nw+a0Q+Gms8UaKsrk3KW3moTtFXkJibje5RHNxuNksjYNjyx2NbyeIAFofhf5\nAHJJKtXAmOCBOOHv7hJlwXzQwDWyvi/TtP/vA5B7oevu8ZWjmdsuK4zexs2I\nSKFwVAsEJ6rr/ndldGxD3x9jaykEVeIKVtet2JlBzYdd+hhiF3oXJDbp6rTL\n/lITyvlYh6z36ozpz9AdzQNsu8lm0jFPD+JgPcnE4yHIwZ27sOnGxlg/Wslv\ngVjAR8PMzi4ql+2JmNfuTIAngK0z342TVZ/A4PNtx7BsjblqaUtATi/JkEtu\naugI\r\n=COCc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.99cfb6bd5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.99cfb6bd5.0_1605725006948_0.108635385322847","host":"s3://npm-registry-packages"}},"9.0.0-canary.b98d15d90.0":{"name":"@material/rtl","version":"9.0.0-canary.b98d15d90.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"984caf8d4a9be41455910153febc0867b7bf5a2b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.b98d15d90.0.tgz","fileCount":14,"integrity":"sha512-eV3p8//r0U9sNfik5YM1+cFXMuGVaEZcXZb6phanzwoA9DiRmfPMxVnSKGPIbWMPjZjLutog8IJdByA9Vb5IJQ==","signatures":[{"sig":"MEQCIEd+KGvLlaVWLBKSkl2wRmN3Uxwd2ozw3bQ0yjsqHR9HAiBza85ob4nF4j7KoswcM8xEk/+axE2jVlnPhH77VXD4xQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftaF8CRA9TVsSAnZWagAANR8QAI2veiwjplfTnQZVAK1O\nPpOggjXmTIPI6kcF52yTXpZ6whlJ+AFW6ZeBMmQl43o/jykhPkLwVu4C4rg4\nvmDXO4yS36fJNsEP0AevGa0QO1S0LOXeAcmlGUfLmEe27/I5P48QWW+f7c6M\nTZslCUXqGNuAUagRRfFJutfE53PZWr3nbgSI8pCkx6PJRyyZTo2b4QUoqHOX\ng1WeaALMMgobY6/ByBsCtw/dwFXCiO4Q6/pRBH8cWzwTj31VCfvmAcTHD0hx\nvaX7kVKIeLPUZc6vfMkiEHwQDNAWknMGFVBShi6wkIpLrVPRWIuhWBZK73WT\nwcc22jl0nlqiC2/dGXjuevreKtY1OaPCUEv/TrHw7j7Y+2BkqSaByCFAgVM/\nMJVWdkZj5LLKkPOouQoLAF0MOF0K3UrZ2p47rfUoQ7SejakWt/zriX7ZL3mQ\n0rAp/OB/ZsczXMYQMlKtdqZpXvzjRirpa1j4q3EgYLulNe4+OXkFVo2ZTOlX\niI8dgugeHeUlHqWF0kia/0n0yLH3zubjejHGOpWHAIuFsIZAfc19lwSkvkYz\nYgyxqnXXzDbCZrg2f2wlUMzEcQ2+1zesAaGgI7rL9L1VNUhsq7uAtp5TcWfX\ntxhPGBQV47nYyugil2dwCIvXVc5iiBgQFsBkiWW3Qbz9gqLJEGpj++70TQTS\nkqM0\r\n=vRuu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.b98d15d90.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.b98d15d90.0_1605738876090_0.9292546650862643","host":"s3://npm-registry-packages"}},"9.0.0-canary.30c11bfc2.0":{"name":"@material/rtl","version":"9.0.0-canary.30c11bfc2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"89ce2f8c862918af382bb7292357d3108c961bbd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.30c11bfc2.0.tgz","fileCount":14,"integrity":"sha512-QUh3cK2tOv411pu1DFZq3LEX7U/usX1RZlFXPKvGTdx9fiBvOuoWif98nYR7avxn3SxuqI+cEpOu8a7O8Dzbyw==","signatures":[{"sig":"MEUCIQDsy5L5JR9yQaH/2wzkLT611YUz3hl1WrVm+XY7twdr4AIgAqwg8KLslIGX+w009ZOxS8jcmdvdyh5asDxCl02pDxk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftcmaCRA9TVsSAnZWagAAybwP/1eTylIU+8U3fbslxtqi\n8bg9EAOL91Cq8ij8fJE3bNee2GOydJpS+v1G98GMkzpzU8FtPQuE/fv9XAdk\nRpClHMoqvueMmh45zRzPlNSUeTk6Og61MQbLuG6oiaF6tpem8jqPxCKnCSCt\n0qTe1KL0An/bP9JSIwisxdk2K+3Z1RXXskGD/h6HnP9g0rcKZc/wkPVJJQsX\nZ8JczqOd81hQbY1Fm19tAAXgc2TprInjyMy8ULfDgYYN2a3OyvoV/Yy4P5Yb\nemsKSCrmUxCxF9mO601W/oAh+DCox1sJOXpB3iBW4bQXeMCb2exYhKuYkuMF\njaGLW0UbiORw48OKZdXg3BBFqvLicp9VrJbzPy/pkW7i0U/kN02F2uC7fiz3\nj8z9OMQzf6VriPRt12Jq39lgacVZblPTRIVUTyq+uS39X7dDtE4Vsc0oKOkY\nGrWYDd7yvon//F8a9YtrC7tp4KjwXz20NNK7Xk8sZI+vbdyzR1yjolFz0LzT\nMTn/cnGpWP0x75ruhnJW2p7dUuzQqCcYyG7B0i6SVFt2uGym4lBjNcfA+0Pt\nx9eO5ShjGlEbxSQ5QejoGVLgqLrjKIJJ4rJlLIO/SAmA+Pd0V8Ovd0VMgnoK\n5t58cx3rw0taYk1FNTJ1+iOCjDXelnV31f4Q9bs4VgcsWMtYzrClLmXx1z6m\n35vP\r\n=Gx/V\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.30c11bfc2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.30c11bfc2.0_1605749145506_0.9065315480951166","host":"s3://npm-registry-packages"}},"9.0.0-canary.1b731d51b.0":{"name":"@material/rtl","version":"9.0.0-canary.1b731d51b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3b0abe877be980d3e93b1ee718a6c9468254cb94","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.1b731d51b.0.tgz","fileCount":14,"integrity":"sha512-AkfJeFziBjQWyN54e2Q5NkTPlt3Db2wG9R2o4/j12x1BrkH4c/cr52iZ19Ikb3pnRAxvkZBi71ypWhtoK6rp8g==","signatures":[{"sig":"MEUCIHL2HUxCO0dporeSoD+NetsbhSpIUSe74gTmNjb/KK5sAiEA5cnMeUSYjMvZMvjaSirq6p/e1oG/8oA4GEKdaaXsOEM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftr7VCRA9TVsSAnZWagAAX98P/36WmNNmCFX8B5KLlxyx\n1x4ADHswREagz8ivrbRfusH9ia79qigAFNbr2p1BXP88t9UN1Iwm1PBKWUIG\nSs68u9a9F9ovO9W7rax1tKQa2sRj/os6xIP508xbkiM9ryVBS5otj9bR4sgs\nO9M0o2F6nbDmFzmw1KuvQxMTY+2Qcs26LMctKWtB3OvHzz47UlZFfFxHYVZ3\nQMxeSFSP5OL7CRXUXETB5Cq0mb/8ZqprG0MQxA4eIKMcgMQWW/LPjPrKVZgM\n/+FJ0SE/LCvXT9PbjNG3GcB8hpIkj+hSsAhafHsjXEeSBOSpiYG5IMJpoi3T\ncitevB+EsGVDwRm+xXCjozGh1S1mv3IR1EXFOcypbdpyoLjXbIj+FuPXEl4/\nwIwZWBPrfyfJ6yLt3zzHcKaaiiJ37Yjj+ivkec5E0qs3c1qNWTH/cIRGB+qR\nW5h2ASYPiIdeK3oIVxgWSzW4WzQME1wO4OSscCd6FE2SPJtrLErOFRbHrd5z\nIM9wOOT79kdwyy/ya0iXkq+HFdp62m8fMiZknd+rHCUCNCWqVCP5zaUxLLPb\nKalU4mW3XafcXxB6jTH5FNALcR2chqeTCoWRxTzB6UTjLSNcRSxwRtlB08OY\n7D732wrdMNFvY578nmkoFzSEz7hn3vCWsBrGZZs6l4J3dMNRZSWwPrBa6OD+\n7F9M\r\n=mBm0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.1b731d51b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.1b731d51b.0_1605811924493_0.6581530241953242","host":"s3://npm-registry-packages"}},"9.0.0-canary.4ae94ff78.0":{"name":"@material/rtl","version":"9.0.0-canary.4ae94ff78.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d600df0f4f9a9511131b3c3b128ca937d929cb89","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.4ae94ff78.0.tgz","fileCount":14,"integrity":"sha512-I2o3oYzVIXi3GLVCDafvTcn4rqUFbGaAdD5fUfdavqURYmqHNo9Ojnm67ityJBXQ6mgQL4GEMl81o9brdKRQtA==","signatures":[{"sig":"MEUCIQDl7tXVfPHW9DXeECDM1bDgh73FpmsaHEpkAQ1QUcUBLQIgBWgrE/qjbWrwNq98CGCn6tvoo6ObbREpgvSlgTX8oPE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftr+ICRA9TVsSAnZWagAADvYQAImrVkQBx7DlHYYMTWzN\nQ1xDVa6S9RGB6W+L6ab0nQpXnCgakgqmXiTO1SKIGhP2dHHQ85bUDmCQrVGG\njecy02oDP3kdwPGzCmOpSFEoT1puFBSQ3BMzrjimW3kouRSdxdc/GHlwMRrg\nGJAAI1O8XwhFljvrWvyHpTrHc3CbTIjrG0850BKL8gmVnhoYleL/EBCqaBxo\nx0bDLtFFXwrtP/cHl7uU6JcayTmqjlr8X2RJAJNQy6sC+f3my06LooELy4h9\nVLHHqtz9M4B7D4P+Yhjv+XoiGX0ztMxcH2c4FGzUajF/hNGOMZWSo2/XTUXA\nxwT56Gvhdh3DxlK+rHQMWkZsmxxduPirsqroYpwQgPc1qdzwopg9X7m1Y8po\neidOMFG9FGRnIlj00jc7q/alzjPtoMd+7PgR8VinV6GN5su2gDezssvhBCbf\nJjFAC0R5pgrH+brAeR3fpyY2paONRkbpzw9343JFuUbPNA1Efv3p3SG5Vfne\nK/Dla/8e/T4SFRwvQ7lv321uXRfM899OK+LG/3oBXSocvDDRhArxVDfjFFsM\nrTFh5zq2sjGVCdhs2qa0DLqkxhbMXzvAHkVPaIlw6Qc0LuF4Gb2p/q331cVp\nwYcii2NeSUtQ86VmzZFGBuKk8i31kiapnY+7x/00yPTh0PtVqsvtcYzJ2I1N\nY8fJ\r\n=lVE5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.4ae94ff78.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.4ae94ff78.0_1605812104164_0.5066757473708703","host":"s3://npm-registry-packages"}},"9.0.0-canary.7ad038e1d.0":{"name":"@material/rtl","version":"9.0.0-canary.7ad038e1d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"85024d9b23f6bb5f349e0a634904f40512851a33","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.7ad038e1d.0.tgz","fileCount":14,"integrity":"sha512-8R3nEVR/syz1sb3fQQg8YanshKCG2S905c2lWdiPeszUrxfB7cF4/u6gOdnVc2hXbNwVJuBYGD/FMoijYT1PBQ==","signatures":[{"sig":"MEUCIGOaoUAkyi312xhn3J3J/2uesSNZJXcfO60HLI08ljqiAiEA+YieDLqAyMkj9JmhTdtzrnZE/XS6Sae8SHZcULFxj6I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftsTtCRA9TVsSAnZWagAACcwP/24Z+sVEs2Lomk1xavEx\nKIWmrUUO9BU3a4RrHH4kIMzRqAF006OPhdJZGr9ug07s38Xq1609PSg9tzEp\nhcn/wqSZCJI855UCd5DwV23A7xX3Y04vSmptJH4IjcL/XDdeUc0+8DLodSvq\n6rfvlci5Mxhx0WJQz7m26XDxXIZfD4C+/EvzrszZbtZ7MPn90QXkcA2fquVI\nrcaCSFRV4jlPFiPuIsOHehGeRcklKwWpKJFT5Sw1j7xmHJ+2+0kH4LG4Jf6j\ntsrgG90k/KdPkchE8Yr+PpYWzn/+I/gERYhyVJSFXWGoHNg5BJL04s1dq1Cl\nIanlon0dNQCuBVoRnMHAVk/QYqEEe2+tjLTmlc9S8YdxnGNccCeOFEmUhzcR\ny18TjRN5KRZzQb9J9fZSLLIkxB0GYsoMFlr5SEGnedGeefCWL2Mux5r+M08T\n1nZ0F93b2OxaRrG2rNzqEKHrSAQcZcb6MmoztMGcDvqj82GfyUuBAxLMNWDn\ne9ASfcRMZOYa30iI/hWULSkH19WrSgd3sTjFE7RFNy3t9F1Ym7w5R3i1a/CZ\nADBF+nTy5yYuWFz+9EkJ3DygCTY7JPAufVSuKZ6vBltP2b9TvVA2dxVmVwKn\nBsT82tDWSfAV/9DjU0yYds1pcslZzUqIXoW5ivU+IVoOYlGxP4kS+uJcNfpO\ndnDm\r\n=k8Gp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.7ad038e1d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.7ad038e1d.0_1605813485387_0.14318635511572264","host":"s3://npm-registry-packages"}},"9.0.0-canary.a41527604.0":{"name":"@material/rtl","version":"9.0.0-canary.a41527604.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7e1dfa3b413501f4cfc7b87a407d9cde402da2e4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.a41527604.0.tgz","fileCount":14,"integrity":"sha512-riwab1hAind0cxPpu34YWRLh0upql+14KBgcGqm3EKb+zFdthJfePB0Ehhvv8ZwARqgNECtJH48aVvEdx82++Q==","signatures":[{"sig":"MEYCIQDwmjt+plQOKtviMQ7x5/iAOuoEGt/OTHrBfay6SXoshAIhAIHJOmyggPEsIgqNZh9xdxXa5w36r9oFPfc6ltR9SVIG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfts61CRA9TVsSAnZWagAAvQcQAKJeQK+tVF+o4YJp/SyV\nTcaOqUikGJrQOhZU46r4FW4SmObSG+v6j4ulJ9LXJkXPpUVdxpxHjCJ+AM3Q\nUAgeGSFgUbGE6YHkkORj93QWjVNZOGfFakCPh4tV/+K9nPu6IVAPLn3k38CW\n6YjPJSwr4kjvNv38omDRbpeTWC1oUMTSeW24wvYol1Dz9zKmsDXc+Wd0yD57\namH05O5nOyCEnmVXixZCPRNGgjVJrsZeanLJO39H9qCy/wsbBz/VUdObarCP\nBLHTyg5eKWoWSbF3ZBeFr1jreTtuTNSiqXe7lWUcKFQgusK7s1teF7976Wtv\nG1wcEOSLR1FSmiM3sZCCC2V+pBRc8Ac2T/JY8cH7UDtp+nY0EsPQ0TT79tjh\nM0h97ZYLJu469oerwRy6ggM0gLYNVGSztso6+OLHLY7rStXvI3yelD//HcHt\nj/IUC0jkVzpRoqp/p2vWRh/xNQhMvpDTZQdDrtnhU8VJC1gtaXfGnbWKXSIK\nwsKqtj17rKiyQXZZrbi8ljZ+jCMMLm3ORfDiJKbPlddyV+OfmHEd73LEEH1n\nKsyR5Cj/t6bvONZKz7cyFsLmr4+vtDgYe5rOeY0B+vL8O8Ne9dNKwm8ELM4w\n24G7dFIzC4XlEqMVRjoK0XQAfBQ/3S0+b6rk1G3QJF5DduOY5LMJ18c7yc+5\naUZ+\r\n=4CGW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.a41527604.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.a41527604.0_1605815988658_0.3945875909833414","host":"s3://npm-registry-packages"}},"9.0.0-canary.7b0e2b377.0":{"name":"@material/rtl","version":"9.0.0-canary.7b0e2b377.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c1c540045872b9c8d051c6366dcc6195a0303999","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.7b0e2b377.0.tgz","fileCount":14,"integrity":"sha512-1sIcTk8V/AII7u+cZ8Vpfn5gt0Nf8yWHafga9f17tpQDmH0A3jUH+K8STGK6SugLWjJ1FYSZdz49U5BPpKWQIg==","signatures":[{"sig":"MEYCIQDtp+s69FNPEEpDFuSc4sesSrrbq7BzxLqOYabo5HDN1wIhAIcRyYciNU/Jvu6QC9OF4nld6ahaXOUdLZDUB508tE9V","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfuElVCRA9TVsSAnZWagAAE90P/RknuZWUyZh5HVuQJg4o\nbF2vYSRvEGtdUpzqwc/ZTtOil+JIc0qRwOeBYMviQ6OGV69VW1MOKq1dHcBh\nVRPplVGylkZuYnsBhpuMKiu3yfNOjk4R7ZgQYJBg50/F4Ssc9JDe46x+n/9W\nXbj71VDvSQUDTl1HbJ8M8jABk0azW/AGobVLE83GpD2jVBAU9ypxMmRj+I/u\nZcL0Pz4iuuCDAdu6lRnPd0KYJpJTLDP2W0c5/ueqTaML9nZT5WfUiAC4A+J2\nRvZFDjGods5GYEyn7hJVphJT1+zFx6jX1XW8rVYgDmL1vVbfHPBvL5vv0mAl\nkfDBhKU/v7K+OHAyKAo3nA6p2Mu+auwquRn5TmlNqdcUIkAzCEevd0Zwde1L\nqsJ67HlONKj9xO8U4FigsNaHuX65eoMjj1lLPa0PPMoKlr7jzHS5BQxR8xTP\nsLPlChhx5A2nNdejDh8Tqw+hfZhlMy+N94vLqaCPOMt+08owEl/1C0riM49l\nVwosGSCmlhYN8yqkGo+DUVG5JGAWaXnQ+faJ1BQLMBYBVU67eNyEL2Qz7NGb\ng902QvoDXR45YXjlf3r+Ajwio4UyvTM6Xe2ggNcP3RskBUiyqFlpB6sasoRT\nW9sWT/tC2t0eslYa2KKal+JAMkaPYP0Ep4Sn8pR0EGdldyRbQB9opgnpVzbp\nPtj8\r\n=qLO7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.7b0e2b377.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.7b0e2b377.0_1605912916877_0.6732233089088104","host":"s3://npm-registry-packages"}},"9.0.0-canary.c927a5d05.0":{"name":"@material/rtl","version":"9.0.0-canary.c927a5d05.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cd7ce8040925a52febd45153b5ed0db59d0b5544","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.c927a5d05.0.tgz","fileCount":14,"integrity":"sha512-IO4WP05bVcSrG4sg07gr7+H867S0+qfUJQ1nZpFf7YsrDafh/HHhNSo0DJjpNJ+wBix/AtL82i3Ka9Sc/S+Exg==","signatures":[{"sig":"MEUCIQDpgdB0qAn0E832kZoeqAqmrW9Qsv1tWVt7bALm9MQTBwIgCU8RmuGej/bDHwGV2U/e3vqcKgItrFNaZiRQUFzzefU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvBG/CRA9TVsSAnZWagAAe+cP/RkkWxRvU9bIp+FYu7X7\n64D/5G2dBh+fxrAQ/Nf5tUBURr/oBzI2gFW6MtOt/PSnLMPqyp07x1R7/nD8\nw2KAks6P8jPE1kWNz0k/W/9ltDHdhDbZ7h+5Uy5gk8EpPUaX28Megd7o5yit\nYCjuxJYiSbIoIQSVRYWANshuzR6F8SA3V475V0KUY0QRvIfarW8pC9Wq0YoO\nYnBHitvJ4j6JyEcVWoB5glFU6RWSQmbYoiJ+9TBvpfle59UWJT6yjZlHOl5d\nRkyWOI4tgQbegvvrb5opklPtLMNIXeTePiAhvETM6Dc7LayToJmeRdcYuE9o\nZDG0SDNW9E9IShMVsdOEpSxUaD9B833jXcoy7bMQAoP6gzAm8oyhfr9cQoD8\ngVKgFDfojY6T6yhxS0G32qT7qMus99RB2QG5qvbBk4eGd9RaCr5bZYdXuvqK\n0V0ggKTmVSH1MXwHqWtw/uBOWdTuXMatOcY5XZwsbHzaXp7OZztIPxVNRukY\nUF7ngoU+cxtjfr1VTbHM2g971OujNZmmTUVWJx2ihNYuosV7+JITg0/OhWVC\nX9Gp+qlWEHI6aypdhAgks6v4aeZ4y5/nJyJ0x4rdv6admh0jtYKrmhsMxmV2\npNtmkRbXb2AZeVh1pAcwuN330dUAE0xeKiZ1hrUkxC3poEsDyKNrR2WUAhtQ\nxOdB\r\n=4JsI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.c927a5d05.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.c927a5d05.0_1606160830663_0.6217018639316934","host":"s3://npm-registry-packages"}},"9.0.0-canary.b349b5185.0":{"name":"@material/rtl","version":"9.0.0-canary.b349b5185.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cdae575f087705c098b96f86520989e3ea007976","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.b349b5185.0.tgz","fileCount":14,"integrity":"sha512-B6PtJVmLZqayd0JBRi1p7LQU+jeNATDE/I5A/w2YGejOudGgd14d5rz3FnJQwk9xTMS9Q9vmoT8okqgLOGSZ9g==","signatures":[{"sig":"MEUCIHhHcJvU+pGUv7B2sJXOrbu6I1fOoW98L4VgU4kkwJpSAiEA3dz6ohTiGYtGW1rvs+UQnNmBfMVexVZHLi5c0Yxx/HI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvT4QCRA9TVsSAnZWagAA14kP/jxz3MA1kREV2tx64AS5\nGrDJQP3qm5pN3QzzDExa0N9XWpiZO89FxawvwPYykRc/GckrvvsmIZJwjG4n\np4ToMdtrK6K/nHmQqbsfdy6XeDVwfIUWVNuvjNUsx49jLXGbPf9a9F5TwxL4\nc/G8dwgDFdXV2DMJX1kS17oD04J6jWZjT/gtuWOqm4PS/egflgJ6cA7rYLmm\n7vJmAFfLc0pVv7sEzMs4Iyz8MVU6WZKgFxEvtpdO8C3h9hR1yoOPM4pipYUj\n3kumnYf0oRE5Izfz7ACDAJLz8Q8gXMDQ4FNmjkw4VJuKR8YftOqsaXSoEhaR\nPhLwxfqJ4AAhxPg26oMt26UsAlYwA8iNFVUjnAUlOQqWf/tNs4HyY1nzrkEp\nA5xHFea3dkyPy3TyrxMwFr/z93H9Glxpa3qsIYQG45/n/0x8/BATVbHJTKSO\nd6ZAVLGyTTekiIKnkIor9qcybFx+TCORlPfluxgFMVw58AI5mqiu3qvX2SEE\nr5jEY2ytjIXLxWqdLzc/AwTYvPDAoe9E9BhxHwxRba9tsUSf1huIyC44skB7\ncMjCxVf4Sl6PTONwvNsIM+tT15dx5AzdYioI1lqdZoxJ5GLyMuMc2fO2J3Dk\nIh+QXoMvWwygrDN5YwJAJQmekxVGYAsoPM7wfl+txjk/HC3ZSYBTFhHhromp\nSIow\r\n=bCa2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.b349b5185.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.b349b5185.0_1606237711746_0.011341206331144438","host":"s3://npm-registry-packages"}},"9.0.0-canary.9083b7d61.0":{"name":"@material/rtl","version":"9.0.0-canary.9083b7d61.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ffd2bab85fbd40f286b410dbb31f9ef318f0a275","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.9083b7d61.0.tgz","fileCount":14,"integrity":"sha512-rzdIaWFfnLmEYaUXJ+viFYAZ4f7C7zdpxJ+hJLGIzF4K7FDJLldTcOP5wsawtl0qbniYhvXFTEY63JMgWhioLA==","signatures":[{"sig":"MEYCIQCM+OczFEAwq6BgwoiHuYKDDzoTiSnL5lBZagwL1Ue9uwIhAPJv029YkZmj77XbmWTPsjllMsnWCIV/EUV5403Zn/nn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvXfnCRA9TVsSAnZWagAANR8P/1m5TrI2ta8S7RButRvL\ntJ2OAnwYirp0CA3+nu/cO1ytl4nwIU1fCzjFBivl1uppnDQoZBBWwe60PMlb\n8pjdJ5s1rIjBfnbI4q7JT1WMjZfJ1gakM6xKzsRlYBlnfLcxymFKSmdsQmrP\nXRBO8oZy2AM9I0oZ+MrxfDec6P5zrMUYt3cBSDNdW5e38BqbzRvJcrsHys7N\nbSS4AJwDbZIv5qKmf5806FAFbAYYVqovPp6Bpdtn//Qwxx6CWSr28i1zBKt+\n9PaAIP7MHtc5/GGfjM+Q4mQsII00acJN9qc5Ag1eOyTjj+4z9Dv+f+hzy3fR\nCTcSRYlZ8kh0+hsOe1jcnnk09D9VoWLrdkNrx8YWgnrLnFASqnSv4ckc6slf\nObpf0kzaVh1+7B/9kYsYmmsLQvIsVBcwRl7UoDchfQfAV7O/W6SzD+49Fps7\nrILib3rokxqtOjy+QHyPwFV9oVOMhQbzTrIK8Xy9nW8zcXkQyaq2X33SYj+E\nyDIal5erJX5xbxHcv2e37G/TtE7ygTX/tB8o0PPtf3Z61NuUpFCI9TlH9d6k\n5TGNSbb9nZPzcwpDEj9rkuOTIQskpgDNEgV4kZvzgXicaZcwVCEuulexN0no\ndoDPPKKHNTtk4IHhNwyJFJwOZqcUpNQbC/dc9Xpb5Y6MfRgkn9rFFGgrdhhQ\nYKzC\r\n=EK4J\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.9083b7d61.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.9083b7d61.0_1606252519410_0.36912434840534836","host":"s3://npm-registry-packages"}},"9.0.0-canary.eff7b46ac.0":{"name":"@material/rtl","version":"9.0.0-canary.eff7b46ac.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e69bb119cbc1b71ab63b9b51422d8c34ab8921d0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.eff7b46ac.0.tgz","fileCount":14,"integrity":"sha512-wsPI1BvizERxn50y8tiygZi+CdlMOMjdsWCIGGoeFaHBx4RHbxH2M+bsDxTXexbuina9J2eCWoQV5zgzsqpXyQ==","signatures":[{"sig":"MEUCIGQTVy1bYVZ2+y8dMCkAPtI+eqW8hnVIlZUiAiKZep7BAiEA1uEmea4kxhRGBitSroC4zvquWQDkqqRIiHhsqhCHzXE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvZelCRA9TVsSAnZWagAAIiYP/RLxHI0Vo21pMrXB4Fde\n8+dp4idtOjZLL85oF1Cipk3Pz2NadIRKfkMD7yFysE1IrrRG/01ZtJY4HpsX\nUt7rY6wR3qAHWT3zWtKLfCXGdFEdP/IR2SUpWSdP48oC1BSLQGOZsK75G/SB\ntU7YXWxO+oHw9ynAPCQY1wrr+KSpp+mgVhwZfV32lZGii2A2t1xXyPmXWKzF\nmKqd+/xQE87rNYaxkLlkGKd6Qi5zlKQ6rR4kmyTbqnwdQJfQFmHLNZxM284E\npMAc/OxCR609/vbpZLJE6BfECURP0oC8rNwc4YCD9MBBRf7P8BtDAw/Nykxb\niiJdP/OQuyTQ7wd/nPv0PIPGBElqXeE8WFVJhpOziHyC3O1II50sWJ4okK2t\nPOLxlIvxUS1zrRKw8dlSQzau+W8DdBDMGblaJozwPQdkZj3JN9x55GSzTbBn\n9bd7XiGr8rY6xKfTLYIySIlKyWSULjB1vGgok27Tyb+1Utl9DO4sbWJKTQpd\nE/ex8iGVl71EhTw4F4VDJoMt9j3Jc53xnqF2bFTtdXY22/RcuSih2n3u+dEw\nfR7CfdPHOGJ2eEHgtBSpxD9PL6eK84zsEmmKmMmUdkmdJSRT2r4+zdrQ8jQW\nMUXYcEP7pbmNUBg9m3uoUyju7a9t6T7MNPq47AKN3x8mjSG8iYgX77lH/2z/\nRnVT\r\n=oTTs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.eff7b46ac.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.eff7b46ac.0_1606260644819_0.4882490917167561","host":"s3://npm-registry-packages"}},"9.0.0-canary.ae27b44b0.0":{"name":"@material/rtl","version":"9.0.0-canary.ae27b44b0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8b63357707a5b86ab917ce48e10bf7b6d86566ab","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.ae27b44b0.0.tgz","fileCount":14,"integrity":"sha512-yfEwmbHFgPbYv+QoQwlELKjeiUZ2o4Z1kBm7bkAbQSEww7xQFvJoui1aT8KNOp94aeut9+kGRdDorqg/2Y3LYg==","signatures":[{"sig":"MEUCIQCpvCqDIOfbXP5+hQ9D8OBMJHlfk1cd8EcgHRxP2jCjLQIgNhbWBQVlYOw8QdP+vsMI9434Typskj+j6XwipuXWs1A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvnkMCRA9TVsSAnZWagAAAUsQAKKR1bNfEbz0UHXXOHOt\nj5+apZBhfBifVR2O6VJB/QQwS+ZZm1gIixP8LcLFmneJ8L1eeUSqSm/fwIxK\nvCEwkZzd7aAJ1sT39FXwZn+CsRYsD63AoGCORv2YJ7TKtdGvw9V3iYP3EHiY\n05TlDCoIYNXgGczjMo/R0opUrVPw18HtrrvCfRKy54VJTGDXw1B0xN3o1KiF\nffq0M5whazjaCJ2YUu4MtbmkEr1AVXPvSefDfpTM5XVQQlSQcbFPHEvFdb2Z\nMHSpP1aW5jSK8fbDim9LxwRkokEtQ+v7N29wTTbuoAEtaChKPaCPAtEWo0vy\nnsjnvgsETopFc3/H6T++YBO58kXZIDao4TiGFggAQdIR3bACfmADIsiTG4QS\noQeDmFkFc5e0yyr9OuM9OpgLD9dhqtC4CkG00GkzvrQ/V9HhskPiJIUCmJJi\nN7drt2GdxAr6qnU5u6BfOTb55Ue+fBV6EhmULUXfyPm3B8bB6lUhl/rqQL1e\nt+I1LhfRBTc0AfzKyBXLZxxaaVt/rgmQfhE0Y5ZvIe2Yf5XKXmSYndi13fvB\nuNolrjhs0sqER7OsfeFlClyoIsicz2Brpz5St4Sv0Hj59qW/fcfBfSuMla26\nuuN5woqrWGAHEMzwuwFs8+ViN9g9ECRal0BsrIq+05G6vhh5sAr6nzpjdlRK\nn3jQ\r\n=o2Cf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.ae27b44b0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.ae27b44b0.0_1606318348227_0.41303870107438656","host":"s3://npm-registry-packages"}},"9.0.0-canary.2fbba2554.0":{"name":"@material/rtl","version":"9.0.0-canary.2fbba2554.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1dca8ce3cde8fe6ade29766a8f5754cc6f09ffe8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.2fbba2554.0.tgz","fileCount":14,"integrity":"sha512-kZnEPOoBS2cqe+3ib/kIzfozHzlbTcIqLh3+pSsGGiItP5fEWdoCSw7YBp5zpU0EOZM0R9H29wqAgk6msT1fpA==","signatures":[{"sig":"MEYCIQCCAWtgW8MNbDoWb0CXhWCM/ECw8BqBEAgAMROUxHRjEgIhALIMTVXcWupHo7Ur318VaAVVNPwUQ4Rwpb3GY5LqAtlG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxS50CRA9TVsSAnZWagAA8P0P/j5wGcBo2gaiu2raBgmA\nGlO4w/4NqnV5l8sPzg4OYS/gczTXf53ugPJpQ536NVl311uuJ+6lDkPiG83H\ngDb+kq0I+l96Io54XPJmfTdBQUH/1w13L728ON9g/BmKg+PYYQtH75HoFPF8\nA3IkEzlgGboq6MCGArg9qnvRLbguTIoWm+P/FtMXntRQHqhOVZKnrb0J2gC1\nbmYh/VNNtud7ghpLXhEZ1vBmbPO+18hh7M5n/OKfKYhRrZnikd6cHwd9jw/g\nvyBOVdBvfmWmM3gYxjGRDrRYdpb1V+ATykKeu3tI6L9NxWSrU90qi1QIpZWk\nWeI8CCh/yJY82cza50uMUxVUtcmdhHz8YUd8zw78jKHs4NtCf6ujr8yk+Isg\naKD+TzLVyOyKQBa2E5l5Ia/z5RcYvKRrA+KPSFQBOkmYJtyNe/vJrf8rwY3B\nUGqBauS9CyYA+aKAYRZGuVqf0wNu4cDHi4exmrFzDF813L6wu13QeBR5wy7P\n+hWp5jeVRVEgm5RGzycGeD4i72qBuQfuyOW6IwKMSp/lSBdmscOKBI6PlD9Z\n4chqTag8BGfyF+qMrDC17FO8eLsBxU+MPOhDzlP8wU5K39vlXaXHs2I2Je25\nmcpkohC/mB82TmH5b100uROhK9ZbZbWpQUkqbpVKrVDQkeK2QW78zEWlFju2\nvFUS\r\n=DbTE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.2fbba2554.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.2fbba2554.0_1606758003613_0.6682596740071152","host":"s3://npm-registry-packages"}},"9.0.0-canary.6d8574fe1.0":{"name":"@material/rtl","version":"9.0.0-canary.6d8574fe1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"49112a3e91de4db801b9e646bfe86ade984264f4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.6d8574fe1.0.tgz","fileCount":14,"integrity":"sha512-okjOzvp1rLviE8HDK3fwsFMjeXJygE+JbRcNPmbOpffxC790iHJ6i6TAY5bnf40hEbTLyySbhwaT+JaNnymGYg==","signatures":[{"sig":"MEYCIQCX2lCCtIawa03udwj3pdlXYS2Es0iJ8O+vkZ8baJGNhAIhAL6cP8eXPEyktoIlcdSUZ6ntm2zS2xEj7gfVOEGH6mvz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxTELCRA9TVsSAnZWagAAm4kQAJsUFfB/OIWWtAspVadj\n4LxPZFAWTc03VaZuyCrAjKAX0ICIzobyIur9PzLf1Y4R9/bzEPxOmtUPOlrp\n7xsudU/wjerTx9ru9kBPsuHFcaRtU0J7lNilvNvEg+mM1zhUQMPEHr9VJbaQ\nGQ70ri5s1i9A35rIHOfaRdzq9ckgCIcPfws4EYlFzuZwEWzazGW4xpMX6bV3\n8hAcPIBV7vDJ98sMJuW1+76b6XDAmyOjMiUAKTQ31dKVr9lMG9HF6eHWM6Sd\n5ymNQsmsHnfZcEBUU1zZATDqKu0MdXE1XglHjeKEiXte32ZrrqTqLjZJRrmB\n2MY8BYKDPGj3OK1T2kfIKkdCy2Jcg6XgMBlYYfYYH7rA8RxiIx8Pl7vgGhLu\nxyGoaLrNdH+yQ4E+IUkuDmDgLJLXtEqyapWbnJERmjF3dcJKdniW8kh36Nkk\n3nxbvOdIqPuvXfjEOuYap+GXlFWX0TEn92NxRWyBKxcy+C7BObIsiCFnvGJP\n++huUAqP3eq5pYbb1ns3pYX+21r4ZqusOz5HBq5Q8HIcewvdUh/I+P+ogmqc\nbW80RYkdDkOe79TJd6cmbpuS1IvzTdFtaE4PRRFoVzj5o1ECoUBGAiq3E/78\n3GKUSdLb4COSNGdrQDenDhD6NlBU801QADZffOSSM1cKNpqylEghxIV/Js9v\nIk7T\r\n=Slvr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.6d8574fe1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.6d8574fe1.0_1606758667151_0.4682682986640294","host":"s3://npm-registry-packages"}},"9.0.0-canary.fd22355f7.0":{"name":"@material/rtl","version":"9.0.0-canary.fd22355f7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e88aee07cdefd1ffa1701105bf55667ef57237a1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.fd22355f7.0.tgz","fileCount":14,"integrity":"sha512-mR/RVSZxJVIExXG4fxs1bGbuGH/cbJQTn+zam8MHfTECcEsnF+oarOGKdXpfMMlUY+eLAYrFR20T0F14FrDJJw==","signatures":[{"sig":"MEYCIQC/32HNf1vgkFNXo8JbZrXqoT05yCGSyrXf8fZUN43EUQIhAJktnuEVBLSnRVe74LwzpLEb3ESGoKE6jHbI+uqjO/ON","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxXlACRA9TVsSAnZWagAAdtsQAJe5SAoPDkitExXUXJ4J\ngwrSKSamoGGPgyOWgOzl4qpZmKMXzSRhxqbJo+SzSN8AIWBJlMUUjtAaXBWa\nPjWtcBC8HIgAtI0R1LBodnL8WscuYKIT85DkOp8JcC6eAB5rcuFTQGYLYA4B\n6/OaJwnsOjooBVwkxv753lhMALk0T65yZAU2hdFoE/wsQ5YkFfNX4t3TyFSp\n8Xco4wP9ujH5FVYVifhILx37kLub5Hc9gAAYFEYvTmlnN5Hv0ABNum5krl4w\nouXrBAeQHwsVP6YIx+VaoOprMfqMCk8UNnO23Osx1AtvVPgxdtjw2OpS+om5\njWF/C5THlspRo8y1d3M1dkY5v8hLnS98pUnbLpFo5ldiYoyubA09hrDDKOZv\nA/b4mavBzMiBQrcgMl+sx5CSdkLoRe+Hj955VwX7tSRTcWfmCHtxdqy4fPj7\naU3//vIhoPF0ZFqwYtWgG8A0CeQ8CTsOqlnsQvt2UswAOVIrY336f82yOA61\nnH3ZQqC41qLhnGjc/AinY4o+9Wdjbh9FX8WcQ2hHTM01I05j5w3qNVUkHtRa\nPt8PvlS3qtLJtXABM+LhmC07HmKy+IP7G4jeSkXfwinjB7hwaHqRooxtUYWi\nBtjlaIaVKBh9qrjZh24BPfcohugVdQ+22Xmw4T98UAnb2Jzs3RUZD+bvxe75\n5s3N\r\n=ShVw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.fd22355f7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.fd22355f7.0_1606777152129_0.9860596359868097","host":"s3://npm-registry-packages"}},"9.0.0-canary.c4ab98722.0":{"name":"@material/rtl","version":"9.0.0-canary.c4ab98722.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3de73b9ae902533cf3c1c4d5531d811bdf8a9553","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.c4ab98722.0.tgz","fileCount":14,"integrity":"sha512-tImkqVMq2t0uvTjEyEwt1m7BykklyYS/QP3LDkVSAIL29pAEPllJ+DDIg1vBNxr2gC3o4vWiQdR+2PCo1PIxRw==","signatures":[{"sig":"MEYCIQCG6hrZiwTjspZs2D/GWaZgAaDxteFRwxcIvmCA1EGA/AIhAPww2a2sTlN5dX6TuMfvpW4LyOpggxsH0h6Vw9/dzUFb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxuYvCRA9TVsSAnZWagAAY5cP/j5hrNyZVEtvShfWsnQj\nR7gBAR74eamxYii8mqeBgL6Su+ktiuOEBnw86dJCkHYyqP6IpXyvhqkLKo2j\ndvsV9Z/GDSeFXacDm3Sol1V5fJY1wH/FceyC/Sl8EZJs+gMK+dLWlnnN+Vq9\nnULyPZ63I5aiwZCAqSqBueYMUQ+v9/JGrkUgWj2dVlLhFduJ8SS7t/DNhNZ9\nbxQZCQQWZU4Mz0V9BGbTUzxvNwz6BNPUNQ/OY8ncu4aNopj4fZEAaoz10d66\nRHmRy2p+JLlYCsmxka94NJVTpJAIPQypWwdIQVPDnT0rPuumg2uwdgALWhcF\nllnjamIp5uzcOkeoMBiXU9daYx5qSPtooLUllVHza/3N2ooAFX2Dqa3ov7xT\n9jJtC4KJTvp00s2xpghXVlZJRWSwAPaNkv2pekDjHl/jtHyox/zgMOy/BLA1\nNwWAfS2TqmjJoWvzz+qjUOwXLjmJnxK0JBamFp9In+pRMliLfmHVc3YqxnLz\nBjWJ1Jshk2lxZqiTk+xm2DaH5hMZsa9V+FP07bbRbkQ3xNHH1ls2hNKJ2UNl\nFRTDiRClxKwkLxypXxgOyI/1M7ISMRoTrWG2WGGBKvaRTydzkiihEEN8qeAc\n8WCKYANsytPTHkNL6ASAz3Pqs43eUVlYoufAqsaknWm/lgyijqg358AhqKfS\nKyfH\r\n=mg7h\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.c4ab98722.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.c4ab98722.0_1606870574405_0.37642109963686066","host":"s3://npm-registry-packages"}},"9.0.0-canary.977585650.0":{"name":"@material/rtl","version":"9.0.0-canary.977585650.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7828731673bcecc52670afa7b0f201a5fb4927d3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.977585650.0.tgz","fileCount":14,"integrity":"sha512-7iWgoFzDLRaQhG3rCjejEFGe6ZnxiYA+FKnf7Y7Ya9j2GyWQyf0SzWu9uV25uKSCgP3tFNQwOps4MrHDPQ22pQ==","signatures":[{"sig":"MEYCIQDspCj5PMNNP43PXiQoEweztZxMEOP1xHPtJVVCm2YsMwIhAJVltijlE1PscfPB5YWu9/0pY8i2kuw6lQeHzSCpZ5im","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx6elCRA9TVsSAnZWagAA3wUP/jve3lShq6rUizNpFbqL\nHl0r7I/6f0iXsUyp6SOauHZi0H0D/2cOFVYjjQ91om0mq1PQ/NSonI5mKDqK\n1fZU/PM5WjIK4ba+XSPRHMza9M6ltAzpFYlSPWYMCp33Yh894RPhEdAfMPdC\nZ8UJfBlkQemReeUosuTAdPhOefEvSWYV2YkofjH4XTJVn0ZBmg/jcuU6J9+7\nl4VcOf8V+z/rSluan0xGmbovuXsswauC7dHvDM65/2xdmlFrpX/J75l5ygis\nQqlba1BEGvQhh/AR4g152JaF/YB2gPZAP32kkD+bR52kkhPNDbizU6AdMjjJ\n9SHVifodJtfHwftqT9Ld4dGk2Uae3kA7gw+PnknEtHZguRdUKfLN6AsdAlDp\nIEojGdCZZmNYCi0n+m1AKCVaibaSN3umxvAT+W/E1gvlQXtvBf5/f5OTtgeT\nQejMKNOfYaIIv6JJYfR0a4pR4FerJhbGbpnDFprKCJNosyKLhsfFtcqYEXCn\nV6vxYbFoUM6xtqbG1Zp16Ds7Y6wx+Xur2Zl76oxBG7geaPsuuPmBcTlYR6PM\nKB0rmM+5DVoBZ5kFnc1B5+LN6Wa+WIscVioJtDJOhYXEtdTeeRymizqIk8ht\nECONmLkyxzkfEh10bx/cCz0UTLGKs6xQ2D+XXmoaCvzHdP54euSFGX5SFSGG\nCviA\r\n=ZjkY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.977585650.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.977585650.0_1606920100514_0.31169043723288703","host":"s3://npm-registry-packages"}},"9.0.0-canary.c7edfc7b6.0":{"name":"@material/rtl","version":"9.0.0-canary.c7edfc7b6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"169d3c6110c823191eb3ad339716c15cf57f3e60","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.c7edfc7b6.0.tgz","fileCount":14,"integrity":"sha512-Us5bMTdOIx/ER9/aCyr6CFt5K6uSbRDmh+3Zwn89+iGvM8ryFR10d552/K65X6TJePLPScTPihFGF/Q4ECHkzA==","signatures":[{"sig":"MEQCIH0sqTauTJT5yJlB+lOT6vT7yzfszsFMCgaUhvW6dX4eAiBps33NuL0lS4aNyDG18mtbv6wquqkeP/O0F5K9bHLIMw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx6lvCRA9TVsSAnZWagAAoJEP/jgy45WEOAsrFI38naY/\nQWJ1/IvLfzLTto0OsE+tKucZkXoikcBqafZ3nbCKoFj6DQzTiB6h6nB38uWP\nx4jhkAKz3axv9XdioNVfSN7g8tp1/88NL17oFRb+vi3aq6qt/w3GMo2EWgjJ\n2er52xtm9em7ywqcuoM4pcIImDkR5K9q04JTVeTuiNFd9Sif0Ymr7mTuKmMf\n7NhZ0UOQyLk+yInIbPGF94QV/1r8Y0it3vwxVhu2HihBmG5Z9hTZxIZRDnyx\ns6hAXNa06J9S9kkjvKeKsBFumHx0wRPmPQKa++hPUe1u3oiNZTrJ7T0ydDcC\nqYsHjyQhGKGEOTUAajmen965K8S7qvPI/EG6pVPvFiVpWevm6Sg8lyHbzxyl\nYZVHk3HeJgAdZTYBdbYwjUXezCWKXOQDwfzAksbflXYXuu3bQB406/JuVac0\nGelsT1EzHmKFZOVe8XlOKhRGB0m0LW2pL/4LDRDtDY2j2Rdn3z0zulCeXW0O\nNMNh2TgrazlbSYsnd4i1PdZmGhGI1EsIlH5grIlECSUMXnmvwPLospncx5cb\nOHIIEp2sxiZAvz2nFBvvCRTXSU+vdTOHrdK7K9NCz/SWKmiUaKXe3qprwEV3\njglhUH/pBtea00XFj2yhAPai8vqXUP8iWQxeZUkogQa6GCgPxoZO3nb9nLTC\n40gx\r\n=5X4v\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.c7edfc7b6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.c7edfc7b6.0_1606920558870_0.22564992812350781","host":"s3://npm-registry-packages"}},"9.0.0-canary.4f3347306.0":{"name":"@material/rtl","version":"9.0.0-canary.4f3347306.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1a35256a57bbd782b92f4051d0c2d97e79879a8e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.4f3347306.0.tgz","fileCount":14,"integrity":"sha512-gmqD93CKyeo3WYigBRDOs061xxe5sU/Ihljq6YbPungPI/nG0TYtZUEc+62ZJy9sW3DieVOyrpK6Uxpd9Kd7fQ==","signatures":[{"sig":"MEUCIFKEkyFMH+7zYAKG4g/n++ww4CS+4fOM29kSx3XQAkBJAiEAyoy1xidwhYV+lNPxZjKJGroxx5HmNHp5SGRbqbxk99U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx62iCRA9TVsSAnZWagAAEEYP/0GGZa8WtYVdMg0AmeH5\nv1o0X/FS18vz+S6/Q21ckhmDeIZoAaYD3UvmkSpCWefP7//gThhanQ+Vbl1N\nVfjpLnZtAf+a1tsfQOdXDUmKpaorGbx7ASH4Yt5XYGD+jBRDjE7s9Zcfhcvi\nWHoKHuPPIdfEikOUe7eUkjmqdibq1Lo7k6VnFRghSNXqAfOcKllnUTd85nFP\nl2nYOOGhg+POloeiTSJzjGJHKZTVr+AG2h9tgWPHtZPPy9jKoQGt0tPTxxYu\nP+J1upH6ImgRwkqaj+5EEXsUma9eA1Dag0/JkGDCNMyRFR/0SWRY/ur+GK+W\nUzlespWvFAzMaqlsQqQggPzZ7hewQYds+gWQvGwqBrnngDNTi/89V+M57eFt\nC0WB4adzAuXzGf5PfNG5+kr9uxWGAn+0AZuqR+AzB+oZ/l2kwAZkIK8YdxB0\nZWBsECc5rPFQgvSAnOl5vDq1YLUS810JCB2F8PFQH5H8QRShCKaHAjOuYEfe\nXM+fLR6vavP2uvX4L7swT3v5Lz9RgJ+ZWvgwXU8C6PxZh0sJVTxCzmjWi/Q/\nn2JPJULpCZ58L5MJ9/OdKRUPowVILLAlenMWiVHUAt/H+KdFI6ZprvclR413\nlcFPpfDCXrlUsKAdCfEA09jKxAgkIjaJkfSS8H1Ep+B50WQeDRwE+PgCDpwO\nuXcy\r\n=oni+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.4f3347306.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.4f3347306.0_1606921634252_0.8239791857042666","host":"s3://npm-registry-packages"}},"9.0.0-canary.37fbae10d.0":{"name":"@material/rtl","version":"9.0.0-canary.37fbae10d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1ad2dccd13688d819bf972ba0d5c04087260b7b5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.37fbae10d.0.tgz","fileCount":14,"integrity":"sha512-fbTgVul5snV7A1rvDBmzFGrmvEvP61xVtWu2fUaWz8Lno9jVfzV0gq4WEsD37Vxxc2Uex5ppWjdjtbmV4rV6Ig==","signatures":[{"sig":"MEYCIQC5qA0+7ZS4D4yOy/KdG48p1oWp+2YCawnV7O3vCzkVdgIhAM9GA0pKw0jgV2wYADiOevqs71AOdTun0IbH93OsaB7s","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx9noCRA9TVsSAnZWagAA7uUP/0KfYuOAwjvD7t3ejuZi\nqkdfRQS1heY/ZTCrHVZdi2UiHVdcuE1WLrPG4y30EIobbIZxXZthAd2BhxaY\nmEZpM+XXLipYrfUwNW8X0jR+7qEl3XejtLuqbmDT+/06L9x0oQxDrqRNHSxC\ncN8P/bX9RqJRlwSnQrPbUy2WCTd+Z6DlvSh2G6TKK9yHSFqAyVmqfVpf/cS+\ndAZyrglOeqKsiOoRJKxEqdD/qmxVRMIkzBAE1xiMjAukdPaiNcxAqfrYryR9\nb5i87kaPxWb/8O/vUj3a6xDaYVTDBQp2oFhKGFWolb/TFhW7kutLTle1xeXG\nFfl7pXTHrM23bjyQHhv051whTz1hAvZoFN3fPOhTIa4zHfxkAM3t05m+0Tbh\nX68rSho7k5nFsKyjr1nvq7tk4Z4Zv0PGqizVZooVsNdJtlMm/s7OTTq8Z+hy\nxZzVdm0rp2OASJ06iDdsrbdw2g36+xmLEoQOlBwUd0fFpUfGtgFHkjxbSdp7\nop38+TyKSnnYW/t2fggRfrlbhRpIsG6fn75xevk2jryOXBs3KSTfuiQOt8SE\nc6MIFMASgZ8zDyyAsXr08Iibt1ILU22RWYeMiWAzEahZNwK6ZuDWplBD1xrw\n3ev+7TpmGsu28KbYHOuyQfVnPFZtTX1bNl4+J7b5djaN7trYUtSpUietoY2y\n6UWP\r\n=1r+N\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.37fbae10d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.37fbae10d.0_1606932967872_0.3411756342118575","host":"s3://npm-registry-packages"}},"9.0.0-canary.11da3c0db.0":{"name":"@material/rtl","version":"9.0.0-canary.11da3c0db.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"78e5e7f786cc6f5e4c37297ca6015e648a594662","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.11da3c0db.0.tgz","fileCount":14,"integrity":"sha512-+6VxV79wv4m3T8yu1NSsrXHHAmRn1RUC7h7XlK4bT54tbK5p0NOxYMhphC65hMwrM6jFlC14wVwVYgtcBUF+HQ==","signatures":[{"sig":"MEUCIQDJsihZ8VwNl8nEfx8GGnqnPMCxQku0+0uGv7+Qssn82AIgfjAgvys30UknrUgeUBrNL2ayARUpuQpR+8uglA4CCPs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfx/dqCRA9TVsSAnZWagAAttMP/jBPma3VE1d225cA2pai\naGEenYtlAO0shjOPxBL5eOCX9LK4pRpQgyNz0toAWCWsat8iNvEZLW6YlKwC\nxmew1hymUyj4KqLgV4azv3lPwJ1rHVw7nOgmRc1CSUfnjfD6cYwu1Go7tvJa\nEzsMSGyeasGp3WecVy5K+18p4oGjtZGnhbgs2cYD2EVBQP/VA/xhWpLxRVCv\nFSeWkPkUhZc7P85Wu/CFTNfhRzGhTrxoqJ1U4ZHiVOUP+hZX09aEaQ0erhJu\n72vKeXlQaOqGkqt4SvE/awVYWT+mxc3YupOLXj/kPkZPH8ps6W1bZNepQkp6\nGENMXoGedYjUTq0lhRLEdniJchmw1+CnMAECnWNKxkKfJD121kUeuAHTezUY\nKUJYaMzNzzS9wmfNlfSl3a7UP+gsNQQKy6vP7kzl6g0CTvZGa1UYCNrA6YNz\nh5dY1sD0g3uKG6i3Z0lJE2wsfA8IZYBSn29ktQVFbfulD9+zyZ4D+5n/YktF\n7fAu+piyZRQxw5d+J9OGsgQueRObz9RK2y6zpxAGVNH8xPS1FVe37MJ6zdvw\nld+vGgnHs23wCQ7cOmDPVmRR3tJ7Uw4ftJ+8sHBAtV+AgzvluPgQAdcVVDoP\nUAyKRnVaIC+6zIsAAlHqpdyEu1VMo8xLCWxZb7Gx8l41u1mxeJGCuSzHg5Vq\nIo9b\r\n=k8jq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.11da3c0db.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.11da3c0db.0_1606940522062_0.33349413527074967","host":"s3://npm-registry-packages"}},"9.0.0-canary.489d4c219.0":{"name":"@material/rtl","version":"9.0.0-canary.489d4c219.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"43a2c921bc5437105590fbe1443c762cd090b9ea","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.489d4c219.0.tgz","fileCount":14,"integrity":"sha512-zt8GlOd4bmDwa5ORn5JMLguITMtMTT1kfQ8U7KErim3Ssc67mo/wfuij23AFHbxSjmmKBBc81mZZYwOkWdFxWA==","signatures":[{"sig":"MEUCIF3k7UxhHZ/mVaE3i+dksrfbHuledC8oBnAIHtr7bXmRAiEAt3+cxZk8nMQlguuat7iIlofEExPGEpYZeKF7dbclyz8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyQRRCRA9TVsSAnZWagAAy9cP/0S1Y0YPZ9LAGh5sJ6tY\n6C23W+ct5zNIVs7p6mBj67b5c8BCNj3QyTHLu1WQbijOLksBBhJsbWM2+GVT\n5cBlU0qCxlyY6PTsCDcHP9JQp4sDyIFEjEg3i72Fpors9iSRs3tEcDtI+E0P\nG2KRzKFt/TQsZSwpBzbAceMUYl6ygMIV3U6KltYJ6vL7CeoGZy0/UtIg0TrK\ns0mjD4InOj3ltM9eC/KVm54zWdJ85buux2KAGMCfyLfEoceze63slXOJ3zKT\nx7sdlgeV/v69Ut0aQ7TRhIZws6j+X8/XVOdPQnhhDI3ATuY6wRdv0XXeVTIC\nODBsTyhvQiQIF06z/B52lyrSf2BFnpE7UCpCzvnzTKo6lkEM9Dw6S/3M3sZP\nTLOGKpHSPWDpCDiJEkSb6bRKLvJO08tbu9brdOsOS676ec9upGoMTGTnNDgT\nTf9XuAbRzjO63ETyRPK1OC2oLEols5U0CaWRR4jfdMl74RmeAWUxujJMoUIc\n6yd0JSIMuwKnc45WBOfBNhp05ON7bLGkvGVRAzDCKYF4DhypnqgAfG70R+ar\nT1Ra0t7Y9ezC429vs4kccVnwIoZKrypJTPQL2gz+IM3arpjyNhMexy/2c1el\nF7s0umwIItuLSEhZRSOAeqw51RZLMjqsHOWgFtHgzQst2PPMKZrRuYigMELG\nF+Ix\r\n=VOcq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.489d4c219.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.489d4c219.0_1607009360887_0.016212620257951338","host":"s3://npm-registry-packages"}},"9.0.0-canary.6557a69d9.0":{"name":"@material/rtl","version":"9.0.0-canary.6557a69d9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"58ed9b75920fe6968b2c1ed65a582493595e5939","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.6557a69d9.0.tgz","fileCount":14,"integrity":"sha512-FLJ5Mv81jbipRLpL0jjL1lms+nwZWrdQtAG3OwoJY+keCoPktuXIVh2PB2/v52ajAWoOELQMVM0QyitK1VDTAQ==","signatures":[{"sig":"MEUCIBliFXv0Azy8W8UZ3LCzecazldwNmcofXMMzZ7+fnIHgAiEAzGq5svgVh/Yet+hKKC900que8fzJ7p6/4YzmgXfjB+0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyQcaCRA9TVsSAnZWagAA6IMQAIN17PKzou6zVtr5gFYL\n7zXUk6dCBLgptXEbPrIuWSOsJx/Tlp5WTu5ytI2YpiTN0KfXINx7/YCPeNYs\nGVuEfGobCso16f9WvmAn3e7OYsZM0vjvFYtQ+GPwK5Dy6wZmb4G1sbbORfkx\nGGN/5AHIi2YBh7jfKNfRveU77FkbhTCKt2EcovWhR8MJUjqAwp4qKaTtozI7\najgtye3G87mYBtr7v/tMgQgzoTm9pxPC3ASXKZU1OZUtF+0cGUhaep2zN3ya\nHT2djYRkGq2W+nCzgieSf1i1qOYlOCwYFSblJ1aqlw2nJUdBqf1cE9crfTf3\npAK5uAE+XzcaN+Cy9x1QS/ObYcUxVeJlJjqegmXk6Sd9CLCqkrm7P5kvR1Se\nWMbb8UYnRq3SbHVWBvW8w1Fiej8VS9uFpg0uUuHkGwwGt2eNiurmnx7s4aoz\nAo4fqIajx7jTLrlFgxhvnJbWl0fb80AgzXaKh3ARxAJVYRfOoMEjRJ/OkOJE\nKEQZ6DKarM2TLpTX/nJq7lpxZ9pocb79Cly3LhLrylHmnkhY2G0kILyRaSwp\n5Nm5MMTe0DPL29KtGxs2l98josAdmZJWpPLuS9JxxruPnCeQAYSgv0elyjZU\ndYQSa7fHvdUEmB7rUN+HEySl8Jt+FU7S6IKwC3v8Axr6WxcPpbStOWoo19fj\nqNHi\r\n=HnR9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.6557a69d9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.6557a69d9.0_1607010074036_0.8045033451167833","host":"s3://npm-registry-packages"}},"9.0.0-canary.4ea1b7c69.0":{"name":"@material/rtl","version":"9.0.0-canary.4ea1b7c69.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"80aee4d4216efe017b43674c521760e4b4978ed2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.4ea1b7c69.0.tgz","fileCount":14,"integrity":"sha512-uxXaVIczxdU/SPKLreaXoF28wVg3TsXUsva1F/DZ12IPfXetdJ6Xut6VqROnypoKkdpB/ny+2CwpmsMTEBgOrA==","signatures":[{"sig":"MEUCICF3kJkO/Cvn8E1dvo7MzJbmbSQrv3oNxHkzdJ5DQufTAiEA8pln7pznFMwcyWBsnzv7FzYChmWWr0N3re07XrUKJlI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyQr/CRA9TVsSAnZWagAAn0YQAJAkRFjmsLyTwWToAqru\nxbVMTmxI1AyBP85X31cKDPDOy4ksTmzQDkyATuVG2OflWo7Hzcd8oyezCP6O\np/yIvyI//VDpWwybpoRt9NRj2WR+bhiZVSVXjBee0+h4PvnC+1NC4OwnOOgA\npFHTQ0/5TV8j83M0jBwvaRRvrWxbYjcK8ou4LiUPL5jeCcLaOZnGa66njcbU\nveT1eVcGZt+VvZPkTnyAWMtKz5y2U46GiofI5gfUWNxHsoy+6JD/mBp0X0zb\nBtL6QdXVr3YQ+xK6bvz1SGhFD9SjdPwgiU7/LHFBjZ3M5kT36Ln3yPBLDyDn\nJzaFCSMfbwwpBT947JopL7a4L7tJ3lIRo1KFT5HUZGKFNyMOmqowDRDKrANH\nZUo5m/dLfhbepwJyxTM2+mznGYV4trG+YNgXz1Dog+0qSuCKfWAhzTFg3qBd\nL5VNOGS90EQ+WOD7aptnlWF8+imgcw9wjdpWjZWP05LzFWkufE0iXubkhscz\nHQ6Q4b9hy+na3+RL+6ae/K2C7OIeRcssraa2YE2/vtdzlEko6bGU3Ow0yqzR\nOh7yinPGMozyAYIGtPFLmSk3IOMREyx+GgN1cTeB6ej9Qs3+K5zByHVjwWAz\nz/yffRVRFNhQ/wOztHDI8N7UR90SC38jjNvZmBEDbQyrtmHoSR5mjhwgIF2o\nSwwC\r\n=QErD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.4ea1b7c69.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.4ea1b7c69.0_1607011071287_0.18991328282190167","host":"s3://npm-registry-packages"}},"9.0.0-canary.eaeb78ce3.0":{"name":"@material/rtl","version":"9.0.0-canary.eaeb78ce3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bb6726c2b6344711643a708605ec8fe453e0dc80","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.eaeb78ce3.0.tgz","fileCount":14,"integrity":"sha512-GM7++rduB5pcDP7NXbbMzENfH+6HUWgsuqZnsDcufFDNVHRiL5pcCk2pmmDHHSEfmEBFyz5ZLPWATuCy2JObuw==","signatures":[{"sig":"MEUCIQDFY/OzbzmPmFj5D9L/Qb6FH6LKwjjKyb3ksWCeMHC32wIgO9afY+LOYmtWaHpLC2xQmS5DfH7GOchfCcAdNDMkMiU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyRnLCRA9TVsSAnZWagAA8tMP/3YWr9VbuVIdHq0M/Twc\ntJsYRI4hFbo5u3wAb9LCbulhdCEA8VZg67MPF8caQqbyr/M+O+YF/yIvwc71\nEBeE+4yTDz7tGtCPUfqs9HFSqbMPPt33Xx/AGyjOAodQ/e7b98hrG8vYV6wD\nofvxPVWA+ddmJJA1FOJCTliVhslMSeVfMCCd3A9LDv0X3wBaGiqQ6/8J5cdF\nlrprhuyrUXasVQ3V/Rj7GOOoMIYq7n4oM5t3YM5ektdqTH9MQ8Ocrvuupn2X\n/Nm4+ehKKQPcEyp88lAdyzPGHWJnJG8gT+p3lNFSmW0Xz09TevPg4TJ1aPDl\nieYmfbZBK3mfNNvXi8jgVI2kuoJI6H+12ys44B4vBAsIflC+RN74g0amQn0P\n4bepqfnLfXHRVBK3maXsQANXcsPJShQn5pfXaGrbTDbncfbQur00zJkfyTAx\n4nu4lxlGAMRApobHTFfP4L+byi0LgUJ8PWNpyXIjZI4O5JVqAxqsnhM6h5vi\n3o9gxlPPUCtSPmbnOmvnVPiEUPNAFYbXhxclvGdsQXfW1iwL1gv1KT+wSuKR\nfhvrOvMC5bjWT0WCvC54VVLSyLbbMn2eZabehb7cFYC6Xh9OdZmrZu4GH0gk\nEW/x4LoZChyVgy5+JXClH5RRDzih8IcX3KjgblOJVeUwB7BYET4Qc+yu2aOO\n2ULV\r\n=Bdpa\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.eaeb78ce3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.eaeb78ce3.0_1607014859328_0.758978988031666","host":"s3://npm-registry-packages"}},"9.0.0-canary.1c156d69d.0":{"name":"@material/rtl","version":"9.0.0-canary.1c156d69d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0ff1f89f95ea4c67f030e56ce3ffdbfefcea225b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.1c156d69d.0.tgz","fileCount":14,"integrity":"sha512-ICx0trLFna0M1Ina/1Nat9aSiB64o7VMs8wyCcidX//n7qFDOb0AtU9h2IB+lvX/UmPZVsDAoaL8iVm6RAqygg==","signatures":[{"sig":"MEUCIBcxHz97c9gMhtWdTh0lvEvVq3gReOrZ6zYRD2GhEJDAAiEA3Q9DfX4YXQjLBD9FqpVIFHXKG/Vm0arfcTnDWPl6+Rc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyU4pCRA9TVsSAnZWagAARsoP/j0IGne0mrfh5cv1DdMH\nffBAWLhTzu5LUWTLSNiU4O7ECn6yknYSZPvCF9DcCKGQ9KgidVZIvDZeFTy+\nqe7+AYtlelpH1gy9zZCw4OxYhCccXxzsvEE+euEGZWt/DgAOvHwcQaENjn/k\nA0bbvum/bVoI7Zm/5FXP2zQG/yAv2ol4GfZGqapsxmmxkW69R0BBKg/qCXLE\nDLhJ9mUYQsqgROZDYYyGpVqzNxvysRIuFcZ+SHTZyHkrTDRgKenlJs3yOKr0\nOIt3VrEc6k91av0do3RP7IKl/Tkzz3RdvUjba7sbeNMpjtFxpEGWc0zP4Eig\n90qmN1pA40+M46RjNPkroBNvIA73F9GANcb6XJq/VuLW+MEy9URupN0dOqqR\nZ2Yut/nMoAfxJ8/Y4ELROdVVP2wrIxQmAsiFQDe6XRQ4Ug5VWFVRprSkvJ0B\n9O1vrA4akw+0EM0LDvxfK8lp1fvkwwN/huGkL0leIvTySKhMaPYGbbJ29EKf\nraV2tnUXi8yksVIl7Q8KVd6uzOoGSpfDNJ4Gswr2PG1W86od4gbNH+W1b3VI\nIikUiiiiZ6eSNGz95suWlkQQCEdnTx0IMXZ7gEXGF8YBM9PFAAhIHrEX4J0D\neIPoM22of0iYvFutVB8Uf+wr/pxLduXII3AjLEG1WxpuFDVsyUmX59Q1UwfN\nfSJN\r\n=yzer\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.1c156d69d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.1c156d69d.0_1607028265019_0.33079742587803906","host":"s3://npm-registry-packages"}},"9.0.0-canary.832668d33.0":{"name":"@material/rtl","version":"9.0.0-canary.832668d33.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ad27dd001be7f02bf64c49893ec1de6c0340ca3f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.832668d33.0.tgz","fileCount":14,"integrity":"sha512-F6VnrPy4lRUNvr8uhMIJGIXqosbzJhSfqCEXlc3uHzInx4AbJF+tWamsCUGJ+Y1Y0qdxwxQaG54nXk+h+lDAGQ==","signatures":[{"sig":"MEYCIQDX/zRlAPc7F7N4ahULIWPEh8tENXTVSBbIUWF8oJk8YwIhAJhrcQ0AJMqAgJDBcfSFRQaPZO/Lnd5nRHAMvPd7iQDJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfynpxCRA9TVsSAnZWagAA4gQQAIa0s+H4L3PUPcdD5zDa\nm/HSjotL1co5cOCumXsW7ZMjYy0jNwccc0vgiLkJg38wt/Ut2YPDmOkE8GlZ\nyDXE8oY9hhhyRZRR/9AjexUq78qXVmzSJDQ5S/e5YOt9Yk/aoCRbJxNIM8wK\nfpVEkFNBfNebkG+ZpdIfR3TPzgVnLEmFBZ6kMXEu+gPh5kZs+PU8V+CQPSGQ\nik4eWAX6Buu/pb/0WfKX9xgIdrBHjDl/aQ7mVHOc6QHidKGSzr6oDVptQ9Gr\npYs6kvDhql91jB59+a/N5G3D2TDyuMr+3QKfLP235dsXhR2beMuoXYMJCUZ2\na/gP7Hm6WACTcLvEDpZzRQHGUWLjrRu0SePVXlU0gK1F5aXucuji0Q/fdvPu\nmS0ztIAMLwU8w6aEXUztRlpN+vxAq7h0rPR57+9wm2k3zdpq3TT5P0xdlXpx\nNTgHzmRqO1+QvzO+9KlGilqq6B3JgZ7JcDsXHxTihZQ98ugRmdtjGvMkiFEP\nPCWYRRtTDr4XYcAWMb8PdZy2RragY/KvVO1drr0feQK1I5hn5YWosL3/q2L+\ntb8vS5e4gVDaMWOpRCoWFHR5EnQlOO94iPQhvLLqzArqiSK9vhrSmA/rKxoV\nwEMU3V7jeZ5lKl9M9VQl7l7lEcYJ7ig/7mBOxUtUzEm3B4G/4BsJPwybd0Lh\naIUw\r\n=QYrx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.832668d33.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.832668d33.0_1607105136514_0.34201095091731304","host":"s3://npm-registry-packages"}},"9.0.0-canary.4321323e4.0":{"name":"@material/rtl","version":"9.0.0-canary.4321323e4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"32bddb0f3847ea302a6d39ac182698aeafadd831","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.4321323e4.0.tgz","fileCount":14,"integrity":"sha512-YuCGGCLf63hUNWqe2qB8/lWecR1XfoLNHLKqfVQWSMPeDxPPeW1BgdxvCWugy+O+eyyPOYPAx7jevOi/04Z1PA==","signatures":[{"sig":"MEQCICnn9p1k3eZb3Kwrc//bBE2fLKqVHthgSsc3tjtILIobAiAIHptuhoaVvLPV1N60SnNtD/wby/lVASFFUss4J1gYXw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfzhHqCRA9TVsSAnZWagAAL4AQAIgt/3QodRHXoF+Hf70u\nsQOJ49M+gRQxK9gbST4x89tjkJ8kzmrXMFqICgkyOrb/DT4KYaNF4VBo3bkL\n1n+hSCmYtbtw6s4Nx3zmgd/v1tYlEkflJUpmVyEz/QrNcQYtCGVFYAzQqgaN\nWgGxCk7iVXdBI5czQH8y707mt4JIvSn1lOPR4A2oId0y8glIFjeJCdzphyZz\n2mLAVk8ZhOPNtP7N9I0MU+W1qqd9PSHRIWNLfpzoQxe4YXaQ22sShbMkBmbf\nhV+wGlh88ZneN2JniORzIsDM6HJt7n9VJqKez51EdcaueMItFyJDG4S+KdG2\nGVE/bbpBWsYBmBUsj/O9Ja/+RKoiOc7arQ44T7Ss6uF7aqU4jJtn+myAmggm\nW60JRCnzEC0EX5Y90ZVj4D3rJDz0HucRW/L6jA2KaAjHrMciYNLX3L1av1zA\nd4mcRPW9eUOYZIykJJsa35PSVJnFGqSI3nKmJymhSBKL+GFrdccget4ZLg5M\nLBjlieEIwH1IqiwFdSK4C7QoBiwm2KsYV/HUjjBGpg7hsLKICFhuX+EiyK0h\nl8/UfKCU4SR1VkTo6kc8SyTTRaAAB8rqZrMIQJfTU8vUIeNRpcRGQ+w1RXFa\nodzqjWu1XzYLs/FVrS4f2qUPxOsVI/JWLnGQPhqTEnZSRBzd++Qsmxg0WVUY\noUD+\r\n=97e7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.4321323e4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.4321323e4.0_1607340522239_0.47874914866421814","host":"s3://npm-registry-packages"}},"9.0.0-canary.2d5f32d41.0":{"name":"@material/rtl","version":"9.0.0-canary.2d5f32d41.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b796fc32310c0fd0d639992610cd4e1a9b2aa7e3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.2d5f32d41.0.tgz","fileCount":14,"integrity":"sha512-kHcy3TBJHXPaRVp5uHlj+rEdwD64pAtwD4LppguZAi+5mkt1dIC76JnvDBib1aqaMX7h7bKY9DA9laHiQYmSQQ==","signatures":[{"sig":"MEQCID6lFq2BnM9D5fZlQgVsx8BcWLybX9WooGT5BCRgu02uAiAMznMVc879ck37IpcpWnu0a7PbDVBy7tL7lx7Tzf70WA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfzls7CRA9TVsSAnZWagAA8EYP/2i/S9MQWObqxw1TK0HL\n90rBQ6E61K+nl5ADcKoT2ZL+m3CWOymKc5orM27YJnErt6qlDKvyudZ/MsEY\n94N/qiwqmY1ytA+PtAQjx5DP747mnENsBr6O7wzcR2FuI7BNF89oF8Ph3gFA\namoeoxphPo7WpyVJdGqvdi3ZxX2ZUseqd5teoY6LgbYovPwXxxMo5uwzIBNF\nLxNjz3m6cPUa6vYKkwlB+fatckO1S312XnIf8Kp6wKz9uhDNboOiHesQHmZm\n0ERgUiKvcTJPq35g3sZ9aqRAzwEKdJmAraipmiBWiwH9Vj67tsEvxSq68M6N\nm+pzJxaEH1AKx5wC0STkOldcN1cDdsoRBqO92T+gGO5igj9JxFty8sV/vcW7\nEXc7UmFb0pOJS1PdBemjwzsCN7gR4+8ub5Ct1dlkwfR1uDcQs4JDmUC2jgDa\nsTqKnwqkKGk8xDTZ3Gs+feQUf5AN/0jsoQqORNJZ5F8+HPu9CizMRXLN1Tql\nNUZ1LVDlCeylJ26VPH/PTuLHeSYkB2UqP3cvnDDJeHv+YOYOlL82jUc1lr2O\nx/kP30LN4OwTRSPvDglPn9T4UGXBK+VfQR5UGcRy/zt1mR8XWF/XTbQCRspi\n90gUy+5cVScV925Vaqvs7hSXeG7+XrcZi7x/MbFOed1l0Cqxr6Ayjkni8J73\ndNdF\r\n=LF16\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.2d5f32d41.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.2d5f32d41.0_1607359291038_0.1466828349052165","host":"s3://npm-registry-packages"}},"9.0.0-canary.8239afc64.0":{"name":"@material/rtl","version":"9.0.0-canary.8239afc64.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9685c4300a60350ec37e445e204ec6a43364b84a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.8239afc64.0.tgz","fileCount":14,"integrity":"sha512-QebQqdQfbUJnIZoCQWI6P3CPGkRH8k9LmxylXfrPC0TUo4liJJKFpa/vK7rHePKcloHo2SWUCAfJlqR6lbgPzQ==","signatures":[{"sig":"MEQCIAKlgKvj19uTaH4mFwDib6PkpWrb+cluhRXuF792aMOKAiAvw5OKX2KJpE3iI7M+W/GXFz+S0tPkGhlT0OrI7x99wg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfzoc3CRA9TVsSAnZWagAA+yYP/jIK3fEUVDRiCGkc7gvZ\nUGADv9+eLB6m2Rf5ijXaStBeDthOMvKIkyQ+rCFe9kLCpfAK70TS/gVFQwGz\nJvfqNlNNXVP31lk9qutCQ2FO/M9XXoHjdT2CPpVdlQ9tdbI6NQovINyeYxjg\nchfIgF1NmA2cKh1Gm6f8jF9jn547FGnO2TW7KcZTxwm+33z2hW7oVypIR9v9\ny+TxDsf55dWPS7OxrQli9Q7URTlim/AC8t0osiJHeldpH7k3yoZSQa8B46H6\n5GKNAhBqAMrbGm9oZFJ6XUNQBpDGJ0uGv4qfvd+MKm5xZCdv7K6zjAekc0x6\n8wJDgpyfYDOUZOXyspajWqNjxELMrXZcytxBHuClGqF11wT1miVEueR+e9YR\nz6z4ANWD1hY0FXKTofzl9QJG5+LAESgjGF/X/97CXchSxxwbRBsT/+MwtZ5C\nd46tckFm2lPtcHXI7XHDotYjOJjvYkHQ31LlJAHpJMjiGeZuejkNUuDVo74S\nqdECz/ZkqGF+W0n5YN2xJX6sNZr2cWfR9M5pW7+8CY2kX88InjkHtD0mmgJt\n6vQxTakLVa+e0iN8SMpeK8WuuLPCXZ+LO1CwmURCUvVNIf+nvaeaWYFqMV04\nyKcBqSnxP1PPQt9be9D5OiGoaUQaVqhUJB1SaDR+QWAt8HDUBB3JYslp5Nff\nAJXN\r\n=6wJX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.8239afc64.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.8239afc64.0_1607370551234_0.4413736838205944","host":"s3://npm-registry-packages"}},"9.0.0-canary.6871336f1.0":{"name":"@material/rtl","version":"9.0.0-canary.6871336f1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1fd75a743b08ea3b9524d294a2a693749dcad09b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.6871336f1.0.tgz","fileCount":14,"integrity":"sha512-PiZWJ7RQobgLKEZgaNowTqXigWne9zNMskbG53KoUCXEMbZt9swaq4z5mqgbklzKblATIiwpRAPMeaC+022/2w==","signatures":[{"sig":"MEQCIBDQUDloOIkFUYfZs7F86AmIzFZKaEvZmWHVvXrg17JwAiA7w7Cf33DM1BuUyyV0P0OBXSVmBAMqDBbQxwnntxX47w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz6NFCRA9TVsSAnZWagAAxssQAJ4hwuneQYe4ovVdg0WI\nJm9KyYSceLlS46w74tG7/NFehbc5mXZFoXcTM8ILD3POKt398TT26g/APPpE\nSpGPgD0uVkXGn98X50AyHCq72TJo6dqvPBsePIv86QxKOg7H3Q98TS/tXVxy\nQ229JhH6xSV6NBdqlnYH0vL+UihQDRRLC12YiUjl10me3cBwOMNoxt+jzRYL\n0xiUg7RiFJ7THN1onMS6MWf/RDo6ieJTugJyiAQBzzfWGCrhFSwLM0u1t4rt\nMSVDIuIEvR13SBz23av11G7PkAWXDkFDR4AHWbBpXAjlFapg+3M8EP/1eNDF\n50nfqCpgl07BGUI+dJHw+JMNZ58zFulla65GWCTVOdz7feCfwwF7p5i1VNdy\nQ9U//3ab9Lw95b3Zs2NoReY6xY92UDKNMY96r3P17bukJNqLzryoBCW5X0iM\nrgDgA5UHUNM1Xe/YPdh96iKSUbuVQTu6glB47glbr7c5ifvyY84ByWZdKj5A\njERSeDXzkNJjRg9a+oT2B55psP7PNB3Dk2IQfKCxqCQ2TTjJvBXi2H8uqBFI\nc+8jZOd/Y6hBIiR4Fa92yw500eIg0R3ulSph+AS9c9ss+FxMXMNmjDyFT4Ry\n7qTjn0kQx1DIYg+QOBZxoXX/m5QUJDvqgVjHVcGbz5RANTH9T0xLVDz8w8R5\nkwSl\r\n=X4HG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.6871336f1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.6871336f1.0_1607443268501_0.8329089825766858","host":"s3://npm-registry-packages"}},"9.0.0-canary.9f718da94.0":{"name":"@material/rtl","version":"9.0.0-canary.9f718da94.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f3c2a6b13440fd0fd00ee9edbe89b0cefcab237f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.9f718da94.0.tgz","fileCount":14,"integrity":"sha512-V+wNie1z8Mnrs0RJgLOIg+Dx1YsCA0yw2sHstGbWZhX8RXGqLDWZFuoyJdDHjOnV6S88p1BSnTXiMsV6vk8m1w==","signatures":[{"sig":"MEUCIQC8oGis8bFAUzuVoLDMxhVuSla6BpPLhhj8U2aFIBMFNgIgCCbf73WVyhdbGFdIjRags1Q7SCebHVxXH3cJ7oORIUw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz6YFCRA9TVsSAnZWagAA19cP/2cKHWmgl63gQqCN5zuz\njlrKM3VxzL498aM1/r5XvqmrA1J7pWe3q0PVHSj8PKOCQ5+vAspEvxOxUYCw\nsstz6EwCRrD5oOkoc+cYLVd/y9vaU8AFYFJ5Quc3tsu+DUOB8k3U8R9rmqtt\nM3lt2ZzWsv8OGMTnWvJR53g6TGC1O1Jm6OuAVGfWFrLydk+mvo2QeBa53bym\nNpQcIjdjw93KQUDfbH3BLYMghliL6g6YKSnUr2I2DMycvxYJDJVsVmXVJmqe\nZTVEnsU5JDemztCqT0ZuvoldaY3XkxQ2OBlDxI0lIZ460M8izG/vc8xyo5MA\ns+ZVYwUjPVksMfEbuZGArDmm5Rbl2KkqjWGBkC2ivtD7x0vKpmJY4j6vPowt\np9GfrSnpbFda/N1MFKDlEaqRyGl1y5J9AUBWkLUScnEfzuGKryQC8cEkiMBy\nYStBW11dVLmkN2lfVVFRuKxIpHR2uGZjvLm35it7bsIbLgK8d/dnhx/iIMP2\nEc5XoxdT5gmvq8CaJIfvk5qWxme9Jy698JAda4U/6ODZkXWXe1+cPYQA1/BS\nb7w+5oid4wzTLDUbdVnwV8RzrDrr4Y0TcMAl3YsP4O1IXc3gQj1E5SzKJlEQ\n3Nk7jU0S2oZrNKVzmMFpoZPOAbv9EOLt/isr7ISSyr7fSfdsahOCyzGBds1b\nqtOl\r\n=3xsk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.9f718da94.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.9f718da94.0_1607443973475_0.7623794613969437","host":"s3://npm-registry-packages"}},"9.0.0-canary.1fccb1418.0":{"name":"@material/rtl","version":"9.0.0-canary.1fccb1418.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3243e977ee5f4050f3d47274e7cf43a907685543","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.1fccb1418.0.tgz","fileCount":14,"integrity":"sha512-LoT8CyWclODkfcGkjSQvYwuErMbGo2bV6MvNrknYNLPAPnj7iDIM2N0api801pviqPi9vr3U44AKFfru3rGJPA==","signatures":[{"sig":"MEUCIG4qb3VwiVjOrKzi98zRBh0Yc6h49l3E14axrijBmZaxAiEAkL4AxvtIUf5CLfx3PFUh3CpF/ZsvVhVLEK2p1CebS6g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz6mQCRA9TVsSAnZWagAAx7MQAJ7jWRjc1DN3on/WbfgM\nkE6pTMeYLEzUzTF6lUdOVqLJzdXQ/M5jCw5AJTjjOO21tT5bM323MjrRj78U\n6ua5bezd6+Vv4u0HD7QDBVKHDtpA7vhkPulryMZy4iacno7TWbTng8BF6/hp\nQMkUFnVMWJbYjAimTT+fzz6oJMq6VNHoS7uk4t8RYiqKWF7gHoHLJbPMBmeH\nmBH1Cmx8ZgGHDWUT8tBzn//FQ2PCJ3rSEGdIcoHre+tBhgVYIgDxyIv676I7\nD0U0It1hyqjNypu63hL72/KCpwjTl6qFO4BEs4OUuhcom7utNpV+3w34hSe0\nScPjF1OtUogc5Q1sobyAXm4GCdf0WRe5JegR6v7X9dQVNtBwpP68+VZANV5U\ntMBTddHEZXGzYWKJ5wA7M73rQDIiSdjXpU+DbOKwssva9oEbwN3hTkIG1NkK\npZBpq9XnetgJPB7n3M3895yPe5HG8EjvBEjpmxkhPg4YC2awY2DYiUZyzGTS\nnL3au8mX8rCWY+HCg5tI94FbizUoFBOmbppxUFPctwvffd1ThhRISjqQXUPj\nm3y9ZorNq8l8AgkhWRsu8g6wgXiutHJwTZg0DdfjT9u4OrOlQsUJk7RA2BI1\nqacmyWgWK3P7FCfDB6YeJk0jNBGx2NwMzKvpiRbYIOmXov2zyZUcUMYNlBlO\nN52I\r\n=aZOZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.1fccb1418.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.1fccb1418.0_1607444880089_0.8142523511470137","host":"s3://npm-registry-packages"}},"9.0.0-canary.afb68894e.0":{"name":"@material/rtl","version":"9.0.0-canary.afb68894e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"13bbfbeb8abbc9b0b480e0c7b3a32e6dda4fe246","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.afb68894e.0.tgz","fileCount":14,"integrity":"sha512-27ST9RHKmDV5NtRwrYh1QFjMVUAW0/tFaEeOjdd6VVOUvzPgjhqn/iKvtAAV+SrxFWd4YZ8UNZtYA+4wtw7BGg==","signatures":[{"sig":"MEUCIH0/Oe69I1nlWzTqBlcPtNzM7LSKNxj6+8VeA3NHgA2aAiEAhh8ZDCM9TWxIN4ODzVcqfxYqAKKIm+PRx7gZUWo741A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz6p5CRA9TVsSAnZWagAAgFsQAIIaDxjE8FU/E/EaKsqV\nsM6f6CBZ036zm8r99zDOsueBUQYBTjCa2Zk7rPbMpRsTQEgMEXeJKW5bHbTA\nJIQXVR+fajJDQssDOyk1FIHMW55HNrknKvhXQo+cowmFYRZ5maLx6xl9B2iL\n5RyeuyevWWQV0kEBV5JZmBdUKUl9vQVDneRhmPy/KIcPw5Xv/u4FljWf6Jid\npvTZoey+YPDWKHQ+s2gVAW7YEtyHl+r1m5I7yVlcfGcTLQkMeAeHQ5xBKmJB\nH3w1gFF387b+F7NwjCyaTYT/XmWm/lKVBleqzSEi3W2rzY+hS/m0GLOif6VQ\nPBTj96lXTy4f/YQOV6T0sPUjnfqBmAauiAAi8I73YwxaK7UF4RzkyFbetc0K\nGSnpDF1pT0sHsbmBCUEGoq/3wyUUgLz5LEDJdYqNiuXoZlW6FeRJPhduna4y\nItaEJkwSCe3NWVJpwKHlIsYaSyYtjuBTUUvwsggXWF4B1i0nPcwZ/DE3D+rg\npItx8LqSnMOOESS5uYWEiaLURXaRDtKrNY7/c4IA1f/d/YArfrfGn+NM/ysE\ns4N3/0DGBF6g8w70NLTtgJmw4tTvdSVWOzIo9Jsi6llQZZUCCqLSPxqPMLSp\nAS5Hd6KUJscW8oFo3BaGCyMrG6Ha3090IUdxqbQgl95/IPm9YfU0gEXPdNXE\nN58d\r\n=111m\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.afb68894e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.afb68894e.0_1607445113541_0.23184674592079357","host":"s3://npm-registry-packages"}},"9.0.0-canary.fd88d40c2.0":{"name":"@material/rtl","version":"9.0.0-canary.fd88d40c2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c1ef284c8c07d89506b75447c4be9908f1c48d4f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.fd88d40c2.0.tgz","fileCount":14,"integrity":"sha512-fqL0raC2KWW9UetFKoH8aTeG3pyOrbM0np5bJenxhnvfNz5ezcaXbvRBvqRz0o3tyYukPdOjU/rtaLlwEWne9A==","signatures":[{"sig":"MEQCIGo/DlecT06Fdm9IyK29llIRcYMIE2xPZGJZLBzzG4MkAiA1DOWdxv+ZR2FJnKyjE/sm7TXY3mlYjKjLiSUDubi44g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz62gCRA9TVsSAnZWagAAobIQAJdRTCFdessrcECt0CVp\nXUHdSu+LDLxbBk9xRqwFjDZ6mhRlLaa2Mwwuwovo+vFeYageX9WtQ2i4lteT\nPgX5Q2IkuWJ2i3J850r7gMHHeLTE+/FRLz7HZf/XvFA+dfgAYrk9Uhc9z++l\nTS7G5yVYkRqBtis+9mPy5U5r3wkXGfSt5/3bxnUZbjuMALMhZnL0J8FXC0Mv\n5Spt+HjJ04S2tlYogicpJvOBQHlnizlYw7khpSsNiO4r/npZh1gn6NMShccY\nC3yks+irIx1PlAdQkzpvhKcyz3i67c8TllJI4LJvChNWvkeXdHk7ohNdPDAf\nY1KZCxb777dyNeiSQjrsp2qWIXeT3ZYa1ulSl1k2UXZ7KAGfIMXXU5kT3UFY\nVkyaHBS530yX5a51hUqP53/mvB4DAGongHJaam9pmpmyL7p7yoq/B/uH9c4k\nBPGQaOGiscvFFCqjrNhkNgHX52g5FP6VzXkVceESxu769ljLYtGK2vzh27LN\nFGlHwBuxfH/8mG2qqNzYpvH4hRbZ/6As2wNFhlR2stjQ/sMhzc+VACwb0sTM\nLH8rgpL/XOzt4Dog+JN8KvWEu7v7C5QzxGY2oP3H7ifJRTFeI6GJ6vCR3aMf\nVShLROyyguinlq9amRpCjyBArDptFzS+cBnZnuqaddEGmPM4dzVALkCMcotA\nB5RA\r\n=H67h\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.fd88d40c2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.fd88d40c2.0_1607445919444_0.37529107889877245","host":"s3://npm-registry-packages"}},"9.0.0-canary.ba9e3109c.0":{"name":"@material/rtl","version":"9.0.0-canary.ba9e3109c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"032d6fa5a7176521201530bbc421a806553fc2b6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.ba9e3109c.0.tgz","fileCount":14,"integrity":"sha512-DhYjZfgGGF7q/LiIzi4oaleRHQq39KwnJ67ZAkDcxP3E+TTZqLLVbACqa541ZpT9H8iFD4ayQfPqxRx5zMLhqg==","signatures":[{"sig":"MEYCIQD+xr3Mt92JwtFrMgNaepMk9o+WgWhfGPu3j8Ctm3UZHAIhAJS5EyK95DHem4fX+h+//qFiSc1bn3XMXBOIjryDI21Z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfz85bCRA9TVsSAnZWagAAQuMP/0uRutY24bIi6fXRVFjU\nvYOymKCxwCpWB/FQT3SqQD3g4C2uylkfNQMofh04nrjKUCqTQWcWEabIZ1XX\nL34CMD6FH/RGh9JdPsoKyoOwMLQOHXrVjotQjiKVyK+WpnVulYRjpE49HJlC\nElAu9AmUeUqh2CgjWlBwE+o0GbOb05OJQnsSo2ZZjnysaZDS/X44LsPkBzps\nPmT+mQHzh/ub9R+Etf65GQhGlDzwruSEJ/NmH8zA443GfR9PpqxHZcSzRaib\nrpGz52TibaR8Ltz2pU2HfzFCeIaIILf1TOwJOVDtvy0yOpWahaL9R0l2f6u0\nvhB0oaBVrhGlwKl542SeCHx1RNPemK0vN7jBIUmN7quUas443AMVUjpYgXIs\n5pKeEzm6pMNWIpt3x2Z77c9u0Mybeo27a8/lD+e8IMpJwwNPmwuk5lI2VzoK\niObKrwL80XOZELeNiv74538AU/+if2gLvlbvYfGYH2wWUok8jq/zhD9gEW27\nWDCjOZrkYDALEJfkgsgvUxAqizrUNCCuoEiInxHima3dPQSsHbm9HvVXboZR\nECm/2gKfX0hC9cBlT65q/eulJjn7pLxfgCveo5SdnY7j00H5FWra3ee/3xVJ\nZVl4Oei/lKHaTbojoOi/xskXUgY3CJBvDnF5Pst1Qjsf6P38j1Qq4lGYGivZ\nN5AL\r\n=7YOY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.ba9e3109c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.ba9e3109c.0_1607454299075_0.5489063714472142","host":"s3://npm-registry-packages"}},"9.0.0-canary.1085c3b2d.0":{"name":"@material/rtl","version":"9.0.0-canary.1085c3b2d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"51e9869aa5ba24c566e4dc22550439f9b7f4f193","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.1085c3b2d.0.tgz","fileCount":14,"integrity":"sha512-hONJn+15eqXos+M8LiYgmjsptboea6fL/up+yiXrLdLxIRyVaQ9CDpsy536fNVZdISEylF5qf4csy06XJuPB6A==","signatures":[{"sig":"MEUCIQDisN7Lpu8FqQAwI68QKE5HZDpvbRnYWYpn2yir/bqTqAIgDlJmGkLgWAfVrnl0xmrc3jdArTpFnc/vUiTzNAb0fOE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf0SExCRA9TVsSAnZWagAA3+wQAIYz5ZlONmj6FARTUmjt\nse1GRXnFvKB8XoMhp4KjuaQn0+DqUnZJrJMyZl8/DGB8/6kLkXjT2w0Mkt9/\nEXGNCgtyRjgS0sgkzX1aDldpzL1UEU/QocsyiM7vGuTC/GcG/9Rod8FIhcr0\ny+O/t5PQEoxkyvnxoEG/lESnjwyNMs4elLr8FmTxo1t5XlZCtf5ZKgExwP5b\nCu0cBeaq2yi+MTsWURy+uMox3FnLDnVpxb8jq0Mf5T5u8r7DprTaNLYjnr8v\ntu2WauOGd6ZVflmvdfiE3Da8b4hUliGJZeFnYgOuknbUB1r3Rm0t+oUrAYEW\nUwv6hKdsVnnTLS+Aw1SzTjDHOK6LQ3FWGY1lSmvYW6xYxi0eOsvnMXYw+RnW\nTPaxzLb7xQ7GGNMk9VAvzqjTiR2eg51ykSGqGuX1FGwomw91w4N9SFw+V/2J\nigWQe7MH0z26eI/IWmXbYrEKeekCu5MbgQbt2a9BO2k+55t2dJ7blPy7pbcI\nRldc3MSEzPpsSohUzMgAQaURFpa72zFFPd2UPV9vpa6n+vVSnxNbhH/PtdQI\nc0L+XSqSt7XqHXY0L5etCs5St67NhIqPYAsW1MQdouxHr6Z1rhfGtwGwY0On\nChyoIwEem4xEutuXU903U+68NMHwIwshnXka/9E5UIM3Cah0SzN5QIilJ11T\nede1\r\n=mYI4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.1085c3b2d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.1085c3b2d.0_1607541040961_0.06698347148348316","host":"s3://npm-registry-packages"}},"9.0.0-canary.c5dda809d.0":{"name":"@material/rtl","version":"9.0.0-canary.c5dda809d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"501039c437599ebb69cc1beefb2891e4a629d381","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.c5dda809d.0.tgz","fileCount":14,"integrity":"sha512-wjqzDJCBB2QDLj9JU/0EFNF3eNorYZ+XVJBrru00MQFd1R9L+fWvYD6PkDlGG0rz9h4Irpu7Fp2TUj9CLQWoDg==","signatures":[{"sig":"MEQCIGNYm4MJ76ImQlmdIuKy0gSKa6/w/NnqnO1UaRfsHJg5AiBaA+NgGpCg0JSC2NVRXxVYHhDFF6AnhDnHzPIHdWCJmg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf0ThXCRA9TVsSAnZWagAAp+wP/0KqNl4ICEa3RHq8BRbU\nZkYJAJxh9relAkv1pm7LL9VJEyX3hE5HrPgL27dFEU2oQ+dG3Nac0wBa1QW7\nI686XYgoH8AzovKV1A3UkGs7DxS40bUuFmi3/0SsC4sP1SYCjvKCUthrfIE6\nnASVpVdxAqQ4khRGfzrAK4KYAc3Akfd/w3vDeFE2MBrhXOsmBRqZZchA9BL1\nTkr9UyXbY6xIytUXIL5d/Zn0qDW1DGqb8VEzGHHfxsySVCnrt+de0Qp2zN/1\nMyydy/+7rvvkl93xoplXtt4sn5c3At/0GA1TSTCxJuc8v2TOMG5DXoLQXlXs\nqLFWYCERcjrpaTIQ0bXlH8cyIKB3UzJcUAHIc8IaEFwMGfgK6h2kLKM6WZNm\nbCp3mZqizQqh0HkhjRMPcXSJ0ExRjRc3bFc9W6JGEEUInwLmKv7veVosR71I\n4Nvz67hY0Fxb2T6aH7WLm8VJNBq+/jnSh98moQ2KEbwCDlIgL10Y8nTrZam3\nbKsAFvc8JON2q9wYHArrQb6RjjKyswaI9NFfdnZv870DRtawGwDF2MM+kM5w\n4U0Gb86Bp3i+Ab50Z34fUhYkGkM7SyloTLENYZhfZyVXTDl4nVcHglAPczEV\nt5GRZBsj2pI4TsOBzveBdFojL5BM0ZxNrc0ttGoOmVnKNCd26xjg4hREM4Fs\n8XCW\r\n=TDjK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.c5dda809d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.c5dda809d.0_1607546966944_0.8804155934644846","host":"s3://npm-registry-packages"}},"9.0.0-canary.f5f1bd86a.0":{"name":"@material/rtl","version":"9.0.0-canary.f5f1bd86a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5aeab2ee1c7aed37b13a33ca8c06e14afe29d19d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.f5f1bd86a.0.tgz","fileCount":14,"integrity":"sha512-7FYWHL8DWEGk3LBXihXkNsiEhnFm51HavYiZByUGrY13Hy6Sj9w59/zIEu+owewv/Eaqflo0HbauL7XKEGxpiQ==","signatures":[{"sig":"MEUCIQDlj3i1UELDTE6Di9j2ggTXwaVAr0JnNoREydJSGtDnegIgXuP0gf0oBcbb4DvE4aHCOB00BP25YOHFCw641Kzk3D8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf0TyUCRA9TVsSAnZWagAAnfEP/RUrsS7fwaa6HDEPgpJU\nl4Uqg7Qoaqjglzd0KW+QgKCmQkMLfocbtBhfv0FYiaS/TfQT3X7ItuLILUlB\n0g0Z4jml57j8PBe45nI+gnKsyiHn72U3rNRwYofIH2M8LNoPoDtAE9EL35wS\n6x2lCWM46Eg0qp08gxLycBqLtGWdV8qfl41RAHvA9hXajrEkMprniCITYOsl\nOv5Ej247dzKTMe5dpUEcVhanDG3BabBF5Gu9ctRDqFGzhnJAR/h/PbgqnjWY\npuLLIMWVlAuYuwRGc8s6hbqSun/NFIHCXROGOgBTNmdu5ACJsLLVjv7j9e5W\nTiLUiv+wlfo/jltZFjbVX78zmL6q28JvJuzXEG/kGPML92Bf1sAqgoUGCeEr\nbD/jW2Uyma9YFG/HWz2tFQ7hU47Y9ZOqL/ct06RF6PwtpbC2yY9Q8XiXodG6\nyzohixJFIZfyWqbogPiix798aDYUQVJuk1OO+gIf//lgWaHVVy1Gr31d7nWW\ntfhHvPL31Ehq3/vyEE8RJrsWy9/TG1OZ7EgudmASxGF5dRt3z2mew0wFdkiE\naYAPNksz/XEUt5HpiPTdGUChpZyPuAxuf68w44Tv63od3EjLuzIo0GS5+kJe\nugtrX0qGbVpTXaVlMzSt4AbDtJv5pk8Nibc8CCyW5FPP9ZRxxqWlPyyEbiqP\nikg8\r\n=nmY4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.f5f1bd86a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.f5f1bd86a.0_1607548051865_0.41556825076319104","host":"s3://npm-registry-packages"}},"9.0.0-canary.00f38200f.0":{"name":"@material/rtl","version":"9.0.0-canary.00f38200f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2a2feb4523995377a0f4ad7aeb83f9a2749d8834","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.00f38200f.0.tgz","fileCount":14,"integrity":"sha512-/74TutXsnrrLd2U2RA1LFvWbNRjmXC8uM/tgsRjm7nNAg+E+5Nk2q9uRtk/HwZVIM6Y6kQ0uyInet9RH5D0NvA==","signatures":[{"sig":"MEUCIBac/R3VI95dvFfpGaICuIyClKKj76hSmzJUGVwzvJsHAiEAtDPrk5Y6DAuYbQG6dAOPXZXj8u7p8deM4/YIbOy1pkA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf05O9CRA9TVsSAnZWagAABgAP/3axGV1cXCmyuvLQKEVp\n/9GbHK8TvzO6aesKkZRdiR5mbIMFi2VkOscJL8EOzjgyhQoVgKLokDqNk4a5\nrF3w0BbyXPkcxIfwbrrKWXye7DqFcOWHgQTG8ccHwykPTn3hDCJAZEo09KgW\nodBSc3Dg9W8FEx+2r4EAohz8WQQYVGflRe8gJrzRdIplPmvAVAnO7wRHfYnU\niDFdXso8lO5/Br1f3o6rBrzTbZB1augFFYdc2kPHpcBArAPG7eB1isDcD0QT\nNqxou39nl3BGVHNhKKzngG+yMbsMtzZhTGXuiOKF5D38saHNxy76r07jphAS\n7DVPB8iImg2fwIybX9DT3EIaHRfG0WJXrkcgO70MT3NeCHYmtwgAUlkX1xtY\nlJDnOHk9YdK7HQnxRTFlyAUh4RrZbGPn4Sgfai2ZhChYcaAwpMe+gCOYKY6P\nh/Cir7ngM5zuPXYhYQgvVoLOmGjx/lOUuo4oG6MTTb6H/3KLuAGC+hkHgDIi\nQuAt5i3R/V0l/h3fmXgBixskgF9K9ALCG3jR91X9NRmxT7AJtHUhhdep4ckb\n9czHrsS/YDnTmnHW5DSkvUbvmN/YiyVG8ISqoklh9MMGdEFbAGpdL5jxX4VT\nYFHCTv7nDE7m4VxJlZ6s7+dtJf7uxY+R54Daei31dw0E80546qWYlsgPw1PB\nVQpJ\r\n=Fcwf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.00f38200f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.00f38200f.0_1607701436909_0.6428705702298783","host":"s3://npm-registry-packages"}},"9.0.0-canary.ac41a5729.0":{"name":"@material/rtl","version":"9.0.0-canary.ac41a5729.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7404d0b5171307d2dab1916e4ed63af9ff4d82df","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.ac41a5729.0.tgz","fileCount":14,"integrity":"sha512-2iDk0eAwn9Nkz97ZRFkVC+ppxxd358C1PIxSpndYXefBLJxdeCLcnoo059gsNpGvDzTB2rjTNElr2WlORM/i3g==","signatures":[{"sig":"MEUCIQDwcZZFliMIvsQMrBzrMfy6mSJW/06DrQ5CKw/NGI11ugIgUycFJ7zPOF1I5Mqdm5EstlU7eipShHXNMYyu0Ohrijk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf054DCRA9TVsSAnZWagAAmqIP/0b8iXE9j0rn4LWRx/Yq\nWDIZAAw2ZRR95rbbDXIhoofXsZje34ZI703/EUvhE3WD0gpBEu2+RhYUCsvB\nu7DVWi4rR220vPEjXUtD1p7dX/OSCURkRN5JcGUP6uqyFnHFhBuSBEsS4UfV\n6RRdP3ZFKBIuEYx4FnVA9crAE2Y6dU/ua9cMYDrQ396nTWZvwOonFEt1JeYF\nsxosIhgvNsGp0iBFYoUhi/CIJxq4K49UlSnZ8p7RVdVONF00tLZ/gDDC1GBa\nD7du5XMFgbmJmJRvbDk/D12hZUQo/JscPb6jtbydz3hiXtSlv9f/apTcqSOB\nzjc/DxGS4GSTpOH7Q95wCydggYdvrIdAZ1AL2tQVuPAW0wUODU0APS4kaThw\nAXf+/1a0X5QRVL63jslUlvs9d/B8BMiz5Jef7oAwEjm99A3l4x5Fr/A/t9Ea\nZnIaPXdvKSVvyL2r8n765T0Eu5+fvLHSHsIH3WSeA/Egmnal2xYHQzh+aEFo\nPgRGFs0Oh8gcHnc0gIw67IVVzk0m6tCt03frnuKAQeSxn/3zFERtjeZWbVU6\nCTlMlcci+j06VdvYloT3IuRYreICwctGbkQB3Xu1pZt7lSnxt8YBdnVCg/et\nXnCo4ToGRqf9TkiEZwRwgVmNS1QiA8M6squnDil/Hu/lAGV6DqkWggYAwoX9\nLNen\r\n=N4oT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.ac41a5729.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.ac41a5729.0_1607704067049_0.36624188714933914","host":"s3://npm-registry-packages"}},"9.0.0-canary.7fe0e4f05.0":{"name":"@material/rtl","version":"9.0.0-canary.7fe0e4f05.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e5c18622eeae9b20f9118007dbc6c3c4e1ffb6b3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.7fe0e4f05.0.tgz","fileCount":14,"integrity":"sha512-x25NEi0L5g64Y1UtvDpSL5+2qW9HLKZJtnLTHqY6KmQK1+tTUBivhrD38GwDvZ+PG7L5chtVO+r3scZMoaMQgw==","signatures":[{"sig":"MEUCIQCFabNUjhNxqVWk7YV+WnXmztJY//Ptv3/q714EHWvoIQIgEtrV/pEpcxGiH/m1f3lzrslZBT+45DuVwjSc4/DNAuY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf06bDCRA9TVsSAnZWagAAlsQP/16LffVJfkiMg/6Edg/p\nHTfiWBPEd23idmKXPjJwRE9tdXUdSvA7bIMJuWRok2UElEDzn68oxRH+cXTC\n046yd6NrCkoKSHQQUaz9EI4mpgKAKlMVESJvlv00YbOUsMH29Zbw59NPX5sn\nSzmONpOoyDHnObOrhkAcyIZ6EeHAyP72Ay80fjbZobiExNFmFQrZdB7zdBFT\nVFVJooivK8JHJlfS1Ud4OyfUJ9nHPNLu9wp2ze1YzKeypux498OrGH8kY0bW\nuiMdF/bPuJuiTd4uPUrUG/SKLXubrW2EH4IpT4AoR7I2z4trNTVJq13bk+QR\nTvCCnRqYGlRcvNifl4gVrlu2Ddg90py2np3mD3slBXgEd4pUkQy9G9PMEpzt\nFFDa0ZsW7aOlEHMuqVL1E9k9WxkpPjozuhAejjxqpHOHBWt4DtHFupvPKCrl\n933KVGgykQoct/sE01lja5Afe287uUO0Z8GAp5qCy50YbsMx+Flz6yeO6/dA\nYajV/HcRvx6OMvbTRxEYHPCIlhW6hXHUVzXBneJHkHPxyOLg+ZnVcEaYgikU\nJ1tvYhsA5hc4kcJHbdnYPu9X5jh9pyIM2N9gwDiA+scl5cEdoSdzCGRDrSo7\nNOH+VmUPeYIQi0U96EjdVbde71p6Ua224qhh/lh2pvikR3H++smo+5hwi09Y\ncgz9\r\n=g3hD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.7fe0e4f05.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.7fe0e4f05.0_1607706306711_0.6556416465502597","host":"s3://npm-registry-packages"}},"9.0.0-canary.9244508bd.0":{"name":"@material/rtl","version":"9.0.0-canary.9244508bd.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ca434f44e8dc7b0112da97706f9feecbc8a9a5dd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.9244508bd.0.tgz","fileCount":14,"integrity":"sha512-W14mJdK5OTFOk6Ql36HRF2EaB+tZvoL+//dAuRrtcK5UHE7WrbO4RyQIyHL0iMYLVoQ4gTM5K4Do1s8h2nsoyg==","signatures":[{"sig":"MEYCIQDHZi+UxIZX14DVN25X5Xn9rrHwDaxGw2wHTWuBWQp8fAIhAJRDLkaYlZtKMXNA0impK++Fcrug4ka7vo17gT8jFVHl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf08NSCRA9TVsSAnZWagAARWMQAIc831Isr0iMKUPHFetQ\n6qR5Zt1Ava6pbGUYK9z/Pbvay57pTOKvZEUxGOdMmQOgUAozRIvOsYqpONGU\nN1Uv7xuX+cq2/0CU8yGycTw2KqEbFRWcUTjHb4eieSq9vNFSEfiBbICWVh1i\nODwssJsCZKPuW83ZNdkoz1c5ZLlwsU9I2DDyDF0tACmXTjgbYuvcw9oVRwY0\njlA+5fW/2BNWUlruIPcVyPVQ1qbm54Onb3gbzfT5LnYPOV1WkXro7vUP/uw3\nCuk/sZrmth0mFzZIHaNXt/Pbb71MRFZaDiRpVv10PaCNIHUEtuqiYp8Qx0SG\nBLkLczC3sQudxMFobinPGHmlw7X+6+iQzPtk4LAm+TM1iJ7pu56ipQawD/92\n/F6VJsAd5fGGxpgVnbr6BjP4ERAxjuv9MG60aEReSdksj6hJLAYqutNtW6Xt\njptgJAI8vixcq/iwmVOgFsdXAd/4UvcKnH42FKDRBA/9ooF2i+2lbGAdICdH\n6ry7IOQ1KmB0U9A8XfpW9IF3VUFW8gU7k46OnXbHbEYcvbzl5cmQYSDcKQFx\nfxXpOiWeIRzqqYrnQfPfL/iAusAQFagxgm2rylF5AlDxxuo7V4RHGt7XfL4e\npFlDrCprbw9R1e4swSsxOMFWr85yWhtPGucNat6Tdlx1CAij0GIJ9cybKNRZ\nt9aW\r\n=d3VG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.9244508bd.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.9244508bd.0_1607713618201_0.29806408289273856","host":"s3://npm-registry-packages"}},"9.0.0-canary.384a8eeb1.0":{"name":"@material/rtl","version":"9.0.0-canary.384a8eeb1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e31410a6c58692914a3e9f9579cfab5f7a2cf70c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.384a8eeb1.0.tgz","fileCount":14,"integrity":"sha512-KmOVJRMVnZCxb4XeV3QOBQoSJ4qkC8LkVkEYqXv+QK4+EKIYTq4R9O1yLJtBH/+1PN4P0qtOto1CJOmlJIRVBQ==","signatures":[{"sig":"MEYCIQCkDbMo5SCx4nxXHmaTUjg81z+vCWzX2KvdZIbHhjizeQIhAOU0PVPZpEQAtkTeiuj8im3GdsxmVAXof7dz4XgJukUc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2j1pCRA9TVsSAnZWagAAWMEP/3540KH3C4BihVvy1CN8\nMTsOTDLbL6D/cXOSVoVlJlphErX8iIjd66cxnqKr+vV5pUIbEAs0aHQ/z6AA\ncqP14N7X0ghFu9KpKXsEKMAYpRpH5SWTrRhA5oX2pnzgso5KNJ91FnKVeXX9\nj7XtAuuu+SMAYwc8M3NUX8A0rV6RmdXx6JuwZhSHJCX96sgOPXzrbKawDayY\n0pXqMoL/taLkorqy1K4fcBB18GYM0LPYuwixjVLr+hjN9KXOIVGKREq/0THN\ngioim9xlzv8WXsdddaYcRlW4/OUJBMsKOBSIuWS0Bbe1vBKNqaQd9KcklFfM\n8I4nbZfnpxlRDUlk+MSbRp3yKzoc26fWjtyQqDi2QHA59s7iyLhJyhg8ZOfu\nUQi0q6llAs8nne2rE6lzhGOy9jb1IQlrAy0isBaGUtELmRsetwlBlQLaTDS+\ntnCWEUrulC5xKS76b8+qEiEVjqO+Y5+t0FImriwel/uuvOacxKHMjqSb31sc\n2/JIv7vSYeQhjZqKGm0JULpvr+lnzfwnkarB8fqOmxeboO+mj5n9aeZ8gwa9\nFa1afTji5a9+YIbxYKS9ShG9Wn8qMzMx8rYFgkw8Xt4hLaf/GMmQvmffV4YA\nxvx5oPPghMVj9gfjxH748pel94lNDMTg7EVkew4XqqPCK4zAxkfyqMN86rns\noccB\r\n=2Znv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.384a8eeb1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.384a8eeb1.0_1608138088972_0.1760833454689572","host":"s3://npm-registry-packages"}},"9.0.0-canary.eabf9d5c2.0":{"name":"@material/rtl","version":"9.0.0-canary.eabf9d5c2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b1e978edea5f7e0344067430aa50a14000455ade","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.eabf9d5c2.0.tgz","fileCount":14,"integrity":"sha512-B99kzQmyyYIdq+lxYf10Kc86+ZkNqsr3a2Oc6xnwfJYzSTVzK0a7y5yQQwUwfdtdTB0dq4oou617Jx3p2TgC3g==","signatures":[{"sig":"MEQCICSV8RUm0+iqDwkGfWuTpNkVT3hxah57Gv/0YzDZquKgAiBRopFP90h1rKnGmVT9bAIpU6hyjkpqpx85r6U6bxW8Cw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2lGGCRA9TVsSAnZWagAAx5gP/2CAWTgnDJeFtO/Vbqpa\nKz8OvTkNLv3wB1QzZGxFzm9QWqGcshjf1buF1mlhEWmj1+uc8KjIRXyws5mh\ntgxFxjLtVaRANzvJYKCncEMLYeLoWx5p9SMjG6hGLJcyvKw8lOCEeBvyunPf\nU/8xOqeI5XXfz5QiEXwfZc4XKKTwWUK7V9WmtT+i3NJQI/W5frBzOEWU6H6p\nxXYS2HCBrTkfDSZ3ikl4xsjuJw0PidnzxBUFD68UrejuN6oZPuFjETPLqThx\n7sesjAgC3JnhjMgebNTfx9QSsEGuFYd1oTmvd+dsb8TqYp1LI/Icf+dF0oJu\nM78xCL+isfDvHRrJ+elWF0/WKZc7OFkass5rfImsv/AJgC+HjbPOBwarKpgH\nkbNYibZX/yXbk9hO4Zwxlr8C/T767m3USAeVzz1rJWyd9kIH+fKPnGxSF3ey\nQ0sMz3+zAiOb1vXxl7SEAqrJ+tTBWXJN1+yQsACGhRidpsx7/dCJNZIAK8L3\nwSDX8nJP/QlNeOlXuf76PlEkXYQLgLBGySYaAe9cXCtezDAAAJjJWZV71rLA\nPsvIAqINdyCHcTwiOzEJOFp0zcO/7LgQ61B6Ebz0Ri5OMK/HpJM7M6rvX8ko\niMvTyQS06tzoJv3DMNXiiyubxzSZgiZ5LA23i01VlJm/7s3p19fBv2LxDOu0\nbivh\r\n=af0o\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.eabf9d5c2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.eabf9d5c2.0_1608143237504_0.5578296880530123","host":"s3://npm-registry-packages"}},"9.0.0-canary.30fdfd06e.0":{"name":"@material/rtl","version":"9.0.0-canary.30fdfd06e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5b0c25221c12d4431b373d6debee13242a7bad57","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.30fdfd06e.0.tgz","fileCount":14,"integrity":"sha512-FzAHI8QIFeetOgsC7HOz0P1yo4s8t4QxZyTfhZcQm8UG8H9nAJZnxb40VOt4ElX8HH3C/KxRQrtRuT0ObMOqeA==","signatures":[{"sig":"MEYCIQCYC/lMzWvclWztd3CMMy834DnU6Fx31bmvnYNVB3g7PAIhAM/A1X6iQzMZWeTmNVQYZR8RkHmTFO3wW4++bfEMuHBd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf2lreCRA9TVsSAnZWagAASa4P/jUVlLOE5mO8/H+xkyEr\ncTFUVUS/Li9GNgkH+mHKespqXt8TKZ07DMn8D0Jewc5D/5+vug624oPDDF17\n7JpghmkDaRcFAf/Zr10KAjirjegMMEFcKwoj4bVcgMCy7kx8yii5ktfKfrag\nd8ko5tVZ5vIYYLTw64A3Mewu3DkKqQoirMA3KMzmXSKAKbifxKfnH9Ev+jJy\nT2yD40TCvNWAA4pg5iKrMbSoksD8cAY8KG55ZReeU6VVG0YJgALWE3QIc29S\noT6sowXfauxmbeQn+TLExR/PTnWjgl/jBLxlUJXlwzHmtE9JVMR2AvcfwMME\ncEcMuk0KcsZPVY0H0Bh++exHIWMmfJoOfT2d51NVC/b9QWyO79E3aSGfjk5N\nobN9hv5p3w0ZV40GUvi2AyjCeLTv1y0Zlw1+3EfYi3XyapI2F4b8oXgWozL2\n3HgqBJQMIhkkf88RJ8QffF9vL/4/N2DDjjiwIEpRl/lILCHhEeTVm7L5rgkC\nGtRPBcgw4jI/diqk978TZmUNEP0AWv6GQD9lqhkj+u94pfbADGJgWLMTD466\nDKsDT+TFyvhFbCLymIsc514/Q4kzl3TbHDPtb1IKLG8PQjRLXDJg6GjrufPL\nzJD+poDfa4t7gNoepaqx00FG/idWW1l5mlyuHpskeM1F54hvHQOGIk4IxoNt\ncOc9\r\n=MyLz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.30fdfd06e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.30fdfd06e.0_1608145629781_0.20807953338966922","host":"s3://npm-registry-packages"}},"9.0.0-canary.9590a8f90.0":{"name":"@material/rtl","version":"9.0.0-canary.9590a8f90.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bcbfb968284dcd84d2c1cf866009b1a9e76da778","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.9590a8f90.0.tgz","fileCount":14,"integrity":"sha512-Np+A0RF6X5ZxdVZKFom8FOeDJQslS6+cGpiTiEi6rCJg9M4fke9QrpMPpjMv6mqMUgpteZy8Ub64u2CsZa+goA==","signatures":[{"sig":"MEUCIAjqngatLipmcwiczr2OTfvETGaUeUAJlJauWDf6kcvoAiEAgA2wMLmOGzlbftdhSJgWurn8WeGpx/rUuLUtKT8DmzI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf4i/WCRA9TVsSAnZWagAAHisP/10FLEZDBua+rtxYAo0w\nEUZftKOn3gn5X0Ij1FxeSZhEEvvefgqLoSusPWKPIvJJm67VMj34AAyuZV9b\nVdaXeApDNILZQVDes+6J+EI71J9hjP4qD3HKOHvQIEnLNSontmOC980LYYQe\nufmFdrAZtq8ATJQMuZr246LCg1AU7MZr40gMUZMeeX3XPR79sgp9cYc2R72r\n4wF7tI3fsyqnFP0eoKAfldGu+GGRYfkocM5AYm1zlIUyhpM1q8IybfmFOXMe\nLnvT8hDgNHFLdAMQkv9P8ExddqvtdJ8G3jGVziDHgJdibwHw8n50/n+E+IU2\nryh7dl9vrlxgqctx/HVuKUh0iL/R8vzIJh8GJWJvfJw+4aEB3Ku370COZ2+Y\nQRLPCh7Qc1g1xK/bvff6aaEATI5YhTt+esVB/+kjvNf1IjJHLidJtZOXZMV0\nu3t4CMDEBBZl0C9zarb2cdWmy+IKsvfU4u3h18yPz/oN3bO9YW1lEMyGKMXD\no4lMCMqGOAskJyBqUKoHyb5yyH9YosSQ86YSdR2g3OdONhKQV6XtXxAjmx5H\nPkLtsHe3WR1DJ/+H066oiKeDNgaRHIqiYi0MHSPYq7m6MwUloMAq/g+BgUfl\nGx/xTH3oCKINOS2P8arNIVXu3xotslkTnX/SBkM1e3+Esv3uZfFzRUooC8NI\n567/\r\n=wmWE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.9590a8f90.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.9590a8f90.0_1608658901687_0.08344082247464835","host":"s3://npm-registry-packages"}},"9.0.0-canary.f89d8b8f2.0":{"name":"@material/rtl","version":"9.0.0-canary.f89d8b8f2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ee85f037e7b25406b72d8459aa90e81f9ffb70ef","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.f89d8b8f2.0.tgz","fileCount":14,"integrity":"sha512-J55nVWTq9Iq7cz0t9jq7ZqZjvjKLdDpYR8gy7XYvuWMfn33n7iIluuQpBOgvtDo/U85r5UfZHonILtanFyUNlw==","signatures":[{"sig":"MEQCIFdnI1bSBh20EV93ssNC9xhDJYj3Ehk3vx2fb33Y09RdAiA059UxQpdMt0NYlfuPJzThnXXFn7ubWeFJ13TeHfrAbA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf4nuICRA9TVsSAnZWagAAHBAP/ix4N0svB/vlqf8UA9iW\n1IJ54ZiCv4CWoCAW6WWMpPBnUAZv52Bob9RxBreXL5QgpyHmxiywzBBE3xtF\npJLz5teIsOpM97AZHL5En2bFYCmOtls11cQy5YNA+JdVuPqR+9dFKRkGNups\n/1wEXdYOAPK0P//NJQlA9/pSPIdgAHJzSnPTY//0UMFOTOjpD1DUc3n/1IEU\nqw9BtJ4XDRCKxjEQ1l3XPPMl4P8PuPzo18DFJhgNsFDpRSc3deMWZ10V2lAA\nosldq70+k4liLIc0tYCLBz+u83OUt47M0C52JkYCOe3NCdJWPq4cliWT6iYi\n1/OdNKrmvZFHK5P09yUSMEWC3s/oUULcOtTHXOXPh14q76VIR46CiI+eVCv0\nTa0Uq8q9dCoy4L1T5Yb2ZomhSeqp1ZIgJi7Ho6nEi9fj9OdXml9I5183pgJq\nIObfbhkifJJcAAXfJCaLJcQZZFS2h3DHiVFiGLkG/GvhHNPysQjE23ckrINZ\n4lEfYMDpJ48asUUL8dERXvPhSfLRqyZ1E8rg7mkteWDEh/1PV/8+/HvKYQFK\nntRC0PbO8bc2juCOGRXiK1B7viP09u986afLknmasxc5H9dEDQs0Wx6S2tHq\n5tcwUsrm5OiHBQFX+aI73dlQDG/2nX58CiF+x0v1F/1yDXpqdXtHzjx21QFK\n5zgp\r\n=jOeX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.f89d8b8f2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.f89d8b8f2.0_1608678279607_0.1200117217429788","host":"s3://npm-registry-packages"}},"9.0.0-canary.fb194dd35.0":{"name":"@material/rtl","version":"9.0.0-canary.fb194dd35.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e33d7418ded2b220003549b8645decfcb6936dd5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.fb194dd35.0.tgz","fileCount":14,"integrity":"sha512-YXYdXHZ1EsSTJc4bAI6pAD5vtf9vHibm4BD0VYJ61sSij7KBmk2Qs30cL7K5GMBnZ4ARIKL//ow0x35pr1H4yg==","signatures":[{"sig":"MEUCICwos6EV8NLxEKV051iKpTmDsehCKCA53oEORvF1/HjYAiEA/09SS4oJTvQfThLipxrlv6QEaPEW6NjUc1Sknds4ZUc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6kPgCRA9TVsSAnZWagAAZqQP+QGGFwn/FkEhFhfF+DKN\nl7HQAtUk0dt7bw6m5XAhqOOt1k8n2PiY2BuCUoaLssrJJF8hiz5YIxHM/Xs8\nBYGTzkW1UkpTy9P+oSm3EOh3wnf5ovx4uw5GLSyt+65C3+iWzz7FlKAL/+/S\npSu43MhdNabKYTy0tJanqz2ctELsv4Tb5kF0CIQqkNA7wV76eDx3YKbgCxBS\n+OIcwXCsAPNIKtFYz8WGzYnVvwgpOabVauBgSLbj+Tf42Z5YPqul9zvmYYPV\ngbBxo8+lAEVPr/g9oIbjYdqdLCBb1KE7h34G2OLA8YTVZttYiSpeoXa23gbx\nJ2vZKttkdsnVDJXcFKWFZUvj+4RPgj1To9c7NklUTndrS9uOIdm0IygYEIiO\nEPM/tiknD7HhkfrWvqlfhY5xqhFxtgw4VpE6ekeRCJAQI1bcW5cLeLNrK1l4\nRrRpUi0sTFmFJm+Tg6vyKeMyr357hrtgFhygc8KCTQYSM1lQQ6S0b/CiItCI\n4phTYOsyO34WlBQ3ujpbjCznTns7/k6tkv0cYj9w7YUoorHDRomqSYf/BBiw\nVVxLMLF+bnmUzKEo/L9mRyfm6tVfAYuRJDvi0zCGbSNiO1+TK0bWeIBUAYgD\nZrmsN/uTHBMFD9H48NXbLnEmoxhMWLQ0YCR3I7ebfIXNeN0YNDTsg9tSJeXi\n3Tzu\r\n=YSMk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.fb194dd35.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.fb194dd35.0_1609188319850_0.8585582510799878","host":"s3://npm-registry-packages"}},"9.0.0-canary.64f36e287.0":{"name":"@material/rtl","version":"9.0.0-canary.64f36e287.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bd4835609075ca127f0f0d550a185873b7f75748","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.64f36e287.0.tgz","fileCount":14,"integrity":"sha512-sRrZNJwICYJxSpjmuK/iu4cGSFakHZ8hE3psmHrNNP23hQHYyP0V8AOk+fe+48XovLI/KhqLeAv+q0EBPqfqjQ==","signatures":[{"sig":"MEUCIQCNJdUPbdMETcgEONbqPMKML64NHbC28XOdw/CziYxBPAIgBbuVr93dAV+fDOdCWA+6hlmiDyhO1qcFKN7cViXbyyE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6kk7CRA9TVsSAnZWagAAlbkP/1fyGezvUE194zJ9EqA1\nwdTNJFQzzz2ZXDpc07t/HLXgjqf6k1hr3ugiO8Hhue2apgiGLd28/yoOkv3b\nqzbpcu477P4vP2ao86x5y4eNIjUNjtVCz73z2u/R0LblGPfYtzWnfVVVFbyJ\nseixyZxRQk42rNOUaYTCdQiu1qIoKSefysfsen9pteo8MxqPzX1cDOG5VXrs\naBq8MZPFOjMgGVOmFySYymc8ejq3ZESNMtcATLb4Le2BvJuj53D1i1ZfQmDD\nJD1tGuBDzO9kE5mt3t24JZP5z7abE77rrwaP+6h23hQQmXAJZiNyhX86OvEj\nM+oj3xG+NuqcxuQevL18ww4K9X7Oq+DMWoGKWpu7cP4nUiytx9AT8ZIvRPKN\ntK/Oz5xxS8LNzFHDj8dVwSZWmbKVW/ddy/tR13vpK6H1rZhYKVT+DAxOvEPw\nAZlGuSEFIy0+hv0+2YkBmMavogtHg1HQQa8wU7dvpoQUbPZrizFGKI/qBvSn\nHHEiSEmntw/F5Sz6P0TZ7v9Wox86fqkvPgifwx/VaTRRnc+fYdKCVhJCJQxL\nhJHxpece6xWySS6/ZVJja6yQiHQTtKgTeJRD2T5XBUmBc5DNEl6ESWhB648v\nfDVHlpMWGFMpLlPLEHxQcWgw945Y4SyHxaDp8xGlSgRbO9WVKIMtUdXnQnaP\nu+bE\r\n=OVV5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.64f36e287.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.64f36e287.0_1609189690906_0.9520789931663547","host":"s3://npm-registry-packages"}},"9.0.0-canary.b7bbe7022.0":{"name":"@material/rtl","version":"9.0.0-canary.b7bbe7022.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"01727160455db6e62ad258cd9c828981403546e4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0-canary.b7bbe7022.0.tgz","fileCount":14,"integrity":"sha512-APH1kvXw1GqBQf7BdbNrwFQVI/c7KRV/nKMM5tLs/4ntr6ujbvBvs4Fn+r95L48SznGWUAJPeQNyi7IKwKzrkQ==","signatures":[{"sig":"MEUCIG+sS9d0hYHN8FX2a8vVj2kmBBGAk/5qQzx3Thnfrnz6AiEAhrXvzjhjwES57NqT0G2ofa8rSKsU9kOMVFXmD8Cn/lw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf63nNCRA9TVsSAnZWagAAo58QAKJpOeWZqRPWyZb/B+wS\nz8aJHFN93Zxb9qEt3tBjQvnOA5LK/Qy3IqEnSo+23M0VgsBXAN6Gv46GiY5c\nvMMiVJq5SwfHAskMHgNw4QNfwWZG+src8xGLbm/CaDU3RYxVKx1j2I0JIc4E\nVAxwGmVaSlp9Q0sXLIr5mcmHXKg8DIRQ1vx/Xf226lNNAjKf8legH3xQizP9\n8QM9c4bivq2JSpx3z+LefubjzVx/XPYBuer8eGOPUIHttYC+ioc/J1OnpOXB\nuxBxC+81OHRq0zxfSp6lFQ6Z2tUCJNT5/cHL2eoiNljgRvb/atdX8xSIxxxi\n1JJmNq/Wt9v6qZMYwyqbz207Jtb5dxlO6Cn+H+NvJt49TzfaOpJEWxEr/5+H\nukL1Dw3lecI7JCbd4Eok5opHari2b2E42JOyKI3Upq8pxr44iHe3Zhjjahkm\n94GBlsv+X752x58ZuVZMn49RrFBWheyPYVI9nyNh3GsC0MWojS4K4k0eAiBs\ny4XCqcYmUTp5sUcoVDkKesBjoLJa/j7LVpt/j14VT8ekGuB3WXfRt0p27j0V\nWhW0YkiWuY7VnGwp91KOsKFnDgvA9LdOyuQJBu/2KbTTreYBllQEAJl35cYG\nnpuNxofCiNcNgQ4IVLV3ukul1lPsQRvbtlpJN7gXMJiK7Y1ShURDwN8ec5HR\n7urU\r\n=uqKY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"9.0.0-canary.b7bbe7022.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0-canary.b7bbe7022.0_1609267661473_0.9833397472023366","host":"s3://npm-registry-packages"}},"9.0.0":{"name":"@material/rtl","version":"9.0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"be11860cfec4595cb2ea0ecf1d0f9eec9402eda8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-9.0.0.tgz","fileCount":13,"integrity":"sha512-3Ey4UqEOhKlkmpUQqiXtQnWTgGpwjTPqmFqh7OEy/V5X/k5QqWAhz7LJRmzqDS69uyBibsdB3tFxAGAi1RrRbA==","signatures":[{"sig":"MEYCIQDJEmsCcS5BPonBk1sxFodWewwFArZZvCIN1upH38uHtwIhAMUjR2DglEX9fHKOsnVHNT+RMZfChZIRN3WjxO//bbbh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19253,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf64dnCRA9TVsSAnZWagAAzasP/2B7hKCsmRG4klUpT4dG\n1VVZTpfqOHIPEjERspn6ys+941E6d4ZeCAIDXfxB4xAWL9MOAXOpPYXE0ax8\nH8+cT5S+qS1/oCzYM5vDnawDwME3ZV9+gpbeeo4H6r2ZsXvYmLhcUnUJMrb/\nXvrjS02JSAbTD4Fv0iWPEEOaewuNvh5ZnMc6GGHZUjExBlvVaGmB7IwlPIdZ\nt751o9vApFPYHgT0dy5dvJXPPqtaPmAij6jXmuLz5Q1jtDnH80L/oxUMsw1c\n/uqRnPRVsiKR8McuGnbin044ijGdmi+LuSQF43AcKqp26dli0GIM3b2b8vhO\nwETlQQnPTu+H68q7TddG+YG8UatwwuaTsBhnciM+8ITiRIIgQKIUlqZIatht\nLqkto5v3wyHRadUvhkOvov+5xLfDJtiPWE6rVXUOs8WhF6HUxAqG3lilaPGP\nTHxHMjTo0A7KdlggZeLwxxlzU6p1rD1ZkgU6vokdmluAqfepCZkldk9f3WVh\nM4cCwAuyYryaSemBu3hrCf1w7yt9C9jBEkYVvL8dNoNBS246/n1s5cvB04Bm\nmxeD9SKnCtbBUGh3bBfUwo2Q0GiDjzxPpBZAh+SSwVRBnIq5ntrWq4n72V8f\nNK/KlcleviX9ZI24N+Or59a3DF2fKNcziux6aRSaN+poZ6PhZpCoMPqxup1n\nszaZ\r\n=k0Av\r\n-----END PGP SIGNATURE-----\r\n"},"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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"^9.0.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_9.0.0_1609271142912_0.1721680591931669","host":"s3://npm-registry-packages"}},"10.0.0-canary.776c18681.0":{"name":"@material/rtl","version":"10.0.0-canary.776c18681.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8567aeb6b07756066c62967ad004663112f654d4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.776c18681.0.tgz","fileCount":14,"integrity":"sha512-lRwWNHJw1XGCq1xd+isV1dMOr6QaCyuptJbGXrgqJDvFqJqigghxT1VmrMWyX93lptYDRDuvetdt32zum+8ddQ==","signatures":[{"sig":"MEUCIEq1VhYHDuCy2yFBQHeJyW8sbSc5TOtEY6SxDBpxDEBeAiEAwmmCRy8AxkGMCAt6iLCmiVU6VfCccu1LiW1ubARoflA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf68xVCRA9TVsSAnZWagAAYMYP/jz92vQP3/Sb0l8wVyYf\n/iZHF4eedcF4N62SHmxAVaEDjBG7N0NSc4DaHa7PWeBXtc6deSbOMPXefSP1\n2yy4iegub5sXFdkcqlwPaBcjMemL18+rQQk7tNgdcfTt9515JDP4z7puL7dP\ntJd7XI9sempui7WtY394kVPhlpJWqLFLsSFaupoe7xgj0sirbALhRcpUlFFd\nQMQmIFf9IBlEv4F5J8dhZdXC4AjjaYNLlUfxXGqXgap4tYyhBOGn4lhkzsoU\nhuX6TbiGGDM1uwdFeoFNQ2RVdZBDmAvNiEgHUqGAq95fODJMYlOYclfd6BtA\n8sp4ROpltcpgCSZBtDWjmNLcaZYtFveBfk1/xVLwlbc0EOCLFv/vHfcnAlhX\nzB4U57lKNPkiyYgLCBoziRuKelJZt5WKkpyom9mmG1fWETTMoqlpn/OgpPA1\nNk4kHJ1zuH49kXh3E0vsMaGDIINjB2fwbQpjh3rr3kZI6s2eRJaA/4cCdwUm\nUFhYDfdbY7hUifWOl+OKiSRVim8A309ljuPi02p4Asb33aUgbfvZtXPjJcym\nYE2Fops0V3szXnpA5gzN6q8lG++OgQRDioBQ4EHbIUUS0Hf7woI1XtkpYO00\nb8XmiT1tRaQ3qYM9/6Ygy2vuEd/Y7lg0YsJb45VGkH641VoF11Umtg98V9kW\ncWus\r\n=SUOF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.776c18681.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.776c18681.0_1609288789155_0.864912498012185","host":"s3://npm-registry-packages"}},"10.0.0-canary.671d72d95.0":{"name":"@material/rtl","version":"10.0.0-canary.671d72d95.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"14368ce2b9ad20ebecbdc592aa22b716c7d79fe8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.671d72d95.0.tgz","fileCount":14,"integrity":"sha512-zSrcxycqtXRaQGgugCl7Ow3u9hS0JDyW0v/U3w/uc5Q2W/6dGjteszDAmH0/1nS2kp/srDGtz/VdVBzQmU7jAQ==","signatures":[{"sig":"MEUCICTDQNX10pOYFRRfUT9/wI93Upp1LRL9WTrZG3+LH6NPAiEA43XChpgKjFU0Jki2/bShNhoe4H3RVq3Y5/9TDJdCeOw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7N7yCRA9TVsSAnZWagAAMMIP/18v++k3Kn6TyjnFeXWc\nHd5NaCBcaYVXGdcW4v2aosJQHVz5usGf8ltxxk54s/ndL+zJB3kAL8rtxhZi\nVARhOhpVCHJQ+2xYEIY9jz9aC3hJGI3yZADdt8TpmQcdTxT4xB5JfFP3CFed\najIgJTGpXEx+tFlXYFdkLT5LHUcINFK1QoquxboVl9U2svcm3flKiYamLGAI\nZQGXzgnsJk+wFIiO5X+sT3VfD/YPnQXMuqYxxLEUeYb8mOcjqNVgAsjr23Ez\n2EUOuYLemoFIzNChkHNGuZ0bzg7WDBRC4u16g/tERTT4kXbDz+ioaXvtI8UM\nUThbUJsX/5Ocn+2EK3lC/97De65fb5TNEFzblrTMBktBV9IRjNK8QbIbIcEC\nwV7PWoL2BcabziJsZoH+q2jG9Y2SK04BplLrEHDJ0rkLoEldLYep7AMjOHtU\no0PxGWy42S7dv+Efobvu4WeGf6N1/RLrK2PxJI4OztgdhW0IJoWWjqheyA2P\nhH/h77CtVJhwc+o0N5QELtfS/ZmrMff1ojaVWFM6T82K7txxIStOeHhbzey5\n4TkGP9edAfc1vYwD0AnozjDwyeMp6YXxoSqtSpJLZGZR7BLHTZBg3jd8djc7\nRxb+e63AOUXBk7LMPPIGVAE1Gr0UsBp85RC9zfrP1ybzVCTBOBXmWCw3Bcjb\n2wJ0\r\n=yf9P\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.671d72d95.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.671d72d95.0_1609359089863_0.7253976984555948","host":"s3://npm-registry-packages"}},"10.0.0-canary.b4f5a1c9e.0":{"name":"@material/rtl","version":"10.0.0-canary.b4f5a1c9e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"985c2b387f1cdbcebc082af4a6888ed80776d57c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.b4f5a1c9e.0.tgz","fileCount":14,"integrity":"sha512-TH61rWT5QxRR45GxWoH7FFf7Qcp2EgY3wY/xBMMvkFiRELJCljoEdS5/VnHVMZ33UTEzOj8N6+XC0+cZDG1sEw==","signatures":[{"sig":"MEUCIA5dTH6CCJImDOWutyhHuHqVbXg3zzukRAdcKcvuDK45AiEA0x9bbEay5b1dAOwTWH8on1Xzf7ISHHmESTyWkCIoSWs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7PUfCRA9TVsSAnZWagAAL9AP/1kotT1H3G9pu1vyvpBm\n8jCQwyTrj1PY/w7ZyD7Xd+RQgaICSRCXv0zsuG+vFuVRIX9Dn4fcI2NnqAWM\n5CFr21gv8KkhmJOVc4p3P8NGvsfytmwDR3fMlZTNi203WEzKEaRVFX+CUNtb\nfowqmMp0RPmStnQrb3DxHK1Jm+0es6jyO31mkNAojzU8kNFHGr7b64t64wBM\nHxp8KDcCY/S8KnStBrtRm0ZKxq/C36QHNYQdBLM4txrROCqEStbdkRdZtK0s\ngFvQ5cBKhAe//aIxWFqjtItgkJRALvaeFHgmDIPDZ53WeHx/SMztsGocBT3r\nQLcf68axtKSfLSsW8hdhUWCw+6U9WegaeMhSmxmRZxvCBB7H+HT1SuexdOmz\nCEEF/6ikzqQMD0bYXelDGhU9QuXuWEgxfKLE+SuOh0p4Le4j+OeGubhUAB3O\n1j0mzptRaopKoHEJwwgr4D++BVk+tAgM2TKVyt5P3WxutuBiQgp18FYv5zUh\nBULuAGdh8v2/7FypuNmlc6cRjGkV7EmM3741SgcE5OjAieYjDtKDqWTVY+/7\ngLK9c3u1+WRwK7mQxtGebkE5me/Bxq5UEYh8o/4hWW1PTL0MPH4IziwKsR5F\nyeAcjBp9164sGFNxXIaWj3cGSRFxxffXcvBxiKckMuV08pmBaKHLNMVlxy98\nSkaR\r\n=cVWe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.b4f5a1c9e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.b4f5a1c9e.0_1609364767145_0.6790650196357189","host":"s3://npm-registry-packages"}},"10.0.0-canary.a94bd8deb.0":{"name":"@material/rtl","version":"10.0.0-canary.a94bd8deb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e503e9ed2592d72818a4a87b709bcfbf2af6438d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.a94bd8deb.0.tgz","fileCount":14,"integrity":"sha512-N6rYRJBgClA9zSohIpqGKavwpOiNCp1WBE8PUwCCnFJmNgovZUvcs4Px7bTlIt4TFD5i3fN9nwUs37HNFZrF1Q==","signatures":[{"sig":"MEUCIH8zHdRnMPDHg1fem+9j8NUllqx2Y/+cr9kxi1gdzjIAAiEAsbv1EBzMZ5//28bvp7QIVkjZRqA0nzTllXk/s3Ll7Qs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7PlOCRA9TVsSAnZWagAAnIAQAJ8h4nNmWOIUAz0gfNoi\nEIIhTKBhH82VXXUlChJt39e1aOCzCJ+voHpnp8G0WreL3VZTMG3n/SGEgd9q\nYbSk4rgg5Ih+1Ffz3520PRDtw/HcuqW8fR8fgo/uodw2v6xP7kE6MTlm+U3u\nZ36JXZvtzeM7S3bnH0TslZpgcZ9SmG8eaRHvbW8r068Q5AFr1IJmABSl/bUT\n/DtMrej0DmG/zSnUz11iZElOBPpqe1G6QydqzH0XmQTCKp2ztJ2rNMDmRY42\nh6o/XGgSId+IXrkTJKkXb/T4UIWdbZfsBbwRK5XUWizz94HEiZV9fRSoAbnc\nr2a36eX2mfgJp7hVc71/ULPkVU1pwJcyPdbaEd5RG5nw4h/Mt1tSDkLMkE9J\nU1wQTdPkLA109Kp14yDR0mr29R2Qn9LBRl/ZvcgY8bz24Ma/voZQy2oGcpAb\nvZhUBiyr5SZc3WB7SPm+CNgfkdex5CJ/7Ew91NClITpggJzEJY+ll2oO/3/l\nY4OX2Tt4fyMWzm1UMfQB4InRj+2rAN0GagOKZ23MgcTtWoOgOMdLsGePyOvg\nHYbL9l6eWAF/frYL6I25rhgl3cUHpzJFJ+FTSjs9gjRHXy4B3TvIAoG3OmDx\nbwFKNn8ezMaqL4gu/cF4QosogaYhph1p2emXrDZdRW/zZeM4ZYCdSTMHMvrd\nD88k\r\n=it5z\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.a94bd8deb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.a94bd8deb.0_1609365837467_0.16193711105438502","host":"s3://npm-registry-packages"}},"10.0.0-canary.5d128511b.0":{"name":"@material/rtl","version":"10.0.0-canary.5d128511b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"03a62feae3fcca89c0cf616671c31e4acf344dd3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.5d128511b.0.tgz","fileCount":14,"integrity":"sha512-Jah2f+Q7A6DnzPi6aesprs6Qg1acvmwOYIY/sLMn2DHti4xBR05vcdeW7yx7dR3eAh3SY0WM/wu5MvqxlepNUA==","signatures":[{"sig":"MEYCIQCPieJHYOvJHvjuZWyLADuMu5vliF8EUqgM4e7Gl1qdcAIhAKbmDew2AHfwShxIxjnFBY3uAjsGAPbl3zomk+nHLrMK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf7PqTCRA9TVsSAnZWagAA8yYQAJ6Nox4rHCA8qqom5t9M\nd+GUJfwsn19fkIvrbBNYqAyWjN1m5VE19Ygoh5CPIm3sKgUsbk4Rfs4jCFXS\no1GkPR1dVGpTDWM62hXk0qDTt7Ujy3JcQm8hzBcizjege57U3Na+UH9R20hz\nHA7iriE9l7O1b38PZfPELXyY5/KuqWPGqZQjFIb/BByj34je3EKJJfue9J0N\nTlpfhPOqvtHZ6xZ8Y+NjyORJ6CJv9maDxLq521Qy9LEERCfoVcQFyte+Hu67\ndimSj2vZhIaRF6n+WgKWGVPXc0yXMah4ebiWFBuor56UWRJoPGGvDANxDvZD\nLYMTxS/TEZFHGRP4n81RVdcRseihCC6BR0xuntI+5pLTYF0OCjFCq9bJRs0P\nNzxFcqqZw0D19KvV0BFxxpPJJcAOcbjQex2NCxdy0mb/tKSKrDDapeqyUceA\noY8vADkskPJqmhbCRqsPbWM2SRuMXCfNALwIQkelNlyGoKDHEx+kj4FZ+9er\n778kZPifRdnGuN81PKXzIHcmKmzoYxzzBJNzppL45/HnqYuOpgMxz9yZO4JS\nAH7gQMCZe0V4tC3y9IKsFLcC0SbvvhdmN39mC6pAg2qKIGZImdpIEk6xGEdv\nWK0bZoVw9Gm7Sy3xdNgjCwYkFzYagRzqMrWzUaZcZRa5LCwcoBbKLbQqBkbh\n9rRe\r\n=FZqM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.5d128511b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.5d128511b.0_1609366163011_0.3767920446902997","host":"s3://npm-registry-packages"}},"10.0.0-canary.365c69360.0":{"name":"@material/rtl","version":"10.0.0-canary.365c69360.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0a6c4d4ac958f38f50009b6271efa2f71c687e7c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.365c69360.0.tgz","fileCount":14,"integrity":"sha512-6aEUpcscVUQ79ga2WrdHtL7/z6PMcvdBJfuPDNFBnZSBX5BHRXk+k0xXd7idxszBwjF0siaolMy69786W4+3XQ==","signatures":[{"sig":"MEUCIQDwPBppFihFJmi0akE0J2gB/1ms9NXx8HtCFn8oc+nKLQIgV0FKjM6hHwxWMTYIRkp9Zzo/ZQUIva80PLWQH4J0oIM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9KZKCRA9TVsSAnZWagAAC9MP/i1VVPhBBWW4l8n1MZHq\nLGffAWGhUgSRmxWsgiZ+45ZEGYD57hR8ReE+WJsfi8jqVWiVo2C5omO94jFE\nPhJ9TFxUjYkO80pml4Xc0o4ZW+tVLLLkIAnoBhXAdOU/vV2i2ITyT6VK9kc6\nN/zUM9pWpYm/qk2PKijKJBGXjH6rTCdFE5Oed31h+Q27JjHpqyiRAfJVpSUl\nmO8vkPCO1EopyAWOzfQMAW5EbROaCEHajB8w9gFPDfw61uv5ECWQmEH7KhtK\nqLP8hHsL/ZonV+JwaGsNQ6GOiMBoOip/A9Q55Ppg7e5auAVeDTwT6o1yTBe2\nE6PJSwv2Ux3uNQwT/UVz9m17rllpP+aCnxnUMkXG5/yxrgTPQv2GZt0AvUiL\nxd9dE5ApmlfNlZFhEYpyDk2MRi/oNQ08m/vSiITgIn1PDZXU+W2d5fG3Vvaq\nzOiA/mp2+1ivl9cF+IDTrUunIFJOEl9ELj5pz/ZVO9raJRb8+4/NS0FuqWJL\n41F3JP0tjsz+gmFbXiPfv/jq89cambT4XO4qBEqBehrNzjMcoP9jsNQyKuL2\ndBCKtVNrLIvYUIEcfSlhkGFb1J4Z1ogp6wmf69r4gKgOXSxPKW6jUAuoXiQa\nwEeAcecsGesPHeov69zVCmoaBTIrH/lcOaAclhXLnLTHex1xU2wj9jtqPNW1\nWSUY\r\n=S2Kz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.365c69360.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.365c69360.0_1609868874236_0.3789291257126881","host":"s3://npm-registry-packages"}},"10.0.0-canary.700a8261a.0":{"name":"@material/rtl","version":"10.0.0-canary.700a8261a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"52f2d3651304fc77f58f71287f1616657475dca3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.700a8261a.0.tgz","fileCount":14,"integrity":"sha512-84WAgSbyYUfUbDxmbcL46lmO7iF7ZlnNQPDLb9nKFlX4t8x+/7zHeR7pD8dj+IXhK4oIRqJV+IoDFUKXno1/ag==","signatures":[{"sig":"MEUCIQDc/i8k7akwxW7PXcHNTLW4aNh6pC5kyGrcpG4Btv7EdAIgShAFIsoCnTRpURRd/Q5crH6A6AbNp9wNrFFBa5f/8wY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9NNZCRA9TVsSAnZWagAAy9AP/1LM5p4tT3NXVA5+scHA\niKTpQ258qoESH3h0Y1NJUkbfKevELNNFAOQdWXH6KTdE3p4vGBbk29Sup4uH\nXsQE3pZXRbdSR9nbUCMv1eRIjN1DokSgpo7KwRcfLHG5gR2O+/EK0xgzY/J5\ndp5dOTp89gIsvZ175eKXZ5RzGhn9JdK49LiM3KA9YPqTiH9hP/4hkx7ynGoM\ngbev8CPvRd0BC8GIXs8KQEk/bacHIrCQ/J1qh4SRal9mnP8XyYJMQdMllRQV\n9eZIprLSMS5Q+u/MTXsUKTq3Hb4EXKpHbpfi+9ZI3J5Yxn/fyu+BPyvgv+gZ\n2gvptzn1KxTlHZmGsc4oAfx4SbR6PoZa6aIxWN4lLgIzM2ah9wnHQP6vqXk6\ncB1wnqLUPypumwavjoBhepitUEJ6LcPIwhzunZ8JMOqhOpfZa2yCCSvtBdsE\nd18Kumo3B4RKQJkp7rGpLu9Tw3eu15bS7qIkTs9x4WK0nqcpKylb4viYmox7\nefDtWjgV+Bg/XlEJDVtpwsvVZKPmeF1MNYshkBaCRIuyyOBZT/BETeu5ZSxW\nKEC63zud7GQDrovn1JnWhEn2VlkMeYTX/5TKQSeIWEjmgStL5eX0SY+ELgeq\n1UqjucOdxl6jJPrhm5Pc6PcuoEm7EMnbhjnARMG+eURPYKaJaHHTwHrLGPLr\nHlS6\r\n=av0V\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.700a8261a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.700a8261a.0_1609880409075_0.6172256023352116","host":"s3://npm-registry-packages"}},"10.0.0-canary.766981c15.0":{"name":"@material/rtl","version":"10.0.0-canary.766981c15.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"86242c9126056aeb4a2b5545c2e3cfd0e2dbc1bd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.766981c15.0.tgz","fileCount":14,"integrity":"sha512-YvVGGTwtqjZwvLhYrp/I5xe3lexzzr51eLaYw7yrE9gmjGQrp0PSd90KeDLMUmDndY+ulrSdHOIuNDuiplfPeQ==","signatures":[{"sig":"MEYCIQDgmswAKNiCimSf+auk+Mtb0QOSrgp49lvSHsZ23y+g/wIhALca35B/rKXgkDUkuwZPiDykFvIFhKW8SklRY+aaYMdv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9Oq6CRA9TVsSAnZWagAAF60P/3WqPBZgLWJSQcRHto7E\nkdDw2X2s/Zb1qIczZRM59rdbphrieBrUVKlBFAY7saPktI4CIX/33Qva5iB9\n9mitz9XNXpJTQSajmK0hBNQx63X+GdeNS0PcmBflzllcRdhdJkqJCY+45rF1\nj5cgdl60eJ6BoXuB0ddIDdYhmqLhPjoRZanSeMbeLPhbkU3T3MN1Hv2+Ii3O\nV8ZPAXyzW/pCf2iq/itDjnBXRbXTullCCZfZCrxhgtlKoMsSBbPXr0rprfHh\ntrEiRdZc4aSALt7kpRkCiyANie8NWbF8tjir0IiY30ADq/zjS2Aasyts4IZL\nwu5H+dzwqCdtAABYER8lUuCjNaziRz76G1DUUYDXRsaxKfILRKtQRKnzmLmN\nrZp8u6OVE6PsWLzM1YULvHwKFPi2isG80B4lmeqMc+2qHznr1Ok4ZUyevlon\ncXo+uEGnb2YXmhYShmPGmwzSx2n+hi5GT/tPAFN4t7nVkA+xR139QMyHbYgb\nS0cY2vWn+P70RArcWc3WvOoj6lZa0QMFfHfEF3rgQ7OpTKFriMMq7hHg86iY\nJ1eaLQnR0fq05yTDUu4mUhvmk+Dx+ohVAivRn7n4PaP3+YBTZwkXjNN/+Qxs\no7PjJPPU/EYl1F1R6aegFAP+/09uzrLdhYYX9Q4EYLGFHNUEdmZrudETUKvG\n/7oS\r\n=HIOh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.766981c15.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.766981c15.0_1609886393806_0.34676063681346614","host":"s3://npm-registry-packages"}},"10.0.0-canary.b28c576d9.0":{"name":"@material/rtl","version":"10.0.0-canary.b28c576d9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b0502576134bd5e0ecc093840c9e5c91db53115a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.b28c576d9.0.tgz","fileCount":14,"integrity":"sha512-UFlWjFJtkTC/tapZR/zQIjdcqYb9lKoSFWeG5sjtnS1MpBfsjhxVIcsctPUV4dsilNOQHAwKleXeIerHw4ZYWA==","signatures":[{"sig":"MEYCIQDsaC56364z+xCQryBJ+BG6CwMpCgS1L3LEQ+UZDI50FwIhAMf7jsvJWzr2o4hReh5LZUujyZ2NTptdddaSHPz/W354","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9O0FCRA9TVsSAnZWagAA9DoP/1xHcc+IriKPNPJxx2x0\n1ffptGnkJ/0f+Yh0p557DrDXKLfloQskcOHqwb7lwMs1UzooEKmV85k0TEd7\nPUqBk5dTreAHTN8ZCTf1rfSIv15Xk1I4EGD+TlGLEI0i9KpqoS8icgG5vgOE\nX86GOOQY5f/asX40vY4cBdJrEY0v/YAnZCJdbXeOvDNQLGn5ZFaOH5Kf5nJo\nvnAZU/9w3WZNdIMHr6H73UXkvllYDgXK+gH2Un2kV1saTtwU/801uUDYsmFF\nXx9gpoxHWjDc9LqKzcPKwNMZppw/SCmVJUKWZru03tBIJ2nVYYnATbN2+W4+\nKPOhH15AlsyM1OWRSSxQcN+0hzW0ZajCrYv8Y4FoIen7bKim9K7AtmhI1uEZ\nh5OTxlGs3VYg/HGx3/xGjk8gCb9WXgaOdom02pXb4U2CUyRRMvu/6Efg1AP7\n8nC4S5Fa8FjLIMvrrwELQdWemJT1iImd/D0d41K17lKISK8nFdKrbpKuMq3l\nc8HKE20UHGqRLlbQrlyZ4lMlZEu9qvSpfnjC0W7j4OtN38zesSaCO4ARDGbJ\numo13/FAfp0j2tqE1NdX3rlQkfgrSYvgzQUUV7Ni6bQNZiisIbcczhb8uBbu\nAesU+sE6orzhHiTQjp1sVyOHjMa7ee3f3QwSlwQqP35MZ+9SoPOJveOHF1q+\n4LEv\r\n=F99J\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.b28c576d9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.b28c576d9.0_1609886981213_0.9876173960713741","host":"s3://npm-registry-packages"}},"10.0.0-canary.968735356.0":{"name":"@material/rtl","version":"10.0.0-canary.968735356.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6fc38ef8516d6f5a54976f52c3f0b053da002059","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.968735356.0.tgz","fileCount":14,"integrity":"sha512-PYSpNQnj3arS7btrXDnChq4zzLDFqS7OQfxfoq1ynBJmISAfS2ZpkEXdGMmTa++DZWYKi8y+BY8CEocUDNcAgQ==","signatures":[{"sig":"MEYCIQDoZvu4e+AIw7c5uRTwk0a0e8j5n7r+m10Ud0meke4q1gIhANLbuoX5BeIuAfTMnw//5HOA5/GyjtjEfEfq37bwfoUH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9dw9CRA9TVsSAnZWagAAUpgP/1ywD4vKcAXkiiIWsyoC\nJmiq2Ur+M1KjZF0MWxU4k/autrCN7xV1+WsdeJaC+9lBM4ZPfD/0HEk48HuK\n0Gl07wI1e5a0oueVUxJBISVRuBpROTE7FeZaDmpqn5h4ONcyo1jBs5Mxuujc\nyd13tN/cdgIniYSOgSF4IyapMns8Yt2eHllA5C/PkqkWivJOIqy+a6gdQi9H\nexNS9wyzh0hQ6S6FU5LJZjp6dGCtBCYQJdYiESVD3paf7zW+qVWGLm1zswfb\nesnj4Bd9Y/QUc2ONxc06m/AseWg38Hmy9LkBX/F0Te4gj00IlAV2+kPxVCl0\n3Conu9thlEL7x5AOYz8mlaNh8nVdgc2BHv4mrwjzzkQYnZlLzC1GcaYQCa87\nYFwbII+o5FS01asbMTQEPUf3oODxga1uLXkplJ3BlRhpHU9VutICouZyzaGf\nCFp5sYqVZFkyd96pCVnlVoy/8UgaHD/t0zB/PXbQYR1Z/dKCyTr1k88mZIH5\n8sX93YdP8U+Vs1aubmEZR/HauWxtqIf+hOtVqwc9Q65KWIqUgM+i42y34du2\nQcpcFa7fYwTaOs9vfOyZdxPwLwnfPAEYfQVUsDBPC3LuNFECjFoIM7918ZrU\nRGnmnaQ1dO0FCUS+x9qYUQe58edAMX1vBANtuC79viZFOCSxNNlYpZDsv6Gh\nCgLt\r\n=OC8b\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.968735356.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.968735356.0_1609948221454_0.9775577612029425","host":"s3://npm-registry-packages"}},"10.0.0-canary.c5e18b020.0":{"name":"@material/rtl","version":"10.0.0-canary.c5e18b020.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"18a7131cdaeadca6b07b90505bae8274f512a058","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.c5e18b020.0.tgz","fileCount":14,"integrity":"sha512-GFUKHmPUGj8Ho9dnMjSQCdeRJTHIY5Qq9ZFOqds4Pk+B4Gu4a5rv+OJ2T7tNpD+bo8OLkuTiwDBrJA6OT1f9zQ==","signatures":[{"sig":"MEUCIQDMHHXHbHb6ss3h1qqsC3EHU3D3P2t7xQUA6OzgF29bTwIgEIlrNo9qUrzKteurEkXurzoUPi5X+vlH2J2NwyQotNU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9hL4CRA9TVsSAnZWagAApA0P/3vAmpxqxW0dqYMGaCaQ\n+R3+NskrHfrAK9sMVeKKMn7UWz46p8nxFZWAUWYP9GQIZ8tRMumVSWOPmJTI\n/sD+pCZWVkp0BLr6kjAj85hb4NJorrvxhIQxApKcZ2koaADgygP3FV5erLOU\n2SbHz0QouVFAKY4q4ycWiVx6/EofHHifnSKTLQ3esxkWLtJwD5p8emFkF/JW\nHl2N/gGkwgPYe4boe3I+6FT4X8OA2grCiqXrUwpy8dLKp49DwBWdxGoi/c1e\nIxRCW6W82oljg87icH8L94TQsQHLFFlDb1Bmcg3vaDMthywMxE4zP6pthh0i\nWGY1E4aYt8cc/zOpXvBNW7yuv+7g4iazz3yG0Ua00p0RHDxbdiHBQXMiQMf8\ns/YtQXAhEZroe8hjyFuA83jKa/T2uxshs2HXxUjTLNKzsVP53jqKf3anPOZH\n3hxsASBGejz5wc0HjegJL2QtSY8kmLkO6Z2UyFHy++ryEzWOKjHkT+yo0CK4\niks1sy4GVASUXolyOQxCwEb4/mo1NeQEypiPT/u24gRgaa/hzycman5hu7OY\n2hsrl4VC5PIZ4yvaSAT+LlolFFscLFOwoeGMDDV9pJqOvyMl2gLnSHgHyc0B\nW7jMH8MA1Ae02RYmDkUSXh9CYqp77Ey5o8440xgLhk1GqxbW4pZNuUWRmmBu\ne08+\r\n=YMWN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.c5e18b020.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.c5e18b020.0_1609962232138_0.2326868394036372","host":"s3://npm-registry-packages"}},"10.0.0-canary.bcff8a66a.0":{"name":"@material/rtl","version":"10.0.0-canary.bcff8a66a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9667646c2fbb0cb98ee88fea7536217eb7955e29","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.bcff8a66a.0.tgz","fileCount":14,"integrity":"sha512-xSsblYpGGRUQgJHnet6ix/v9NWroHhpy3EDr0MFrCeO72SNfCDjgdh1hEbrbrq1wCoweNoLS09M+EFPtGPPxBQ==","signatures":[{"sig":"MEYCIQDzAm0Qivo8pooY5JqOe9jmFXPdDQK6SflA0niMj5vTcQIhALdd2O40vvdKdPph9vWfCV2z4GFBj46M2gQMiNdqy+gI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9hzVCRA9TVsSAnZWagAAYfUP/iFJiuAINJsIXO8RjUtY\nxR8gceUH9xpce32o9wNyKtW6Dd8K/qFLxKDKRCt2ulTcC/7vLvHyMdjfCm1R\nB15IPhq+uBMclf6GJU9WdyYU4yQvr4909wr4VVg99kDf+EJzWUwdoO2oM7VG\nU0i8SFxuooq1MHXPLInMSQ6IuXusL1QYtrkw5zEOCtC8VAH1sqEe5QS76ntU\nTBwCxNhbYPutua7OIR+ix2SUro4SkDEs+G38GAGvILOrK226QPMKs5AAaQvV\nxgOw74n4+hOf+j7sECVcQxwuBJL+1gla85XZSr443IeG/7U4yC9vFju0HKvC\n5Fy/g3msugXh1TYkvurzMqszm/gKj2ju/t6LPCQ7xOJHTI3Bwsz4YWLPtIwb\nQr0RFSP61rz00P12sPc5NA3DaIdvSCY9eT/GschathG6toYrvU38ACW9qiFv\nGFLDm5kJqetM8YcThnmWn/rez+ri6R2gVK74mjdFBCvg8FOTcrMaNlufp27T\nZBBOF2iPexZFsBdapXyyFzPE9zejoz6rEcomfuyArWlXn2d1QMNd8FkNYFa8\nnqaT8ecqUjUJtZr1SbBPprh/kcvW50Y4ZPOSbOmNIOFLAjkxJ5omXzE9DO0P\nNrV3NeKfA5vusgS/jAcFlhrJNm+S1yqPdx5qDPZrplO2eBB958xuhQ2DslNW\n3p2b\r\n=IiHJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.bcff8a66a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.bcff8a66a.0_1609964757179_0.24819660176156022","host":"s3://npm-registry-packages"}},"10.0.0-canary.79328c9ff.0":{"name":"@material/rtl","version":"10.0.0-canary.79328c9ff.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6bac3744cc8e419e6660f78b6cf6277501147c1f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.79328c9ff.0.tgz","fileCount":14,"integrity":"sha512-ARuPKSl1bx+rXwjSiZ9T5NpJLms15iU5dTvNrdmFAaMx9TgnuHAV83MprxWKY2LzBECp3SZFQKejGERhn/ADLw==","signatures":[{"sig":"MEUCIQDylDVKJEGb6NLIpbHMRH2Fe2yUR+hDUYbmNE3TrUXfpgIgfu8xdGUCCgWfffSxzsSng0sJyrBrOzQPuQE7tZHiyn4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9nMQCRA9TVsSAnZWagAACS4P/0Y70Ct/+uTPEUr21F0D\n+FWwLYPEtn4hvE7TZKZ7NLLARCG7tXCl3ixo9wJ38i+ioSgUywg5eh6XpkE2\nZJlOoZ0GEtPsoDBFWc6+bL5TfomkP2lu1Rq7Fe5kLu4WRbh1JzCLmnD3xRKG\na9BjMyIR7tHFXuyWFJN5pKnpI8ScBLsJgCdG308Wll1wz5XrOze81AKI6JnF\nE8KLn1HpcKRAdOIZr7YaLClxooRnFov1DEo6gm2bsMp2myX6mwAA1egS9U+c\n865JzSRSxUli2yyfDcuQmN4R7pi+7zDPhC2iVkrGOLn6Vjn5haiAUMOXSGkq\nI9Aga4TVrV2l51zHKfz1lP61cz/MTjTjrO3mJ9ItoN1AMuVMKS8b6EHTt5rc\nPQf8QW6Pyne9XmANsu1RstA7YedW+0ohgh15sj+Lt8tNmM1A6QjOiOiW5qDn\nSBntVfa5n0jxhcDtBUk/oIYyvT8oyx/SiQLU9Nl9zFcCoeAddTvem1mon16D\n0V4s3U5JDufE67qVOPdskaZqBRe65oqpoR4w6ODm03/R7IhYhRGTVtBdpFcb\noa9DLexbu285V7fHk/kJGnKnoVIH6iTvw315x0xQH/nP2Yd4zesSse2uVwh/\noTstx7AsiS/Hxi8RFeVgUesGVN0sii7QPQybMpCjhZZ4DgismHaxx42Rq0sw\ntlXf\r\n=RKyu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.79328c9ff.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.79328c9ff.0_1609986832285_0.1270354548557684","host":"s3://npm-registry-packages"}},"10.0.0-canary.121e1f303.0":{"name":"@material/rtl","version":"10.0.0-canary.121e1f303.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"294059e1b6db89423703a4a3ca9d8b4edca1cd73","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.121e1f303.0.tgz","fileCount":14,"integrity":"sha512-iCN0bw9dqsCuEwkY9bC5KGcErPsmJ/fyZiSI+kB2+Xd+JfgBhELRUVgXufVwiPMri/H5kekeRPB7Hq7JNYMUcA==","signatures":[{"sig":"MEUCIErF5hD1E/TIrlKK1NVXlD7X34BmshkF9ehupKaLXAbpAiEAvGX0hsXiMU4PmgXlftCPCQ/sG+CmYshIjK2kPXKwqJc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf95cACRA9TVsSAnZWagAA9LUP/2cSwuA+DRlilX3TCBcq\nMXb+a9Bq80HavoQTFXb9o6nwKHsaD1iJPPL2qQeUzuuVqb/DLR0IGkH5BP61\nE/39WZQKC7SEzWCr4I9Q+P5EcgUMKB1mPR017wdkyS3jMkgrIO8SIaAKeFDC\ngkWkjZVpGcxGJly9rmyi5whLneVsdjpmfFQcheOW1r2zLtpwfT6JGmtbVDEw\n15dmpRhwNpONlK6FzdZCD1vRQ5LTJZ4BxeJtABWn7eJhC2DcoLfz3SfMISgL\n06qLeBiR3qc7nliPs9vWEl1CPu53JMPk0NZ3QY1sMh++6xEwKdocly2bXTGw\nxbkfsShSjVqCEuVZHq7PQ05TKu3854LB8T+lEVJyYtkN7txr1KUk0GUPOvjJ\nOemb/93RXh+TCT7Kd/mPHsvgu8F/hv975Vnbi5gCLoA+UdpWvFXi9W7sHQB0\n8rzwVoJgMeo76uswnM7Svzhg1kheStIwDpMSBq9lI6ovu/6uTIhoGsjs2wF9\nOrvkEgqG05pzb1aRuDa0+LOymuBEHtATC5bFBcnkWZ4WLQ/cx7aOjQ1bNNnb\nQz/SmuD865Jz3zRp2v7ohsU77SFMINvVrzRw9RPv1ZmarnDha5GmEFM5QbC7\nYW2tqqS/k3gZpnhYb0oUCZEOJE7HVaNruswknpKGVTA+qDriniffl6qqOfrk\nLz/h\r\n=f4yt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.121e1f303.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.121e1f303.0_1610061568502_0.7347724820084762","host":"s3://npm-registry-packages"}},"10.0.0-canary.abdd10065.0":{"name":"@material/rtl","version":"10.0.0-canary.abdd10065.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ce047d96ada944d99f1d10cefc98dd68b1a715ea","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.abdd10065.0.tgz","fileCount":14,"integrity":"sha512-pPROiOF5oRnr7Mr4aH5v8YylJghmRM+Qf3soJzFqoyBe8OyrekwNjt1jBiGt1eX37r/0t0uWDt9Dxvhwr/Lb/w==","signatures":[{"sig":"MEQCICAZFhW499mfyxzOR1/NnoPBxFyVqAtzna27jJCDsiwCAiArXUGxwIe6wQJeT5l22N3jMsKe65pmKx1EMZjBRuIV1g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+JuMCRA9TVsSAnZWagAA+YUP/3PDqV7XBdrbC5Hjl3Xt\nC9TjadLRJJeCJEq9jCGir77k7QEj3Z/LCKOnisUQCH647+VzGbxS06FqSKbx\n55BhwU4dYPqCS6myLn0ErCTuMB21BcGRUTVUIfbfH6u6TTgXxYGi8BYyKfhw\nbObmrYjntx61rz/fqY3rIba6f344N96Dxv7JviMv3BHt2JCIFF5fDeqIMZyJ\n6NSKZNz5j19Yj9ysBxHj1A6E9vyzJB3yQ52/GiRilzPO4qh+eb4dCXZ8NFKp\nyXtpoonRPW+16S7QDKeTypPZ+x16Y7QOWC94miBtolGL0Y8PBJBUj5w7rej9\nKaJLwP4I6dmm0leXVWMNn3+p71V5mxwrFeSR7oOhnfInIBmEpMtABQ3HQ76f\nCZY56vR/1PORHlJvzj1nPBaTF1hSq6uc/e8Ym8CEFfbamoWMS9wl/HVbpsY1\n3x9eowFH2NwrH98rcnm+6r1SEq9gNWKqeyS26JEBRS8dTE+9BiNdSCN2UlxV\nEpachtyegnty/xCKVYnpX1nuix/8NCgT/X3/2kN1b/xSYhhCKVBPIRHFDG4X\nq6DqSm82g1qNtFD3zO7se3uiWYHW5/O9qEfZVBaGnKtkQ0maxouog2w6fetH\n7lBL79e1RcYKJEtuj70qN5K/jdWggQJOerVk8NrR1KlJFTQtcXMlcAHIeKp6\nJIMH\r\n=wdrO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.abdd10065.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.abdd10065.0_1610128268030_0.48585571591335097","host":"s3://npm-registry-packages"}},"10.0.0-canary.089de519c.0":{"name":"@material/rtl","version":"10.0.0-canary.089de519c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"78a529eb08582876709ddd69e428975e2a6a013d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.089de519c.0.tgz","fileCount":14,"integrity":"sha512-+kQI/FJk6hkx1V8SKK908t+hcf/9wY5nH9mFkAVBqxcwlqFAKriqmVq+nW1nJ9Gw0Z1lASkLumsov0hwsYsP7Q==","signatures":[{"sig":"MEUCIQCpnZUdP6pl1EbN6RIwII03w8cOk7H5x4yLtSqZpl2IzwIgGYLLIGDMhjrkQcj2/VwTZhfOZYSjtGDIVfinwh2sRd8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+NqkCRA9TVsSAnZWagAAZtoP/3kh9FqYXZPHfb6f/sXU\nMa4jORspjHLkiQHZRVBRJga9361j+tVVEaVSrBClsKw74FJ1s1kiKu2Wuh+q\nAgX6sCJfX//Jn/kbYhDcPFZBawjgTHLWTC9ggtes6WUdCNJktsf1dvAzf/Sh\nristEQ6F7p7hOzL5sUVx/VjGt6lpPrFMIlxV5cZ6oZARWILzxGkphy39EE5N\ngquqDcGHtSFDKjjISGf5JMNxcMTjc+j+adGdgzHuiidnKOH3VlZlymdce33v\n/L1tgk1ey5jbHOmffLqLaPxHZkMMKNdBGa87ccuaO0kuyeDPyJHvNzniwW6C\nX87/Mmz+3oyNvEin75Q0FhuDHZbVbxu2icMgxkyyC1OCfHeNuQPlmQQ+vjPr\nFZVaUSWwqvKMfJOzZbgDVzYXBpfhO6FUPf8XmpoDAfjYkVTkJwL2TAEQWZp3\nuXpmvgmXXjpWW49AmimO1CLBRHQ2xsAeq/L+wCx6njGDEKOWDnbp8IKcrerW\nlhqGpEzytmNOAYPcI0p6W6OI0uJnUaVtxG0hrpl9gh/++i459+s4BmZ2tCoz\n142QPaa6YH7zdl5Dv/wWjRIvNwDtG99R7EhhZn0tHkaOj090K/Ca9A95bqp/\n76UIISBq/xnxLpZ1yCGMp/hAR2hDagQMR6YRrwxsX4jkdJVoAiUzDEng7vb6\nctGU\r\n=P32h\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.089de519c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.089de519c.0_1610144419881_0.5621754915634694","host":"s3://npm-registry-packages"}},"10.0.0-canary.163119837.0":{"name":"@material/rtl","version":"10.0.0-canary.163119837.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"fc1e1769150f4c0d2d7108a15fac71beac65132d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.163119837.0.tgz","fileCount":14,"integrity":"sha512-e+9eiaDQ6cR0VV8ln0mGQ9BugRD8ldME59qgfQMhh0/lSHusE+3xSje8ZtIeLKW8qLvS+6hh9qJp4HFcWPBaVw==","signatures":[{"sig":"MEUCIBR/p7H/UnJ05Xl5Iox40uMg+60BS1h6/3NmcT5RWO1+AiEA38gGcMLroUSTJS8kYLpQJrzN5dIR2SOHQKVJbV1Yyok=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf+O58CRA9TVsSAnZWagAAUVMQAI8kJsUct/zay81XOAG7\nOZr4qbPjdku+MsV8Buwy1sRk1FHuum5W8MzbFVIFv7ExBJ94gSduKjWFapOb\nnt4uD0Y3fPa6uXzuoEM2QNJUYA7KbSQV0Y4/4HA+BWyojcVTLrB6iFXOztcx\nFUIRIRawBqs84pjvywOcUAXiVxNHxKydSNK25+h3w7nRvhRA/GjMr9nLCqwP\nMw2RNnhvfUzW8B/xmAUx/Svc+byx64IL8O0/Rr9pfKXuUSUdA0WMv08/J1OE\npeWyNbVUPw/u4ovQaaYCFe9ZLZ2nTefgYG31f6Ddm5ON6DgVsiONBKFjx7hs\n1TwEoDndmPWCpj3x6U0BqhMVNsH0qU9eT5D/WjNu18A6/jJvP3SlXIJL0OHC\nbLUjxoX51rMA/MbS0YoraZyQ/T5YjfkNrQSGK6WB/Nei428NdGMvYXw7Oz2y\nnFm/4Qbk1/bCQp6sI/v9ei1dUAE9MaLQV0K77ZOUOfWReVIgVq9wF3bdfAZU\nanCfcNL9be2ls2O8NxUG1tGX5B8oNSjij/8RPZutMlaBCEhD1jEMSY78O0pJ\n1jb9b9vnk7NFGIw4SJvRLmfVa5hc0vCrVOCAK4Ezlbbf4IdFJJWg1VTlfRL4\nnWg6DH+3h4i/7IPKHvLZyuljmaWKwsLd38byI0g8gOYWCnEfBD+ctywdrPxP\nlpeb\r\n=K5Tw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.163119837.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.163119837.0_1610149499842_0.6290615128239954","host":"s3://npm-registry-packages"}},"10.0.0-canary.b8a1a58e4.0":{"name":"@material/rtl","version":"10.0.0-canary.b8a1a58e4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"036bb73b71000278f7717d6a4daffa371aa257d3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.b8a1a58e4.0.tgz","fileCount":14,"integrity":"sha512-jSFWBwKgTi26qh+x3MUi/p+9ug5SruSQWaHyxF+l2a90wpEw23NejLda/DEEN4BJV/MJXCerj7BQL/InNsNVNw==","signatures":[{"sig":"MEYCIQCSD91LcQ6QlnRFZ5aNDot+R3KpkIa8UG84aHbhnBmJpQIhALHcG9vp2yWrdQRBKnlDNFkZo8nvrVRWNgvqw+a0c+Ve","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/HuaCRA9TVsSAnZWagAAJWsP/0HizYFhDflkvb0dZwYZ\n9BJDzpGIpN2HinGzq77zy0tmMvfME5A07pDu8ECvq/AXz6ZdFzdWGnWoqM5i\n1LC6pqWvMsQsjSJrhfe5Sij5OIW7DdfCRd0jh52mrFYaEIRXDWqgVt7AMbgK\nC1TMKKpvcgQNMBvu0w2Or1Zj4reYpimjAa2Fk4dHXK6lGQkDtVn0UM4I5hsG\nbo7ByeUn8A82Id6wFgwE9SWcx7xX2ih9/iGF1AxXlUIc6OxkrK1n8ahOOVPl\na7uDT5zU4P8YeRydywRalb5o6usrwNEq/W5RVX092ElokY1XpAcHqN6Pk8Tl\ntYxPZMbLoUiAkxkxsxDjqhsqJTwCPzTuAxnMLuLyVEv52OrQxWv6RzuTL7Bz\n3KWC5v8d/F3uB0zsV31pq8hJnyq57Xbd1zrhSByngjhaH7Ne+QkWwq7axe6X\nARynR7t/POifejXl8EgEOXuXbSkYTjk2usaSNdjhqlmaqP4LiIJd7p+kwCW7\nsk59jcH5wAw37bqahkeTC0MqNm/q7hW6+oD2Akhs4uF2dm+Nb5n84NdeHfOM\nBrY1BPmp5l8AsRfEtIWcGpDURITgaQuq7oQcMaujXm+1K41DAIyge/0Om2Al\nwN3A7/lvthtpbVwPJIj7ne7o4Jw4rK1WujSYLYG5djg/qHlu3UH9/escwph9\nqRkp\r\n=jxWS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.b8a1a58e4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.b8a1a58e4.0_1610382233710_0.04969719534366002","host":"s3://npm-registry-packages"}},"10.0.0-canary.7584267ff.0":{"name":"@material/rtl","version":"10.0.0-canary.7584267ff.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8a65b63769bed8421d9af77981a5adc1435ea1e7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.7584267ff.0.tgz","fileCount":14,"integrity":"sha512-8i9ybuBpyIXjD55tVcH8Svw5bu9HkdguXY1/FOll0U1tNfdho2T+5Lqh4Agm6RbOkkaE8tsBdw+TFkFvtjbpQQ==","signatures":[{"sig":"MEYCIQCnbojIH40Y2Tq/JYiyxCoZed61ZfLSjhhJdwXGsRTj7gIhAKRx7uUohJqEvJnjrz6uBCxqqbdr6nkKHSl41PiSfO1S","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/PdZCRA9TVsSAnZWagAA4soQAIG85X8yKQ/EICKx3m2R\n7MOLQkP3R0+zouxvq89asxgYbXNMg+WNNtyIp5xJe7Gl2E1YqlqSOXskoVkd\n20YdV6vdQCH/H7MqzQ+59G6tNl30oeUBGJ92rX/44G1IlvUexm8KhPLDVFRk\n0ek52SnsbWuDpLdLoH9+4PgSuGhFBdUjsL7R1bf5DvPY1Hb9kxh3MjYtbcGD\nMJOSiv5/NaSwT/oeYLlnjiQdK+6nOmZsS0amgNP7JTPv1wH8s1UbnQIFpr98\nW97ixidTWJafLArhduvE7ME06gOtfwhehwCjTS3uma9mxtMHpljqaIifdCas\nEJB06pKtoe1MM6OIXBSDEcYGrZMxmGwtzMnIk3bgqvhDWzAGFgmiwgQNnL24\nEm+ZWB/yjgvKQfjsh0CJ8TG4XJyIdEpQl6FEnpGAh8gdw4bWKX7Hzf3oAWRI\nhILn5MsjExZZqKCqdXpB5YTP4LPXSuLE0lNYIo46cBUhCoUt9RA0t8Zft1A3\n76K9fQ5K+6TZ3c1Q99LTAp7rvGi4vcVModl6UFz/BdR1x2Vk8fouT0NI/98/\nIwJ2gXyBz2Rm8RzUq2cEUYUOZGGWivKOWsTwh+obaAnw/BiBloP4xgPsOefm\nvykmsonn2tmrw4trjraHV+JywEGwUum0ANJHSG347RTLQMQtDbXewLCYRUyd\nZ1T6\r\n=TCTF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.7584267ff.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.7584267ff.0_1610413912671_0.09293260744901977","host":"s3://npm-registry-packages"}},"10.0.0-canary.251ac04c0.0":{"name":"@material/rtl","version":"10.0.0-canary.251ac04c0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c3a370d9c2af9541b27fcc365230f12e8be30d9a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.251ac04c0.0.tgz","fileCount":14,"integrity":"sha512-SB+izoXyVnq1Zn5wjSpRWUok2yQz9cFaamKNCFRSSr4AnXVmxT4c0f61s5fSnW3tuYhDK70W42zTZVr0YNAp7w==","signatures":[{"sig":"MEQCICOk0Y+pHmdPYElHAfzwbDJEvJjMiNrJN9gQpnLU8kytAiBQEnHmzoc2cvvld+zb0UrZW55rkF0W1gpcLEh5y2giYw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/f5+CRA9TVsSAnZWagAAIjkP/Ar1fC753qdR9gowCEAB\nxRnCswRKzEoysr92dpkXSxDfh9k7EuJ/aPMQLOa/fI2zTbfRofOGlxSxS6TJ\nbsqz5oPvEFzLFJ7wrUcHm2Kp7igkOusLV32kTYGRqsmjRLuFSUmf48A0EHJs\nhUwfz2h+EGcFxDHs8zOLdOQn9zLquagCyBXbBO/7qUXMB44c5jm9BdP3cNzZ\nfInFQDXlmKmYRNh7xVKkvKLKyoaO2PQkAhCbA6w4xZshJq0e7iOeq114dIB3\nUJL4R9oF1V8qYxSEu2MDIWHCbYDrhlwuK5fTbA71SJnb0XXuNgp4h5gIQBj7\nTvNb1bNITO+ySKp7khHTTx5sZtPy173OhO6MYZvaTbbelylMTMU8FF5YV1lM\nCR7ZhX8bIZwDTVV3IwHcmaXZsLRl9Dpqwdd3la8KyUh0NZzsQsxOePAWv/5o\nOo6ueNXJDkIvuaRCQNNSNdvQ0gqsyeUyi84QYBMDCCQPnrjjejpnQmsEmRkR\niM4nPp1x++uIE5nvmwmURCqPjidqHzLkX91bpSo8RU6+TVQs/5HW7269pUah\nmk67qR9Xtr5BbhtFpRV2VftQcp5jz5uZ5dCx3mjOozoYbrhJQCdGZpWjeQ0O\n6hkPEpFgVY+8yNB0mfhrQ6A8/uZRvZEXqHE99AJjkJI84AG8cHZ1bI+Dz9Av\nxFAp\r\n=WSEW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.251ac04c0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.251ac04c0.0_1610481277561_0.31599511224290744","host":"s3://npm-registry-packages"}},"10.0.0-canary.772cc1068.0":{"name":"@material/rtl","version":"10.0.0-canary.772cc1068.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6dda18215071fa460ace35182369272fbb66dee2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.772cc1068.0.tgz","fileCount":14,"integrity":"sha512-idP1HKN2ZvnA7f7fnXjV1RWQ/20YLq2sOv0fomZX6aApFxJvcLSHevII7lEmQb2QtY6++T2Uz1zJYPUObqSgVQ==","signatures":[{"sig":"MEYCIQDj0COVhik+muUZzjvYd/wY6CcWwpx754l8pVDoPIRCBgIhAIFSVWfSy5/5OkFW1uK5TJ5x7mzHZ60bs/f9l5kss4ip","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/4sJCRA9TVsSAnZWagAAZtsQAIYaE+atbaQlj00Q88JU\nog/yhTM0qNJqoUbNnDqO7/7P1Tgs5cKgsC+uyIEAewUbUDZl8g5HmMZaEZTJ\n3Xx+YHy4E82BlJ6AJGs9LDiQtW2RyepQmn8jLUTftPMZKs3qtRnd3H0RvPnc\nfCLG/+JrnQif0KApv1D1mk2P/EbNMmB8OH1dP23+dprozt2iXB+l2z/l5f/b\nHgbmzjdgH4x0iMMYLItyUMKeCxkipQz/SwM542PNNewYEd+cqmf3Ho+nKoFH\nYr3NjhTr6ubYO2MsTDiNm2QZJ7d+0hMWyx4FueatdOZD3TokNmx0aCd7clmw\n+DT9WHA19yRdXTyOntqgg0rdThFwSMhFbWFNpriKzNuyxfL764yuir80/Ijb\nv8etGH3GzPWhJKWoC9966sGiN5f9uvA2li/sl5BG/RFO59l8Zev1XFdgaJfP\neG5uEjKsfYG5I1EDKtyTot9pzy7zfJ7ApKbQHPP7IAFsHuQJ8WNr6+TTfH/Z\nSAne2K52RpfKVJuEyfbG9HrOeW4DbthwJK2AKWxjIGf+KiaaOZ7lmkfG0KpX\nn2kdw/aTU54DKYAFSAtaxPtDAzs1xzU9RwPGr5L/F+fNrk+QvP4Mpvp/WuhZ\na31xBbcvhHJ8tY6pGS1JDe6mhfKJzFEXt+Zt2HvZS/TMLZP8xCi6undWe0d7\ncapm\r\n=Z09H\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.772cc1068.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.772cc1068.0_1610582792944_0.059221869690478046","host":"s3://npm-registry-packages"}},"10.0.0-canary.fe13dd130.0":{"name":"@material/rtl","version":"10.0.0-canary.fe13dd130.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c5d7eb9bcdbf35c9d76b7ff29bdb0153602d5074","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.fe13dd130.0.tgz","fileCount":14,"integrity":"sha512-zYfR4bV1B5HTXKaQR9ROWprGRoL+lOgTIt0Y7i22jC2TCpkQ4O523qzmVE52mJt6+jhSzeCI8EX4JXF4G+m4RQ==","signatures":[{"sig":"MEUCIQDcrO6b44FwZNowyagaj+UGS3KuM1IgVNV49nRir8tMwwIgH3y4l+TcZOAe02t0Y+NFfN0aQX0IbUmCAbPzEIzYJIY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/5nnCRA9TVsSAnZWagAAZJAP/jqhr0UZ5VFOP5NQ1rbF\nSGEkkHbozLXpC8vMfbsHnL1Y1pbCjbIr8yFcbRNLNUnZVqrVAeV9Rnn60vhG\nHeksVlIf6DB7LA48avdY8j3uaI8ZqPuOJGzbLF5qDCRUZmxvZPtHXZOwvG+7\n50g4hNIM389994gbAvSqA5NOgDntYujZH34NbuTqmWq6BQ5AINtqwJD4gStW\nKn2XOJ70WjJ+Kkb6S9o/3qCOWARs01dCbCPo9vb+bwWAzcwxEtC7K+FGi/Ve\nzL7+shMfxuiqvg72t5yZHGkHQtvseR3HI0e0YnZVrgJdQzi4wJGYfFwQ3Bw7\n9/5Z9FQ72A6XguTk8GsG3r6Z4Y9lejuFAPS7rV/vaaS/SdwBn2tUJF93sfHN\nDOurIyAHbrbpf/dtbw260ZipXq4B+u0nX4okma3YlKJKJIttOTRl8GEHlHdL\ntNyOzI4KgmnPT4ORKWjghvhoxA7bQJ2rw4El+OdvZN5xvNfWy0dkOtFid91v\nrkJbvIlevmEleBsYx9XDJJNon/RePnTUvpO5SBaJjj24Px0wQ29fMNIkxHYg\nvUESJHq+1ZmDO2iLemL584f5X6y+gZJXKq7YwzBNV7qBNSt0XUtjhgrEmLxI\nWthby5p9NtGd4eDg9Z59jySsbil4qIzM7DSIM5sdusXvwx83P8GOtoymn14o\nfHdV\r\n=sBK0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.fe13dd130.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.fe13dd130.0_1610586598890_0.24879355943609371","host":"s3://npm-registry-packages"}},"10.0.0-canary.c7c5da28f.0":{"name":"@material/rtl","version":"10.0.0-canary.c7c5da28f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"58e44db177c3ca50c05346ffa7e335d708ea27a7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.c7c5da28f.0.tgz","fileCount":14,"integrity":"sha512-9IiCRsPQZ0gMXQcaN0v9grWz2P0XIaB031LsktHP1oVThddTKZDisLGQtwYaH6CIsKXhDvYT/4jKpnwg2/5IJA==","signatures":[{"sig":"MEQCIFCS2PTBWQW/wmY4RCSNQBGtqP2RAdI7siB9YBWVqKxdAiAR7Ze818wGn8RHA/Jhh1s/JYTWPCMHO2mriLnoT8kY/Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf/59xCRA9TVsSAnZWagAADmkP/39KEkggrxzw5Vm88HAJ\nBw9eIK0BXqpQQ/1Wl4UQdV9d75SGxoNqjJWEU8FvO0fzIltls7upcU7gcFyP\nScr1q9gUSGQUUawJV9KqKvaz4IEhWKJ8zOfPXlODWHxg50TFl6OZWbweMZZF\nzgpqRRU4WOzC+7F3DdncJSf7yWuLr6sIGiM2URJqSOUMGJlL+6GebKJq30Y5\nqZc3JwSI8yMZhF2SXqvshdQMNcryqeduQBNsgOoaMUWjJ0uljS02xOZCD2Vu\niNhY7WywsColnk6O5YigPjHR3Q9kqDN8dlrRjLrbsKnQUQTPRA+ivfG1riMG\nJA6pySrz32ECvdxiFox6utcRb+0KvENN7HKgKhBK7MjcrlfvImSh+kNQaPuR\n2gTevw4eBPw4X1Em93fxxdoOgqH6auMybimuUcLFiDBddzagZk1t5s90XSrk\nN/ms5p5aog5Ndp3x+kMWCLAHJu7xIXEw055JGnqw6aHGadlnz9cfa8MPpI5i\ngYX+sLCpfpDbxrhlbDX1QclDi3juUwa1pxBPKEiWb7RUV8lG+zwuv3/fEelH\nB7S4MiZH6fHD8bnRdKaVIhI2ovwwsinQOPVle3b/dPG5LuBjM6QbMcfO/OuO\nyZichxL352XlmmPaIBBzfdO66Xa2pvZu1gVaGPjRO+80oDtbHNpc5AY4u/QF\n0o5/\r\n=VMH6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.c7c5da28f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.c7c5da28f.0_1610588017295_0.9824562471061908","host":"s3://npm-registry-packages"}},"10.0.0-canary.b2faa116a.0":{"name":"@material/rtl","version":"10.0.0-canary.b2faa116a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a0ddb396b7e5a8b0f97741d993d816852764d592","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.b2faa116a.0.tgz","fileCount":14,"integrity":"sha512-Zrcq29zNrcsU9/LQJVk8iVjsNuq/bT81vm2/o2KkJu1qBzZzSfmxmOYb434hrVXuWZrLCNqMhu9F5H2dKjKanA==","signatures":[{"sig":"MEQCIGP2uuVTDxK4R5ubjYzhqJHNOqV8trZBYxxIngnyHRstAiAtSNaXo/gTlPJtLuqWvyirvMw8h/Xkg0YPnmCtxx0/iw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgBzJVCRA9TVsSAnZWagAAAeAQAIX8WBOcIjRnnx1Q5uta\nY583vdCSgS85ZdAa1bbd76BdYGCtGDhIFH0h1cgzJpXq+AKBlXdQIrrha9YC\n/r9iuvfiRysOARyqG+ucuRYChCIlk9Cz+gcYcX15UdlVtEKhsHQKujoA6X+v\nmdurYRBm50ZuECG47iDxbr9yhPHukBYWFXkdInPiARtAJtPk2uEM3ILCarbx\n+/VUce5+SM3SwxxCHZY33dCLZCY4lL46miVIy1UaX+BkIkh34TxeR7QSfqWy\nnOhzLODsfspY6JahJ3f5KdlhzMx3GQx/MekTCsSvdjHIKHsd+Svdqi7gaskQ\nJjgK34QCGBV38ZUbYx5e+KfKCMUsBSvUhPckcMOEYOcsvmexE6fmsB8CM23Q\nBsfb8FatEDiB9NbkDRRw+z6lWH/w7AxYEiTffIBqPoI21dhOqKazJzafsjtE\n6FWZ4LXvk8K/HI+dBX/78gLA2/EjrJPZpPkiHk73bb/0oy1m6UX5+PvWA4FR\nRI7g/k8PJdOVLxvhM61U9DMgUohRHyq1RKzxJxbG64lNtzdiUUlnTf6aVcrx\n7F2qvmeUvJIJbUj+W0IL6NvBDv4BkT/Sdd+zsK1y8gAnXEWcRW2L9vTFJ8gN\nr9Lsr30lHUEDUwQ078vtoZtb3JYdrMNGpLpiSYt8xuBpm6LivLbtz3+IfXx4\nZCnn\r\n=7Wtw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"@material/theme":"10.0.0-canary.b2faa116a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.b2faa116a.0_1611084372906_0.23111181506153744","host":"s3://npm-registry-packages"}},"10.0.0-canary.0c95c9f7b.0":{"name":"@material/rtl","version":"10.0.0-canary.0c95c9f7b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8cd16c01002bc1c443d66c58e7ca9e3a58bf4736","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.0c95c9f7b.0.tgz","fileCount":14,"integrity":"sha512-SL+hfn1KJhawNXV0A7dGWP2TmPQX8ZXpzbl0gpzuMVxpxfJ5f3oTZlDlXei10901gjAZlhgE+WQJt9roWIHUgA==","signatures":[{"sig":"MEQCIB3ix3Vh49AarLzq7ylWPpGFv/jZZuvWAU++H9ptGNXkAiA6A1g5fPAc2ObanzyVRU6OtnDpcstZQUxvtrUBdWGB4w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgB2LqCRA9TVsSAnZWagAA2r4P/1xztlEJCt5wUjlA3Tyx\nX/MM7q/MoP0AqHXXR3VYjqHbm61phxcTK+vonLHqBKgOnJYbuJ+uSVe8+i9R\nN+LO8ACxIK/MstzVjsC3qivPkIWokLYX+rDr52tlxYWByFtbuIebmF9d+e4l\nrG3N8c65Lu1jTLqwAk1FTzlujArIrw1TWkA2xQ5RGd/nu7QRZ5r94V+dqzFO\nJ7NrxzoUpz5jVcoXW4lESVabnMLE030NV9auzv9lB2PjXjV+dROFzrDwOFRi\n4eNiztyDuOAjSXKgO8GsDxQ5+Ax4v4Z6Ys8gIR04l2DCs3aC7U/TNqJLpeZN\nmDirpUV8w9xgsbRo3qf/hmtTpmc4thQi6d3a+TvchWmjDh/g/AGprrFVMmTZ\nWFVwS8ACZ6AYi7zdGz73ViWGDr7pNDQUhVSmqyoNsEjZroTT/JcW4ca3upna\n17grUthpX71Ug4FVgqD8UyCtkmm+tPa5wMLvbKWV3dxLfCNX/0yfJHuSqgF+\nNUI7P7sfzYitdBFniS3m7hJ2FFf3QDoDzs9WerIMBvqOzc2r1+71mbOSpBTf\nX0F4lBB2mXteoRH5xW9+5wxGD8+PuMz0hYUYDub6IGmUfCUuHw4cLZxxnG4d\nXDQwQunH5S6mX3FkVHTHIVbqHWUuPnfjIOHbKlZTi/+AKVKuCDhtVeknxw2z\nyjYx\r\n=P2VV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"@material/theme":"10.0.0-canary.0c95c9f7b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.0c95c9f7b.0_1611096809996_0.2928116572616972","host":"s3://npm-registry-packages"}},"10.0.0-canary.5268222c4.0":{"name":"@material/rtl","version":"10.0.0-canary.5268222c4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b710f64ad5f10b7139a5db5c39e5c091a2e09d83","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.5268222c4.0.tgz","fileCount":14,"integrity":"sha512-fIVqv5+VAcfnDl4mkvn4kBO9I9P7cdwVW3FnEIohKtnXikQ/W/N7rQar4AU/wkmk1dIfJPUbyrhGocqVVjcnRw==","signatures":[{"sig":"MEUCIQCe8U+8D/yrr+XB9mW8HwXKfSov7uz0oJ6QSTc64+Km5AIgUHfWyPsLeWduAO7wNDn3oCFfOxUPoVjVoJuPyCfkO2w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCIISCRA9TVsSAnZWagAAGTsP/0WCylkiZj+di8oDyJGS\nvGsKVjgFANIq6EItJmsRowDFww4oeRibRKv1ys6np3DQAeh1UIv9lMvpSrTL\n8Xi6HraARv5m6hjpN69su49kG1bSnwq9CNxkwLEA17FyfWEPq2SeQx3ptdHD\n86mXPRD6sWOmAU9X5fg2z3OX/ZERN7zWLzWe6OjPwYMddzcYyLatNleZbLKO\nYDrheO6nOUPZutD5pOAyEAXSwoj7snRdfu6899VSGMF+KypjqUmCEL99NTYU\nsh0zqgFar1D+O7zdC3RA/ul5l0hx73AschUrHfng5r5dfZQPmKD7SeRWrFF4\nyztqp9VxcrzfM4nBxUWSCNom7WwcUKZI6zLB+T7lazslojxTBP6JU/OxnWcU\nU/5FzbozDF4ei5uwSOBhVbgYU+9QJQTBthA3FU9+8kK5amMREFcFKM9DO6uo\nHpUL1lvufp//agWELbeJn06VmeetCaGEy6BJLItW0SRyWGmbsMXhR7Lo2mcH\nv1A0DFKKZ8KMnxdL12XNU85leDTOvnyCRRVDJzA+b2dnw8OPuFtxooWSQi8l\nkPcrAV0nBbEZLcT/bJWnCq354T5QyiEDQKpOq18RzjrcClPEB3Qgc0LrFnD4\nfqNxdtDkf/PpmQMfVt2LLGl7+QsI8/6BboyN+GKTrinEL2MzdtvesM8Q/0gZ\nH/rl\r\n=gnq0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.5268222c4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.5268222c4.0_1611170321834_0.6551727046517355","host":"s3://npm-registry-packages"}},"10.0.0-canary.2ed2d829b.0":{"name":"@material/rtl","version":"10.0.0-canary.2ed2d829b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a6df37050e5f4ba33e30d9e8254a57711d2a4ef0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.2ed2d829b.0.tgz","fileCount":14,"integrity":"sha512-/SGNPGyy0uDMsmuCaz4LcF/+UdvN57lxrEaNEu3olR6qhkkp/xRln9vQ+6kNntZh34YEH1P9ZvDRmipSu+l9iQ==","signatures":[{"sig":"MEYCIQDEmHsspuw9b2XB5zDGAh/QclNa4JtHYHvzG0CPt6/8yQIhAPO10i1+9+f77nvGVBOiyg88p03z6BVRPN6NRjd+tNkE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCLe8CRA9TVsSAnZWagAA9REP/2wFkN8V2CARqT8JfRqz\nv6Ds5h66ChshXmyTE6ElsvKnXSH+713bKdG5gsfR1YRsLsdK8PJ7JddpucBY\neX+Wu+Fen925+BJ6VpyOAzIGkMfnh/RNMZXgskbw9ieSsnXTMcdowIiCBZXB\nSzs+Y2cgY+wprM0WLwDPa9pfWEjf4zNm+Dq58/JQpRP72Z6StQtWPQ8fqE2T\nnokUDCwRPhk2tZv/X6bwFB/hC1zQ06sIp/EHATSBPT7S5NzzMBdTduFW1bLZ\n8bokb/JytU8EzOSsLdWUjOQJxNGOQzW/zmLTdbNjzCAEYIzYiYxSsaHaeHQr\nvBtKzL5LQnicPQOvKmQEgj7XQLbGy1dG1T6aUxnEfoMjnS5AI0p+RLWgGj/Z\nlZhFPInB7s4vnX+CpIesAUmxooC65xdjZWZH3cW7T8eLM+7rw1D8NczVwLV/\nHZmxq+vXDtW1ldTor8Oaky7GiEuSp65lv1vVf8XAEvZUKnlopIjJgGYZ9HcR\nrVNdhiAVuVNMN4TLqsg6c3MGw4fG0AdiJTfPGTWcZcAN+ojfkPsELBqtQLPb\nDta557gTjfL7N2OW3/51GSvnOS2z5UWcIB7SLvcFshFgpMcNL4k/8pbREbdw\nBPEQQYGS64MG/jVxQORzhr0cigD7QhP1c2LqFgc2PTyQ/lLhJFmPou8VKwBi\nm/62\r\n=lb2i\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.2ed2d829b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.2ed2d829b.0_1611184059944_0.050621972117431024","host":"s3://npm-registry-packages"}},"10.0.0-canary.df00c2b30.0":{"name":"@material/rtl","version":"10.0.0-canary.df00c2b30.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"eefc3219b92f8b3d80e45a4cb76cbb4c167f0c69","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.df00c2b30.0.tgz","fileCount":14,"integrity":"sha512-pVH9w2z7zgZhJz8By9QYJwSZa7Dk4uVfgRqcBvfqtcG1oEY2PwNwbguPCHnvH3BoguYhHlYDIuODGIYVV7/n/w==","signatures":[{"sig":"MEUCIQCf+ApdFwnJslXsWXYWz/lPaZYdvRnjdPmSIjdUzRV5UgIgRVzMj9aXkeRR/xk6txg41JUhu7rvzp6i02dzZ9klFV8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCdv2CRA9TVsSAnZWagAADj4QAJh3iG/HaaxEse4Shpcu\n0nT/BoR2mcP5sVW73mqOfEbyzTyckXd3gfXb2m4TcVd5eYiyu2R6FO754D/N\nEr2X6eKdHJOMy53JmtrwBc2sKgwowDzsWxx9y2fAxIDtQC09IE/FGsnl393B\nXsO3y0xC16RQkWbn4eSbfhoAU3W7NZzudm6ce9rumDfinUiymUtuSRllCT2R\n73cDXH1iDfJvvZ98uZfR9oJJBY82RR8CLr9h1dR1IFUSbhbGCQ2upmKF3Pt5\nBzlEALQGnjuFbhwNAwtq74vvqxt/bgLUB/VxEj2hjQ3a94pvijklHXn+Nzy3\nuZSHKo0dYjbfOQYgKKUdPdIN5Oykd5t4snfeMutW5GGpyLxPbQxcKZs3tmWt\nGL4qzZ91ULj2xCbbcFP58CM0Zng48EXW8TpkdN0QlcVboLTf6CKWUcwiA+QT\nVkCphwfaBJ1/y8hs+cy+7sgsbXquyyIlFTPSplgkGkHo+dD2WveGdoFGgR/w\nRjfxEB3DQfsMyUD7Xwe1WWcYYC5I46syx1DkflnjrvxIG8KvS7Kyu2K1EdvW\nWQXTxfQ82qkop9CT6yQ8GtJnqED8429QxIgsFQU5jSDYgbJEjhUmOysyDKeB\nXe/HFH4eZbgKiRYrKGLeGyTks00U2IIG3C0xzviY7WMgZwWQgPnXwYTZoPsN\nx7bd\r\n=HZvI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.df00c2b30.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.df00c2b30.0_1611258870450_0.12164892093327007","host":"s3://npm-registry-packages"}},"10.0.0-canary.fd61b0476.0":{"name":"@material/rtl","version":"10.0.0-canary.fd61b0476.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"349c30fa74e0264437e8827eb4a37dbb08de3432","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.fd61b0476.0.tgz","fileCount":14,"integrity":"sha512-/it/uLOnl08n0jeyiUmtjGuMEmMQvInRzQS5J4BIZQ5DXeDRoo2e6LJ9UzeLYJHlF1/d0jggT5xTCRR65RPnLA==","signatures":[{"sig":"MEUCIQCLzlleCSeeMba9Ddj35SYishmcJGKcz+YYOSBHoGXgRgIgFkVBjR+qmvA74WoftYftBofvhJByd1Ri8SoIVLl0jfY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCd9nCRA9TVsSAnZWagAAfOQP/0bZolUnwG4H9VJd/nrd\nGfE5314dsNmOiIy/SOgcoUhy9Y2h8BRRugMRZJP2yL9BYG+FPRNk0hMiUhum\n3rkD9gNWE9T+T/Acu9sMonm18dYsw5UqoeeMZ4jQXPBqW7wxZoaXy+TTPHh6\n5FXkjKAfMnfh8BhPbqvOLVl6Kq5JaEeHduIQeuY6RU9n9zHPKsPbz5wwHbNv\nONEdTfwlkmEXN3sG3ZZPxP/rpPQnAx028wQRP0LgtY5H1cp3WQo547XOKgZ4\nwYO18BJ5DsogfUl56b9ugc0sy17qx78K+xwSk3DAhUt+L3ND1AVwjzFGC3Ez\nWo6uLO1q8QRq/cw6yXWS/oQAAmt8Vk5UGyl4KsOjNhmOQEkA5H5pLFLjkr6c\nfi1UHZQkw/P3Q8N8hsh0tQbROGMK3+qGft1Ui/dZ4K2y562ponKfZgePcqZ2\n3S9niSaA/rx/Ekj9a0kOW3zSeRpgrpvktO836s0Xh2+VU84ysYxycu/fcY6i\n8TJnLF1qBOynYo+uLDffQAUTpAWff9CPI0+WTfGpUKM2Us9Y+b8w8LGbfVoT\nvDgdN0YOGzzjlRswaqSSl8G3iHcqsDMp36oYBSjuzHGYVZaPWLk5I/r/q1Hk\nGJBYLUxom2M9oCGfDHaWocHQY+GevRoVkyphvbfo2GlQbjptURl3r2KyxRyq\nfXSL\r\n=hb9L\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.fd61b0476.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.fd61b0476.0_1611259750824_0.7004110061170734","host":"s3://npm-registry-packages"}},"10.0.0-canary.3fb3a0265.0":{"name":"@material/rtl","version":"10.0.0-canary.3fb3a0265.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d6448dbf8d39841174576bdef86f2bd312762ef0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.3fb3a0265.0.tgz","fileCount":14,"integrity":"sha512-F3MkRpquCpXOsmw8IBJnJbypnDjsq+Y0mch1q2Z7gdT/sXVGBXCRA7YbXbypySIHClx+2z6bKzGm39lE7A1jSw==","signatures":[{"sig":"MEQCIQDlsbLRPp6AH1YzrlidVA31nWsBChEXut/il47g4gtpQgIfFClF8pQ7kpnau459wLYO0V/AA63o2pcDwUv9PYSuFg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgChaGCRA9TVsSAnZWagAAz7wP/A4ieG1CAPnePQtn5ABu\nUacUe1YXsKinCOvo8M6PNYsNs/hs4Vk9KpfnxOyfnBl/usMQoZMbN9y5h4sa\nyEp4zJFM+ghs+8JTulM3bf2u+eHv0TMBI8lD0NAPxq3Qe1Lbr6F1gTXvzOWv\neYjkZSdPDN3q/HMwOcf1RgBu20HGV8Viculta7Ffv8l+FG+7jGoLnahNmvm0\no9VULnVj9Snpn4I5teofoHkmfeqlE0BHJq1v103WdWg38oau5xb282Up7N99\n75gXaZD5NUamWbRkgccYqrTZ0WX24u3CoE1+bl/5Ki+7uYgzH7qHbQBbB2mO\n1tpLVs4JqaeGYiwJAa54V9YUjG/dHJUU3KPaQHOKVVVufuRvKiUsuxuQJOqo\nJ6JIl7hZggSYpeP3p/xls2KUTgpRKL5k3vB6R2/IoLCWKmRmCoa8uvioqBQM\nM/CoIhd6N8PhqESXP/mPFW9eYDWbDe9gnzMyCtYkA8nree+ZK7fiVzZBV67A\n1KsvcFvqucIxN9TvTHbucRBeAt/IrsoT5GWQBNCpNaZQ5eH9xR5e0GCcXJDW\n/GilJzPbeOW3sMKizmyoXbwSiNuU9LuXcBMsfUSx1Hp/EeJJngz2m8j1ypAB\nmCGTjsQFVP3NqYtgWY40w32/3olygxMTH4e02HYrySkyYsfBWjSmLM5pOd1A\nPrfk\r\n=yrbD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.3fb3a0265.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.3fb3a0265.0_1611273861967_0.8057674702566302","host":"s3://npm-registry-packages"}},"10.0.0-canary.07deaec27.0":{"name":"@material/rtl","version":"10.0.0-canary.07deaec27.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b4879a5bb383899e5e9b0e17c92653a844f2b25b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.07deaec27.0.tgz","fileCount":14,"integrity":"sha512-L8dNQjdTyHFP331ATveOaOk3zfb8aE/CoI937ylpqe3gNp3p0DaU/HEV7FTkuD0J460R7aSvBAAz+HVV/VX34A==","signatures":[{"sig":"MEQCIDy6v0KvN0hPRTzAXmkztLcT9f/Xmil+W00n1nSVeZ48AiAekBtFwEtdDJYJgAwbQo87x8fz3aSjVUWf8/0ogMh3OA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCwOdCRA9TVsSAnZWagAAz7gP/2xvzq7CI8QtKY3UVe6K\nvP9Fx9oZs1Kd2wyabhknDRNPE5otHVNL3KwjzOyauqi9nJtOogAymMeQ0xxM\nphcZii0IbbkwFYfSl3tEF2d8+PiYd3nZ8ZNMwDsP67zXNsh+aM0l0fBaw0Aw\nQj5EzXrWCZxh5ReaaZciBSyCNo9atvOdRwUDVow540nBBDZv33/JwqeGDjP7\nzViUkWF4ZvYdZesyO9FxZdMnEDNgWM9wE9+My936+uQIwxz0DvW6k+v2h/vG\n4dYAWisJBFdCPXnDlJesapJLnzJdlAoKfUq/c5yfe6hsQC+ZEVrau/oE1AI7\nliCGFYHtb9Ol65j1xs02PKd38U+rL8jFD8mSJ7EPzrLZVslNJpjXa1Wz/WKl\nR5vcuUHhegaZKZEZLwT3Besh5esR8rY4mdN1dAgrU/93vDz0gH38c0NYvLCq\n8s2FWV9fQ3w6CWDyiZa0ixUMb4LWDvB01IaHPQgy8gTxeHHrMheQeov+5toJ\n2zyYu8cUhJ6x+Aa+X6eT7NrhKanqLwp3ZnC/q7/rUL9o0pDPGt/GLfVU9B4t\nfB7A5++tmAG9Vj+skHyl1/4BqI9ZRyFYi+d5VAyOi7KbC8RtzzvhnFvSBl5B\n35m9a9sQgUgaxfqD/QB1BwgHupOQkHzgOn0d5xOOJkYyBdU4oFPmPvb7/h74\nsZIR\r\n=I043\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.07deaec27.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.07deaec27.0_1611334557231_0.6536637281077671","host":"s3://npm-registry-packages"}},"10.0.0-canary.d2959b16c.0":{"name":"@material/rtl","version":"10.0.0-canary.d2959b16c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c61fdfffff5d46fe1d5674c34359b919db840926","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.d2959b16c.0.tgz","fileCount":14,"integrity":"sha512-SWIQ/5VRn0NFLPUICjzJlItgBKqxabZrnFRUPKSsP2gAqPnzfhPTZR+p++opgB8p0qwQwRm2XIP4/hDFCBzLTg==","signatures":[{"sig":"MEYCIQCVdFuTa4wa9FdGUOwVdJ3HZSyz3nipI0pGfTM3JvCT2gIhAIXrDSXwQvZycB+Z2Q8H5p3FOh5t/7u52W1cIi0h8gKM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCx7FCRA9TVsSAnZWagAAdjAQAI9kapd9NQ7bPEnU5l2b\nuBb/Pz5uXUu49lBhnwlcFCqPC86k7LKDslwbO8CHIOOTen33/JzucuuagMSV\nTETgjS4f/hjU6nhOeWOWnvISo25Lg+9Epqhhixqv2+yZb82rjW/voazXIiC0\nTJAp7iTpMtoY0eI4xHHgS2gNBBMxf3heuwEJxXjsSSV20ZaRRHCJgM6UF2da\n/hFPEyZzkXzePaVnJ87OoeJ1P9vk9ZR6s9+0i4+c3+V+/vnr3I2LAyR3ht4+\na4ivC4Uk+7nC6SXmprQnJixL0jg2wT2BNEjdCbrkSv0nOfIZ7gUBBWq4fGE5\nT8hwOzFRKrx6bW5F5uFsrrnfFRDUy19qbOFG9TPTPTPeT9VlIGNcKfAbsR+U\ngTyn8CfSyOUwWWYCt1SUTis2gUlvyiJojinp3sqpsYYd9g7B4IO1rrWwqixf\ngEmB/1KwG1P/N4mGRPWOZXHXdoNtv7CxEuAVH1OUq/aFhH6psdTkYrRJ7vLF\n0nc14Nnma2P7zSXgR0Lb+/8KY9UQj6PNAevfajMkKKoQh9jgW2By3GiyHfOP\n8uHZlGutBtlb/dKmFJP7W7y6WwuzlIpKGG2CT4999l12CYeIKF5vRJhHCebY\n71IDI1c5lbziZGiYC0wfHvYnNXpnAEzb9evdC8gx8mp+C33tqIeb4i4Vo94C\nvBAc\r\n=Qbmf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.d2959b16c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.d2959b16c.0_1611341509132_0.45677730795747995","host":"s3://npm-registry-packages"}},"10.0.0-canary.75f3bfe7c.0":{"name":"@material/rtl","version":"10.0.0-canary.75f3bfe7c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"23cbc39b0d43d59c5d26a55852f501e805b3c06b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.75f3bfe7c.0.tgz","fileCount":14,"integrity":"sha512-14oKoG0qOcyGXOAOhIXw5iRA+/nkSoDC+/lZoa1QsWxZbv/BJ6wnDSAm2SNX/52vq7BAkYFpeBfaOikyt4R5Gg==","signatures":[{"sig":"MEUCIQDyFiurq1e3D5lV+xkfFFlvpvwjfFaF7D2Kun1ejOCOagIgDFaOjwRhysqMOO33vOMrDnPVb32Ljl1m9EFDtLjUqyg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgC1baCRA9TVsSAnZWagAA7xIP/jEw2m4b2hbM3We+8KJI\nO0cwFAwS+pIDQjbPz1yv+XbmJwPMS2EFWojFi/NagYv2TGSz7cVKC1TfYZHs\nnmKUfHufON58qTUocH13qzN/H2ZrN/isUXZuo1dZCFbf8uf6B4I27sjYveyU\nHn6KeMEaTM/Tinyglh3rJ61lPQU2HVyMpHUb6IW07WDHIxtY/tdvRFm0/1lY\n7ecCpo6ci1QEbEOypTY5b7yBTeWpTUeKlkUTMfSPymT/FIeR4lNPilN4WYnw\nxn5Lfdp3cBZi7+w4FbXB/EAi8aCaOHmZF0hKM1nbsxE0BnwMfvWEPR77xMxo\ndX07l+8lRdd6R1XWi0jjhdV33I7qUEG+6tHE9ZTjarr4RGv61EzkfP9XUror\nAcPD+ZmK+P2NHjL71mx6RYcYYL4uH663rRgw/lW8KhZEnOnaYOJslKyhaaEf\nJPmJnsIuw3eJo/lCPd0GUCQ9Coi0PXxbP40eE50TBJPLslnaqSurbrHTc16/\nTBMXhTuCgFfsYzHQw94blN2FjDF2uThZaQc709vi+v+C34BCMqFVDkloux3A\nKpDjsikKcScDHL/qqh2mqQ8Fc0zB576WFChHGkbMuaDvgfgKBBbRPkaKT0bO\nqixjsLyMPiyaz7Ey+kqQDudZinCRW3i5Szq8byiWrnFAZfvj4aDBDJEttc1v\n8gvZ\r\n=MF6t\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.75f3bfe7c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.75f3bfe7c.0_1611355866454_0.8414815358023302","host":"s3://npm-registry-packages"}},"10.0.0-canary.b9adb7a0f.0":{"name":"@material/rtl","version":"10.0.0-canary.b9adb7a0f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cca5ee8bb9bda45e4996f62c6c05f46b07508f82","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.b9adb7a0f.0.tgz","fileCount":14,"integrity":"sha512-MhwhUrg4fdnf5He2looo1KtSMlo2KwJpqCkZQzPICSSO4l0GkYC+93AuKeKEIfBHeR9RScCtv/XQEicaWXbcJA==","signatures":[{"sig":"MEYCIQDhUdb0mNhsBEhJN7r+IodR3EOBYtIOCZdnPOMMBm7WHQIhAJ1wH9Oip75RCepxSQwi23sk0tJlav/9j1YG9z4MIf24","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgC2EmCRA9TVsSAnZWagAAsMEP/0fjh1xiDlu2iyQEYVPJ\n5aSAhXIPcBnYM6RAQQjTatZNWQd+QgMx3T6IVB6JkqzPfVbiRkc4TZaenSGG\n/e4ESBjZHCyVQL0sEqSwBJp22ZrW8Fx1W6XF3zjfW6PgNVsWGHVLhX5kW6I4\nybr77iENE6JVRKT678sxG9Ono2Z1Tz3XZ3EWcnMCZQUOp+jy4R6bf9m5Cxh1\nunPyEvMl4t9xm4z6OFMSVUBCz4XM9Mf+iZTjYXT0l7LJ+ClvuCta+Ulpvz/z\nZmFV9kEx3MH51TNlUnih1ulrE15eMPHJZL4dND6KKlCbT7+UxWRElpTV8mEu\n1+N+kDIoe3itKhj/Pbdh2MEYd/qPsZMGQvkY8arjDw6GojLK/Xtm3Pgeb5aI\ntoGbas3jHtzgque1fZOuwCDY102vQULVgJ0uWIBndQfd2pU/weULgiO5p7zn\nqh+UwY0JUDaF6yy/qZIrTA4LfL9ic2NwnoI1/Sfzw+bRhXb7sG6twEah18Tf\noUlwYwcmP+2K8PhHrV52ArgHMvceiA6QMMvJOmu2WuL06aNw48ZcEuuDRBMK\nYcz3VoNGOYNUTbbqQ5kN+9pmhE9CVip9mYLN1xESShr4CCCy6T1mRbVo+Ums\n2S9cPnnchgq2NkTAWC3swa+or41HQvtm4eakocgTDvmvrCylfq7FQLqYWtoI\nPYjn\r\n=CUti\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.b9adb7a0f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.b9adb7a0f.0_1611358501765_0.076900960046975","host":"s3://npm-registry-packages"}},"10.0.0-canary.d29ec2862.0":{"name":"@material/rtl","version":"10.0.0-canary.d29ec2862.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"821ea01d37e0678579c1e3314c635391de3c22cc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.d29ec2862.0.tgz","fileCount":14,"integrity":"sha512-adpOscGnE/X1EFfnpvB6kKBYktVeSmxFuPMicuYvHFHuDs447yB72S0zSONTQI1BYW/C9/viYtizFPcJRxy/ng==","signatures":[{"sig":"MEUCIH1UOTdqqkj1VFXt9ovx7LAqYGTobJ3IfdaXxzqrwvWyAiEAk42eOqGcSJ5KTh1Z3wVzqssGS4FoFOjUdUpCIro9bbg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDvB6CRA9TVsSAnZWagAAbS8P/iRheOeJTEGtiofpNQnr\nl0mg2Mfmtxhc0ERETyAi7qlK/Sd6qaF3FbTkxblpx4YgCvyvVnQZMFtNvmn0\nUdErGDIWTkdXewtZGZJRsZJAcahg7o4+YucI6nBYJPhNYK/TX/DBRPM1KZZ1\nJykuRr79/gLIDsWsRfV1ZrNLJxzY1KlasY3t6+uccTc/3GH87jOlgU8q91ax\nQGuswJHdPrIJQsrKMDqrcpMVRvr3JjPj6bXobuorEiIBm0m/whXyahoAB4SC\n+1wLQfkcF0pXLGH+cLZu/qHFZqaR8L3mTtQZ++maLv5RSEsHp8PdsKwWoO4f\ngywPMQi/MzRq4ZMKCyvVjW69XO8laXxH6q69C3itoCP3pSJvFySp0uy6NxFH\ns/q7RmUQQ+70vBXQ/QWFCzVH0niRoyR6WCiyCNkYtcs6QUwp4fwm1ywep8L9\nQmFZRuZyWMJo0hj8w1yVsTsA+gIPjnkMs8jbshKuE5+YixUfLfumN9bd/2M7\nO/V9eL7XmyGvS0QkEobTdLcvSx9Yb/hoXGN+6Fv+kn3bUXQ+glpNkhKnVF5E\n1cVaoz50645JjOOQiYHhqOGe4pMFTCAli5JIi0rrtP2K4JAOaorZS2fvmms3\nxZtr1xpAIMQGG4TEAFUO6PADab+PCTdMTCFZVQkRQMNlD++ic062uXn39aWz\nBee2\r\n=RKSt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.d29ec2862.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.d29ec2862.0_1611591802117_0.7374542349272928","host":"s3://npm-registry-packages"}},"10.0.0-canary.96be07c68.0":{"name":"@material/rtl","version":"10.0.0-canary.96be07c68.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a5c48f71285913d79abf26e718481c3c477520a3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.96be07c68.0.tgz","fileCount":14,"integrity":"sha512-ruBD2iAjebkwYSt089A3POZx4a5iRZOsuaz4vCyFaWed+IgadgKaZ8CtNvP0mQl33XTk0lo81++x6o61ODt6UA==","signatures":[{"sig":"MEUCICjIK836Oyk3V9a/Dwi3ykryLiVx/T8RCP5TWZZch9/3AiEAu4FBFa8hq+VRFAToYsDGDjSuWRYR9zvKR8Uqbhh45Kg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD12/CRA9TVsSAnZWagAAnosP/jAUMwi8L4wa4L2QMiv6\nXr15nsgra7jQ9B7GwCJHKygqmXNKUmKzU/vedQMQzOiWVEvJBiMQMLJXplcC\nBqn/FvU88mBOm+DdenYTOR+GjClnN630qqmjUaWqTkuiDRsiGpPPgiXxiDb2\nORNgyqeUR0xnCeHwVQczSImEXR3Ez/Ws/khdnMs3zGkNCRwjTNwcT6NDdQwO\nMEAiNjeb9FJIL/GY1RoulJNIA1+MEEBf5zFgJBvSPS181/RyoSO3NXxaM39c\nytHQUDRUAbf9Z1QAegedAho5kszfxD5q1dvOPSbSR8DPky+wXzOdl1K+VQBL\nWVtvVd6JmsKVXVCaYNkQNMOVnwugDy/EcQH/tzRIZvM7/PLbmV1Mb3cUfkC2\nOcuCJFl4U7p3WCJN1d5Yy3cVrQoIIZ54kT0oME1njv97cEHta3U76wRaa8oP\nO/3FPGwsbWQmLLghy9TnIpAkGfN3zm/v/xxpT/IbDd4J1KHclBN/CqK+jBJo\n7boi3a9aIJ6rcxZzIstGkNHcKwk723v+P+PFR9g0jXydR/FHz0oucii+UEYy\nzN/9YfoKg8I7zn/1BdFi3h9lERslFdSbbnVcX6ZrSqF4MOY8T/gZnABc7Hvt\n07HBk/oK9lxbCQjEETyOCKOTWNgzjTeFsF33OnGA3nGTbXY2DBNbuXpnm7KL\nj1yo\r\n=vHKE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.96be07c68.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.96be07c68.0_1611619775361_0.7343557051567646","host":"s3://npm-registry-packages"}},"10.0.0-canary.e383944e9.0":{"name":"@material/rtl","version":"10.0.0-canary.e383944e9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"48568f61f0a13dcad9d86660776dc1106b6096ac","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.e383944e9.0.tgz","fileCount":14,"integrity":"sha512-YkGSqWEqlSe6tEZRj/FATv9T8al5nEdEfQ2ZwptiXLco3xJ6wrDT/f9lz19EzVcSGjHZ/sWjqJjtx+M+Vzoi8Q==","signatures":[{"sig":"MEUCICxoks9RnFxK4vKire5V2bfQ0hWkYnFtjAdIH35TJPxzAiEAoO+yJxk/IiEuRU+nG7IaWJ1Mgd0xNV2kVlv6pmXmhLE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD3QECRA9TVsSAnZWagAAHowQAI+MNyQ1LtF0MaH/Gl9w\nE9dD8HicSHmpXV0WOSDDoGcyt/aoJHbzaON4CYyt5HWafTrhobccg4fKklij\nHkVBkBRn9AmSRryOnA+yP8TOE+dSAyzMqaqmOrqXDiDRbJoWTFSm8tVF+1o+\nyfqLCb81KHCIlBwYPTYY3cqKmUF3LZGBf3Niu4boSthEShtah21fHfRkR/Sg\n2qx+J/wGGK6OhNIYtqwCXyWwGuY+u2bwFw4vjKE7CNRjOPkH3mO6npzLr/TP\nuVEM5bk7j0A6Yw8UVmCCFPdMAZgzUM62vJV0rnOToHNIHb0iICn8l+zxXzou\nUzxlOOp0zqWSs7b6U6i1zpv3O/SzH+0TF9Lm4MwIXZEzbS5l7+OQapBxcteP\n40E0njUnh3MgD3NYVxf50kLDfM4LTBTTQoSt3JxkruBqnMcBTCQBakQtdJP8\nPPx272RCV8Gikuz6GQxfJ5XiWcDktchBcbln/e5p2VbOCB7M9u/Qv0THVuJg\ngg5DCe/nBiBjKFEdNudPKRBNCbsrav7d38n+tUHyDSNoGNHKDZYe5xIAKUUJ\nGedadFldrTX4gev5i4fnRzTh2N0HrWR3DaDrdiq1urP/Ou2zGGQE+fEKzHmO\nx+6WW3mlE5/LQEmksBFVTWUkgnec6l/JEKa9zWnnhKwbR+bYR42LoTEZOLBK\n8M7W\r\n=2Szd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.e383944e9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.e383944e9.0_1611625475670_0.6893783507964781","host":"s3://npm-registry-packages"}},"10.0.0-canary.623af861e.0":{"name":"@material/rtl","version":"10.0.0-canary.623af861e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"10591b4f06b6b018b2783b0255fec02a3487f15a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.623af861e.0.tgz","fileCount":14,"integrity":"sha512-2PSMvLnG0+nC4cAA22+4trYnk4dlaaZGQWvdheNq8BwtLNPXSBIMPEZ2gzk6N3terd0bzLtKqH0Z6+cnkbOwng==","signatures":[{"sig":"MEUCIQDvYQ02AXNDfOzXISn+Die5bRFjaoC0rHuy+Ai8LNxg3AIgKpbiQwm0zf2KfebnLoUuPVApxMAuH7308uWXFwntWmY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgD5A0CRA9TVsSAnZWagAA2QUP/AhWLa1uOtCJ2h89JqT6\nvuI4BaAOVPPcyUvKN1ZE5eAvaREpM86jCAU3nCEyDW5qVteSE/FOaR8NKDPK\nAFFAoqADmOAixjki8tdgjAuSpy4syGpBpFDBQEz9TPj1YSo6zJAJ8HqxW+9g\nqjaqS0NTx1PNH0c8rpuqlGZWv3OFHLre5ndmJQWcZ5O2oYHXw4axCn6BX4Vj\nk60uhqaMh3XwgbfJAbob3B/un1VcnAEMMwGxkotkoLbqf2j7iGg6eWdqoulE\nBaHQgAZbV7ydi93H6sgZpnFBt5HYE30YVHZiz3x+a+UqZzd15k2eXN7tfgUJ\nV+SmxeJoj9ZFlR6497h9MpP51bFfyMeR4UbsmrxGwg9PGxFhPcbS10URqoV4\ntHrHgWGJaYaogsHMov6doV+TQUxJtCKFCHHFGDnwM3OHQspf2Kx4/i5SvX6c\nYUJrNLs8e36hXL/gWD4kMaNRp2NNN3KfzugSxwm06f7X7v6QGgbGR3EaE352\ntwM9+1pqcc0+5ddWxyLLnCuCiArtZbyOkLFvPNT82fisuYydKqksmvT9Yyfg\nqFSWeVRUkX55xIEBuJMIQVW0f/YBoGj/ynHwwiEcik1Nc0SnGUMwloZjqr9M\nB9QAi9LAwnrhLTy7BRYLzd8ZdhggzSLb1tPn5HhR9AfTd5AzzsLkX4/g2hs6\nkuds\r\n=bIfZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.623af861e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.623af861e.0_1611632691712_0.9139880456623986","host":"s3://npm-registry-packages"}},"10.0.0-canary.6863fd43a.0":{"name":"@material/rtl","version":"10.0.0-canary.6863fd43a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7513651cef206aaebba43809472ae87fc02d2f53","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.6863fd43a.0.tgz","fileCount":14,"integrity":"sha512-v/byKkL4Zg+dyHYxAxf3Nlp+6uF2nIJAPaqeCAqn82A56/mtFaAAPjBVJ/Bo/QzS+t1R/FqmADpQdXc0iP1TwA==","signatures":[{"sig":"MEUCICA7p8kdG8K5r88TIJyfLN9YVB54hgjdY76vxzonQyyoAiEA1cndsjOFA0dE6vE0XmFch36Wz/tB/IRn/jlHsHuU+3o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEIphCRA9TVsSAnZWagAArJwP/i7YMUBIaNxpL0Tb5932\nMQhsuQEkwRBvyDnYGxG0z0rPbXQztSlr1V2g7xY+ddISFJ2Yz2c2iNkHCCpx\nSUjHBhRIr8oJfIJZxoS4BCse0yUW7gbwOoutKg2peP4qxU1dbUO/DcuZwBXc\nPtF9ksjyedV04tVqktK0/V8HetPPpgMbYOJa/8ejbPiFU9MKTsCLkHJ4xYAv\ntFxadAht2DZMCCljVo+BJGy7DK7Wo3M3+pK7U99favxEXNQCzayABG+org8w\n/TRLc989rtYMD1SgwG5YvstYEyc63howuNDkxn/Rj9xvyShZ0Bd/TDaclbCG\niTjW1i0ks02e2fuOCwN60mFNdmWD+tqG5cYTFodI8ro1ku03KOjyZTV6FGGw\npwLzTUiOHu7QxOAwrjgd/eS4yK7JbkbWiS67HJk80V0/nmeG4DU/uOLxofkt\nn+0celZyTSIpHFYrV8wKGqC+3BQbPZUygVBmO0hNwJM8UfqRGqikoU0SlbuV\neBrm5ayrE4ttJJuVdPySkZIjijrejmqkL1XbQZKMOtxgkFNKFe535rnhZ1L2\n6PpULFePi1p2WxLL9lXkovh2YUVRrMbP+euujsE5fPquuszVd0RzzlgHei6Q\nvnaejQ5T2sJxvcXQ+kHVZT8g2KGQBQhgE+T8B0rKRs9qkjwrtnidNd0k2bOn\n/jG1\r\n=1fKl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.6863fd43a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.6863fd43a.0_1611696736876_0.8255670663587762","host":"s3://npm-registry-packages"}},"10.0.0-canary.ea55b87ca.0":{"name":"@material/rtl","version":"10.0.0-canary.ea55b87ca.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"333f39d237f2a4aa392f8eaa3e1c25791e9f65ac","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.ea55b87ca.0.tgz","fileCount":14,"integrity":"sha512-omZ5X54ofFphgdckw26wEWWl0dar84+oJN/ehO03n2kxWJfsS5/DdGdKHo77TiesTrXiZAjidUAFt3d+R7Ctqw==","signatures":[{"sig":"MEUCIB+hGOga2GgjORohMxR6xeUg4/TIJGjB6MV0Je9NiBh0AiEAkR4GphVUbagk9TBUbYDl8K6EmknwPTPiOhuX/N/WE2w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEKmZCRA9TVsSAnZWagAAjokQAJAllU5lBXiFaK87vNiT\nt1B10ZIPHcgzV5OtiLw4C0my4yr7iAkB/7HZ/0app1rfHj3JINInSMVz45rI\ndMjZuBuHW5zsOi4uaxMrVEWyddeEdauxdkjHaPESSbzuti2He5QNon/fo/3z\n/Suek/1fBTignp/T6a9bqtW7568eb24DzSss8ES+ExI7dxluQr8evgka/cjG\neKARr6t8PNPcScbDB86+8r+acFzf7UiTRlu301pAtg1CouV0ddDfe1weYf12\nDGK7rG9QhTCdqm5qnmUhIFA2VZtgWd0wAvaAX3AkDE+w4EY3+bR1nTgXih+c\np7BKAExwN7XW8/5QNnk+Vf79IdNG/ekulD5e5d2TYEYNb/Uj9pWqqtrqw52G\nr/A+bUDW0XJQhXpzVFiyQZbvH9I+3J2fPswIXqr/HGCYqXNF75hxm2QLrIMw\nFr2uD9pIivos9bJHFrka0uAUDQ+HI2HH+TNeC1QmT5xRIQxa4vCVRelwxCCY\nPYjF91cu0LIHFTtzR0ES7dtGuQ/QR1AXZR2F8JZ6LOHSN0lk4+cQ8WBMZAOa\nI72tavztOjow7GpFFt0NRe8mRnR/+X6g/JwtDx1S5BOm52aYUVT3XLWXO0hA\nQJF5Mj0b9nFvI6BAcNZz6sYJW2gJGuCeFjjN4NEASUi+ab+iikZLUGXH3Z55\nMPXM\r\n=mU6k\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.ea55b87ca.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.ea55b87ca.0_1611704728920_0.3962553584290962","host":"s3://npm-registry-packages"}},"10.0.0-canary.e902ff05f.0":{"name":"@material/rtl","version":"10.0.0-canary.e902ff05f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5bc2192bfd396916c0233b522f513cf24e2e2ac1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.e902ff05f.0.tgz","fileCount":14,"integrity":"sha512-tmJoirlGU+92gpye97B7VnKJ2H8kVzOjhcAzkEVq8bzZc4BJqOo0KtDpcjjnepAM6OdTKTQJ77LyQbHpTuqkIA==","signatures":[{"sig":"MEQCIDuoBWXqVkY8shwX0sb7w/B6n6g8DZyz9T29TfQALMOVAiBtIGaB/t1NHz/lhiomOo2TSVEZUyKSMLgLHa5KhMfDxw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEK3XCRA9TVsSAnZWagAAiYwP/jdSu8IAjlyIzUsavqD1\nYx7+gKIbDhCa+A8JRA80+6dIIJokSKG6bAvrNG5IZIOFDWqcRake/DJ3ZJVx\nmJaSIkGAfmqjz0yolNHFurfUZfQhfGlIavQMa7s4gyy/PW2HtfN7oPaQFMO5\nZctXeRRlMGgkYBlKAp89a407+k11fd1K1OA1dwIJPq6VUCaN6ZNf/RuVCf44\nb2kN600JjX56+Vxb95GrN/IvQzTa/He6nlMLzLnGPKM2ztJTSXIASbUnANFQ\ncp9HgE85lwC8x3oNK/5Z5PQa5nACvpBpmW+h5xVSVUgMdDB62svW/S4mC9bI\nXZHYoTxArlQ99VNvZSQ00MQJQRyKqHkgGEmJmyOSD3H+R1F9EK9k+bjOrnIW\nwfWIAuYdBaOcAm+MwAPAPTRIMlcWRRV5n2N/0FU3M7F6FFDNVYMFxDNJ3RlZ\nhzwnlpGZjHdOh7DCjtp7/fPt05VInkxu1A8uw/sxNcszO50ors5KTN0xNR9d\n6/lZbddmqtt6X1An4HZL6TMxuGtLaPc/VlrtjfZl4qvEE7qzTk9GbPd5T967\nmaUoB2aG3fgjIVfSngy0uCgF/muswfjdXh0GUzrNmQcxgbZBwX6s44bWz578\nuh1EqXr6bCrGRm/YWSMRWWlLejADBKOcmKQI65whggtFhHyLS/F2T8Jz5t6a\nPOjy\r\n=gE3O\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.e902ff05f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.e902ff05f.0_1611705815422_0.021684124265803018","host":"s3://npm-registry-packages"}},"10.0.0-canary.2c9fc538a.0":{"name":"@material/rtl","version":"10.0.0-canary.2c9fc538a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e71903f6745430985e3c1c1769cd45762160a92a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.2c9fc538a.0.tgz","fileCount":14,"integrity":"sha512-fZtY1fUuHEJlyljdBGssMUaDl7N1OqsQALqqFVn3UQdXpD/NXkfZXhoQ5CeE2d2N03KoGc/tBfeA6v+KiWwYWA==","signatures":[{"sig":"MEUCID6wUY/u2F45a839uc2M+4Cmvzkarv5LrY5qHGF9R2clAiEAl4sEExsV9Ani5ofZQIOiBvqH+K0AHWpUucOmwXSfHmg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgELNHCRA9TVsSAnZWagAAnb8P/j9Bv2cc/drjPmHL8Foh\nUE7RjNzDJftxtZ6Cn6xxkEYVRxRP1CFYB3LRjUhFTcL0aiGzQ/suA4Rcfce9\nY6jAQr6GZNBT7ZFbgWCp9+jOyIJfXIMW6xKWdcB16DrE3ppSrvtB/ywowpIv\nj3aOk4tAn9Q7Fy5wtmOLJ0Ij2GwwBMNkVph1xwYvSjAUB5w7IFq7OTHs9RAu\nu3gcAwFdwhfIq05GuqQeq1h1P2VCo/lf1BOZAufSakXbf7GLoQ4TY5sbRdUb\nFLUL1F2ZblZyfniKkKo9lftExswLOPDYWR8/2/yF7icVXiS2RDXGrFQqbk1X\nPC4+NbTfwXqyJjPhFiP5TeSU7zQSjMBJmk3KShkSdVKpmOGVntPj903dq62L\nRIRgm8mt4GeB5I+Pi+LPZ7A1PWA0Ur2Puadpq0t4BDUOLUXTE+EV7ZdBFtO5\nGaKDgzaPhOfivY4w4pQTcX4BkXse6VOYI1sJqmsEiiBPRm4YoyahWFrp40/7\ngambGbIevoczZHT3Wuqn5f0FhO4bCkmWVKGC0bIHMQ3wb71qndCbfW0gbRHg\nHUNlZ5QQZDNSY/b3JoJu0O6QiraYI0Lgpvugb1kC4cXCgYgmSYKGRcBe8PJp\nfY6+vkhmWcrsiM4wdPOI1SSS1dJI8RoZR2q+kvKJK4tS73I6Std73wvSgyHC\ne9GO\r\n=p0Z+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.2c9fc538a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.2c9fc538a.0_1611707207430_0.912068205813021","host":"s3://npm-registry-packages"}},"10.0.0-canary.6bf56aaa4.0":{"name":"@material/rtl","version":"10.0.0-canary.6bf56aaa4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4a72f4a716bb92a9aff1b12c76fce57d76d63945","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.6bf56aaa4.0.tgz","fileCount":14,"integrity":"sha512-W0iNHxB8h5vuXDqBA37ybg/tQIxpVf+ecVFRAlPuPfn5Yq3TevQ7ybn8WiRbfLmPHLwwOHPIyA2SD2j1RpaX6w==","signatures":[{"sig":"MEUCIQDf99C1s2HaKP4ebnGnjyIsVmE4C3kloguLY6SSE8hHUwIgYRzieBgzwBFiXscXAQxC3kjpWaiIigUz5k796FnQPQA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEL+pCRA9TVsSAnZWagAAvlMP/R9IcdwDldKl0cOt6mmo\nu1OKdk5TOsfEal2odRxc9eCw3RjaxJ2r2/mML0+7G+X4nYU8kEEDOY5dumtN\n38OdrgUEjLhQClbhpJ7id6rWe/c8vezdVVqERerT16JcRFuJm9i8rAgF0WCF\nIhVP7Am3GsXZHCGHLq4pmAdjJgekp92CHlt2evrtJoQw3yCO7ghLrJ53pVqW\nmxU6JDGIhmGqlL/nLX+wwzEN+Ke6XJ8IlHbd7KlAc9pcLpuv5BXQInmjuR+O\n5q0K3IXAHRAHbG+c3ZXvjIX6p54d2TafFuejQhWWiHm7MxP2i1mrUtprEt+4\nplRf9aOPAi5uUz/jvhx+HL88ATExYzWLtdj277D/xJ02Pkzt5YLgZlMOsYiy\nTuMCwgEuw0mka0fbmzCrFRvK35U6ZZBELx8Jz5V9P6CuYUy3HaHLPqjby0Ay\nelkiIiN7w9zg2Lhj+w8ZAt7ybc7U5zY6WVVGovoKWh2mvElPuWcEirOuBJnF\ndLsqsrmlJ3aisDz800BStjtWdq+inI659UcaS2NdYAG9FYNxU0+TOnBsxWg2\nCywJseU5kUwKa44LtqNou5OS05udBncCOE2pk5tf1HGQt49mEpZQMN0Kha8D\niKa135dha9ByXdVpLX5xIZgkRaYxEDSQ6Ze2ppX/4SYBkLWX/ToBwwAtf4gH\naZKn\r\n=gaag\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.6bf56aaa4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.6bf56aaa4.0_1611710377470_0.8264607204165708","host":"s3://npm-registry-packages"}},"10.0.0-canary.994873795.0":{"name":"@material/rtl","version":"10.0.0-canary.994873795.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1f6a922ea9d7485c12cc93ed9900473b66dc111d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.994873795.0.tgz","fileCount":14,"integrity":"sha512-fvSH1Hn9dfmMeAoOmsRzTnyWOcf6ZRiDt66hMX2FqVSvp34xsAFSZ9ctFMdAVBXyjLScNHB9P2SZhq1A02uwuQ==","signatures":[{"sig":"MEUCIQDqnN+DpxD/UMhOPv7ChkOK+VHUajvr6rwkJN8lReSMeQIgaHCByekiYRYG4SBDnQoS1YzwPAHDfD4ttfQY5vFoJQ0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEX26CRA9TVsSAnZWagAAnWQP/0mi9p+0D6KBsD9inJkN\nSty0IuNlv1YusjvVeVZUvZmquwadfzWWimleIrH63QrbgvEgy9OSgfqJqZSm\nvbM9MZM+j9UtFY1TIC0PoWnfK3bGo2vdGySiPn4wUe21aVomcp2LPPY5xl+x\n7o9JtQeF+ss7GenK9JNrIfaoRmas4yh2H/yFwJylv8xoJ9C1t0izRc/c6hvw\n0jvEJJZ5G95cGdmmAvY5s3+6Di88rpHujxkwUBf/+CwmDU4Gg08N59Ayw00n\nfSNQhkPqaHS5S/PKJITw3PyIPmWoZ4ef1Vqj3+bH9o25uub68ujyIo07u8Ya\nd7j+uIYjvAhi+T4uk4VSob47OrRtKuOL/1aXGnnN7A13B7T4hQj5URp4HnYj\nE2rXKNS5CaNzjUG2cPgY/oDluG2/+pBVpV39qVbWqwaAQlwnmHlI/1odjZB5\nLo8nt2U6weI9m2ShQRprf1Fd2fYJvG2SIy+p2TPo4GNImpkVjtOFyPmHYifp\npJlqLNzxdqtewSezehM9qm1KncmVG0TwzfSW9pjECFFfo/HXJYLkork0O3JF\nJEY8d3z5osxrkYon84kPBAzmVnMI2merDDVNnVxksd8biT9t5kx2zrcWUr7S\npNiaVn83ui9yumNpP+r2fK55bg9sHIIAU8w7nH3kRKXlDyZOa96HJpEnXNoI\nDzBg\r\n=M+U4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.994873795.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.994873795.0_1611759034263_0.28326290948543753","host":"s3://npm-registry-packages"}},"10.0.0-canary.96878e1d0.0":{"name":"@material/rtl","version":"10.0.0-canary.96878e1d0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"96df5bd1cde461614b25f9d94ccb9c7307ac37db","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.96878e1d0.0.tgz","fileCount":14,"integrity":"sha512-b5MJLQ/PMjH+kUjm4lXpb32EYL7zZWPuJ229IxQN55z9WVCq0vevXtr6s1+TynIF01B3s4pzP/piOcxQSzHUQw==","signatures":[{"sig":"MEUCIQCLpguUAYkXuv9Da9kdcqzmEPJCA5TP4dXkNuNnHvburgIgIRcBtvno8GLoXBeffFoLx26fyXkslH6G3VFBX5H+1xY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEaqECRA9TVsSAnZWagAA0N4P/0uyOMwNeanNbLGgtXNA\ns5VcWzm4SVsggB0FGLTxx/cfg4IMAxPOfvMGzN/dOjxn5EQ7KGLkERQyxF8P\nuIBHzrUiI0nvRCAY8sL6uNT0k3XoZY1E53me8Ip2lNIr6lU5RYdcq6Rhe+z7\nTwvaaIL4VBJ5k8grdzNkP7zqrnaYyWdpUWBjZK2gqtTAbtT2k0Mw1ZiAlFsS\nAO82Fj7gt6fiuWHgQgC1ZwB+cRk8+xlVWJOhy5oW3Gj7o1RRq8EnmmTIQFQE\nt4c0CORvMrhcwB7XXjfQHFpHzMiakqfam3EjUYqKdGhTamw3plxhZj7hQtKF\nxT/darzvi4zz5KI5E+bBnaW4SSzBvKdTGQLt7NvShA56h/L3VNbSgocyZZ2F\nAzfVFrVE7Xh2+Fs1VUOnmRbE4pRUlOY8vgmcC1Z87geTSU++YqdOJxnrIFn7\nsV7ly3YS3tpwAIKRtufJyITHd6Uztad6ueXq9wZRUGm00886sR8gwwcQsAtu\nBv5gUN0Y9DmvMGgDC8Cp7lNA2DYKnMJWqsRh/ZIMu2fD6jTKXoPCRyR6uWTC\nbIRbKznzDE5b6zWxiFmzRFQONFaAuD/Vnmg37Fo//MCtGKQb1cZLSQHLATT8\nB5iOxrBE//KR5V0Q3PGlo609vziKAxWDjYeRxIPegvmyuyzXal5k5LnyQk3J\nnYtK\r\n=R5gk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.96878e1d0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.96878e1d0.0_1611770499452_0.3277645589939622","host":"s3://npm-registry-packages"}},"10.0.0-canary.3c117cdcc.0":{"name":"@material/rtl","version":"10.0.0-canary.3c117cdcc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8f84198dd7e799b497e0bcae550440794d0dc64d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.3c117cdcc.0.tgz","fileCount":14,"integrity":"sha512-hrpVJxaHk2uWiCKVbDcbi805OdM9j/FU+hIVtnuRSvZ5aS+oVHSLNcFzfYo7XBiIv3UKhNzUEMgSAh/umsPxLg==","signatures":[{"sig":"MEQCIArbrZB2nPd3gXcQNXutTRR6+LW0PHoELW+q3xHw4IKkAiBImBhcaFefbGGI9x0L9jDlPq2XkUS2H6Q/3zoXPPRNmw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEbGYCRA9TVsSAnZWagAAFpEP/AyuVsZOC5CfzcWQRaXc\nWnRvd7vAtAxaO7PaMagKvdVGJDn/bX6qbvkrJZ/PC2F/EZVgQlFKIGxAv9Ch\nqCPGjNPBttfFHUcrA8INI3rGQ4sMJWQ8KDtKdC1xWNYOvz8c5Jq6MupKWBs7\n4oXnvNaU1BoCVy/oHA4XcvLWPK8o6k8J7rg2t1b3DmtveK7M0yEts43ETb0q\n8W4YJwpdqN8M06+sq30SCfnD/z6eG81htNC7s73ar3wThXUBVt3BGUCtWeOl\nBOVWY/R8ZFxnjCkHDigcNN+tQyBdfC3KVLKl3y3EEbVapSnODTR+AHTOdKBh\n64qD8MwzT5T9ejZmZzsuK+X9d79s4yFkmtT/9cbU0AH/uWSPtq/BjbDTrvFi\nQRI4bAaR07Ui/qa8o52FeOz84FaPnvR42QSmYf4b2sPctgtVspyhWCjpC7Cm\nbiqltu7FvksmuKEiOfgla4eZTIimwsWrNIo3sVXnJuOofgyvXtoF032jiRwW\nYlQbVyGZI5v/diBmsz2r4g3xT278g1JreOKIohg4q4M7ult4hWp3q8KAGJad\nMd3pNwCCyVrYjywCv65gPv0m04Wo9Aw3AjycWXoMJFG69KDEg9NTeLt1JTT5\nXGrRTT0iEldcWnYSc5me7uToJZgNBCmfmhd0fRgubV84sD6CnqfzWbbgpbFP\nSWMJ\r\n=Kv1u\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.3c117cdcc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.3c117cdcc.0_1611772312450_0.3452021099781233","host":"s3://npm-registry-packages"}},"10.0.0-canary.b411e7033.0":{"name":"@material/rtl","version":"10.0.0-canary.b411e7033.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0a749a6e8d030594dc0235598ae63d1927277756","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.b411e7033.0.tgz","fileCount":14,"integrity":"sha512-nRttw1211VKcyyH02053aWxOBRjf+28C2E7QHt9Ph3Kn9HUCYloRp5X4bgCrDhZQTsBpZ/4935qIsqFgg5q+xQ==","signatures":[{"sig":"MEUCIQDswvdHCF+AcI/lpgvd4DVqCRooIyEMGbLNwdGDhODIpwIgXOaK2+vb6+kWQROlbMMewbhOrV5sLb9TrApTtbylF/w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEeMaCRA9TVsSAnZWagAA+PQP/2/WBlFSiI54Cig60j0Q\nZzrl2UYSOkG4d7sAn4vp5pqrQL1p9fItFkfAnkGEouDXoYjVAqRS0ER1I1HG\n+/9rncu+WXiJBVnaTPXeJ45z8QU9rF/4jQc30ieFull+0Fj87a3fNIa/e/yB\n5QQLXK5yJJjvlyeadPeJKNk0NfmiSGl6eyxkS2Guxb5JFWk/VAy4E1nZcyiQ\nYfN6h1a7qvCx37GblOsCMPUJrHcJNQoWp6XIq/eI2mcvqoMbh+jjfvZdaYUb\ndIVnNtIOKBSIwjrXDCkrqJ9yV6anihU1rKKEt91UHaL91rnuj7BI9dA8381q\n6b6tEUF0FkkeyRXQ2s0DYjW0FPbizCXnkLLdGH0WNj9pxz519nENpUjixIQM\nuRxDYsbdIRNJf62CJYo/HRp5hNKSf71sIyiqM1BeO0E2rXaUU2IJxpOUoyzw\nuTikLO+bdbEAxsgH8YZFNBwPPG853xq3bmYr2Oz3eHFhChKwVoOnWFH2JaY6\n0Am12PhJ5TMH2WyI13fwK/kfpdSOVfE7DlyBSdGasIQeayphMRaNbbqVCRB6\nXpi/p1gO3NdPR6F6nGIMjqVyLWTMHKqTGSvXGe+VWngaPG5rcpraIXSuGSAl\n6qJ127YGgZhzbdQVvC/EL9iin0drPd2dqFtMB9T1LI458RFBhWbfk4PTyf/L\nf8Vj\r\n=edPE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.b411e7033.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.b411e7033.0_1611784986368_0.4664010063130284","host":"s3://npm-registry-packages"}},"10.0.0-canary.a9ac16b4a.0":{"name":"@material/rtl","version":"10.0.0-canary.a9ac16b4a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6f81acbab89c65cff8748f8b5a4a1d787e0f930f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.a9ac16b4a.0.tgz","fileCount":14,"integrity":"sha512-KPNf4rE2AuZVPbII97DcLcl5dj5EMpYo9+ZpLzDdRT4ILPP8aW86g0+r4vQGVjsMZXigE2HFGF57KdbKjs1TIQ==","signatures":[{"sig":"MEYCIQDll00MV8e8gN26uBLf3dtfXKMufW2Amc241SMAK/mOTAIhAMGiuGrGYzQhSuxmvbtJoyFcqfh+NtnGN/yRIVLtQiLJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEfEoCRA9TVsSAnZWagAA0b8P/1XFgKyKVaoB++Bu8r6b\nRntOWq3TBCdisWQVi/68a7MejbC3xxsKUGFMdocyzYcDoQSQEqPM9haU6R5r\nud9HJFFBLqRt1CT61JFaDySlN+6QclXjbskS5hY+2y4NYDwfinlxOmsMmLj/\nGseh2GhXHEsC1Oodi6Cv+ArRnpMcsmKuxK239+ma9WJNATJplIsh55dHl3gt\nIuAo1DkjWOLAuD0h1UrLhEFKV3dgTKUMSoBkjSqmi8DA7gCsckulZeDRNIOG\nYajDWvI/fZrMViBCER2CHhMWX0P8R2az+mRAug8N4d96ppdupiV6F4oy2n7M\nry9wubxJrl75w2ZNOCsE3KVOo2+badK1SVQURI79jm133uYeq6wTwz0nfHmK\n/LcMEutqvvf43dRc0F6QS0+2ubV6ieQKnCR3FSkGbwT6Rz6bVrQJH7tIbhBE\nK3CU44DxUDNRVFXuy/ITBNsrxwyPPVuMQgrMp+qtSvMw/IH+oTgQBCZNHpcO\nOJXiu4Ft7ne//5PRBjkArzcjB0BQ0StIZnrSNQzQrhla4d+3yZK07u+Xn8Q4\neBEjKFLUvwK7jwou7ligx3BQJMbj370XT/Xeh6Ma9xHGS9mKwKHQtWNIqby+\n+WRgMJ9qtzRmQNLUpQ0ourQCkzjoDymzNVHWBi4kY4/fJ15Q6mZq0ycMMxag\nasQc\r\n=7AjW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.0","dependencies":{"@material/theme":"10.0.0-canary.a9ac16b4a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.a9ac16b4a.0_1611788584387_0.9818542131073429","host":"s3://npm-registry-packages"}},"10.0.0-canary.fec7b42ca.0":{"name":"@material/rtl","version":"10.0.0-canary.fec7b42ca.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5ce502d8bd955183828ec7164ec312c70f8cac75","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.fec7b42ca.0.tgz","fileCount":14,"integrity":"sha512-6+nEswZ3APdI6d3aKIVSOJw1TbaHM6Xlv/4bWlY4fsPzQQtEEotKUU9cy+REt8+IrX5LbjuN7QUKPJASkPyd9g==","signatures":[{"sig":"MEQCIG2J4NbSQGtzTS8pPHHnN+r6KtTnSG9/0Rurm6zmBOYHAiAReyfELH7qMnm6q+DFUgpYsv1OBYxyPPTKS9jE0mz9eg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEw0GCRA9TVsSAnZWagAA9NAQAJYkCiUd0BoCtFBLAWes\nEnkcjMLQYxlV9ixHz0EGZRagBahJ6gCe8I7Dz1WJoXjbx1Ssr72pcC/gP4CS\nyz1NjPjuB1LIdNh17AGc+J3fKBLui+quUft0UqKKppZw5Wf13n37FEOGIlXu\nWoDSRx9ePQjdRDmrqw9EeExXVFWrX2RTgozn0nYgW4BJzRASCcr301ucL1QM\nf8eUEcFH8ry9wzex+aYcgB0NZGy0RTspTjD7Umug5MmL3ZHL+Sltg2rYrR5Q\n9j4XfSXPTyehLjsqEy+PBUJyhN62Z3cPtZJv0MSlDY3LEME64GAnKCm9s8bX\nhubpp1ItjY2DTpv1cmUk8G/J62rwXY6KXMUY0hBwEUnHcVERYm5ORqLugI+F\nG5Re6TcMzYBbCGq2+vysPruz2zDlQ1XKp5Haqok7v52pJ1FgG5G+WokoZ5us\nPfdbmhBTG6gPQ0SJsxQ0/ynjBF4/9mdxFBRdT5+w0ns5UOT5K9UowLY69PE6\n5oLvD/DMK1GnBJ71vT7+SsM1iU1H4uh7x/Yq/6DIes6yLjH0SIhLP6vVB8o6\n8oGsVi6xF3QkZG9tp3yvYdstfA6MCr8m9TMz42xAmKnUSHINDONxaVqUvUum\nQ6O+PtCp8hEi8d+g/hL27ilivssthNXGgVZVwdHGHppf6MB0SqdW3uQeYZba\nh/f2\r\n=0fUe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"@material/theme":"10.0.0-canary.fec7b42ca.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.fec7b42ca.0_1611861253815_0.4818630996808215","host":"s3://npm-registry-packages"}},"10.0.0-canary.8e66dbfee.0":{"name":"@material/rtl","version":"10.0.0-canary.8e66dbfee.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"35d492ea0d37f3829468fb221aa95043f46dfbdd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.8e66dbfee.0.tgz","fileCount":14,"integrity":"sha512-tPzpLzt9Ma6bFzkAhupgS8xSP1MVduNRc5B+YzntjaaYaV1E86Y6G5e8IoOuleCT4hkmTwP0iplQf5LtYJMYNQ==","signatures":[{"sig":"MEYCIQCUWwwGM+s5fT0hyG/wgUobvUQ5eP93oiYMMwg0ufI5xwIhAP1q/WOsjpLtmOFhrfI7eJPrwnqtmxE1JRsoKezCmF7W","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGIyiCRA9TVsSAnZWagAAeGQP/0SI507v2P3PL13sPAyO\nve16q9V5gYxwrx+eMlLf5BHd94kxThRjJWtCXtIij66xF6zgmA5HCgah+Qer\nDnVuSWohySgaRgoVizSHhmK4RPsZn6Ivl8hpuArX1pEAIllrsCWoceKNbVX/\nhhUlCxwKdRK9qYUM2hXtVPqqN7nAt8slQKyxkesjdvxsyI7aCd4rinxBOvp4\nv5AAKU2O622kBwxysxBZsngBNi7tDkJ324uAho1I0GHYSyWgofnY0gD2B/PY\n+TPktzFRlWMUziY9gr67D+0eqjciEYzDqLI2iKLwsdFsCN7Yt593pAU2jw3Z\nY6o4bLEntxoJnCe7GD8Hcdm2XshZaffK0mTUqpq6d4obQ0hGhl7EvON330qn\nEPMd0V/2EIFqWHuYDapgGWVQpTEeam2v35KhXqSIxOr+r3SFoO5ZRD/OwSRP\nc5zyKkZRHINv2KVWGqFW7KNX/ZFwdNThkr30EasvSVT6hEZYixKvpYSjsicM\nFNIeFk7+66whbj9PMPPLg+skH0idKKxuMDcLNYUUpJI+kIwklhsliq58A00e\n9dNHkGRJpQWKQyFF6S83J4Z5LCaxxQtnk3Ki6PhjVe6MPeMsWkpvkXGu9KEF\n+6hZ8pFh9cGdZGgUHv605juBQMRWXOqhYp/5mBJjG0ZACrCXFRrDc5iEm3C1\n5TBv\r\n=inzU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"@material/theme":"10.0.0-canary.8e66dbfee.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.8e66dbfee.0_1612221601800_0.3454488017048625","host":"s3://npm-registry-packages"}},"10.0.0-canary.637d15da6.0":{"name":"@material/rtl","version":"10.0.0-canary.637d15da6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"945812f31485575883c277b50d6cfc2316d9ab59","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.637d15da6.0.tgz","fileCount":14,"integrity":"sha512-US8SBQCtQs6KWmtEYDT0k8yrkvAqdoZYlOw/iCe91ILQ/v25ksG6odK7x4lBJrWxuxD8YkACUKiqXicV4SXocg==","signatures":[{"sig":"MEUCIB2QcACBBsnyu/u1WIFcbvAWGx8QTgU0WJSZR8my04YUAiEAsOjOl4ZNMRcXdLg2CxeLIncYhEPZxrv0kuUIMiTjXZg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGZ6QCRA9TVsSAnZWagAARtcP/iqXlGMYHKmhO2sdW7m+\n2WILYlK3OX0jbiUZwdlqYiGHN/sD0ZKaPwXjpyLyEtVVqRWE33cbq47bD/NX\nm0g1o4jEVoVIF1ZK3mG/teYWCzfOIcs/VfrvSpaz2+ASlvolj9cbnah8A4zv\n52bO5rd7ihlN8jrj4wH0Ngn2kAxGOH287oDjc/kUYMtYIc3glEGlpJDFxmN1\nAwNLJW/2+jZhlzm3x6k8nw+LmfmqPcOPhMgO2jaHG9KUkP19U+wQhc8LCVda\nAaxkcYbqpsdhwyan7NOa/ibC4GDe2zowrYohVLtZ6BIpitnZj1gJJ3qkzmib\n/5Ej8bJ8ZrvNooErFo1/9M7Dtj7jETZUS9qqKkKclDQY20MdpeJpwSGJxgQ2\n3/RXUQkclGb6ra3d/tZYRr2/ntSw4FbmbQgCPiVt09O+hxZ4ee9gkaVKYPUJ\nAHIs69ndMgn+sVHYkJCl3GmzjZaeBGg5Bn2RR6kdnUBzJ0Uy++/F+K144+i4\n5BSd+hL/KxaaBbxXwH3NimKdJGs7DsJ4PDB8OoGqGyvHlL/Xu7oV/XfJxMd4\nBxcuyEkJ2V6RDjebKF4n9NZJ+6yVUBzz/Cc4pvGEz/o+znHt0Tw6wbOM1qyN\nlft4QRYyQovqlwyUQiZtz9S5d8wEj/JZXzGh5tBbkekxRHvMZg3v2aBSRiuA\ndRhY\r\n=mu0b\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"@material/theme":"10.0.0-canary.637d15da6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.637d15da6.0_1612291728077_0.8504473615203567","host":"s3://npm-registry-packages"}},"10.0.0-canary.fb793939e.0":{"name":"@material/rtl","version":"10.0.0-canary.fb793939e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ed315393da98343d1e05c3fc27b18a19119b1b94","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.fb793939e.0.tgz","fileCount":14,"integrity":"sha512-C9e278cqN9+p7xfTazsd1w9SLJ0cL1bdc5gI6Z38WoGK+h95wiltW0bcWb9FeDePxTPZqZ6znU8UguF6Yx53Cw==","signatures":[{"sig":"MEYCIQDMA7WKGTmCKiFD7Qjd0iT91GZHby9gpdPhwan23IdxpwIhAMVwA0UacrSYwPCpsYy4l+LLZZHyP1lRcTKYssogbnZ/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGeNgCRA9TVsSAnZWagAAj7cP/2oDvb7cdyMNyoPvL2s5\nVTI3wI1mhDdDbG661iQHOeoUFpECT7I+IsbgAEc1O363Q9dr9o+RzEdvJmFQ\njbN7rhqdaI9QJg2mQhglYi4GABuiGftKZVdNa7PilAbXi5iYEfdGqHOzR3vO\nvqyAhzkTo1sakwhCES6be4TMQIl/jo3QuIBNiZ3fd3GLKAPbC8k/RRDzC0bj\na4eO7zpv9QRr+zDg3pgTKpr7jkbCZaDWbiJEqxvdiOXCKMhUej3VgJq1mRZQ\njwLi3c4Qkeiv+t2EJNfm6HDmBRIuZ7eQblOgqgO0KCqbPWkicnmVJJwe8fPj\nGq0vMS3cnOkGrxO2zmltg1GEZna1WFBH69QuPDkZhd935g5cPtpWQ5GtYr0i\nm98vj10aQioroE2HYcsHbbb2ePFzZr/yUBDYHVh3QqLjNYvST1T2svX/GIaR\naDdkSa/1uMgqCk2XDTU46gl/09i78famgO9aMZ/vP4HhHDWquxNHfddRzC67\nGYTczaBxJZPqdX9SEE7Tmye9rcsYSRMg6Fo+QEl37H76LNPO2nvAL3z/xAeK\nz8StHsyJk9HErxEUsyQtbpZW2dR4KcRZoWa+gCWeDoJOGDHJ36BXDsmQ0+oi\nhHb539F1TNr1m/x0EqeokGJwQJySw4i5j7DZ1cBminNme+9Blm7liSsF6blD\nnOqm\r\n=0UGf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"@material/theme":"10.0.0-canary.fb793939e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.fb793939e.0_1612309344480_0.5001954447230992","host":"s3://npm-registry-packages"}},"10.0.0-canary.15a4d40dd.0":{"name":"@material/rtl","version":"10.0.0-canary.15a4d40dd.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f9de6b7131b948a3d69ad2ab749189e8b02b2b9b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.15a4d40dd.0.tgz","fileCount":14,"integrity":"sha512-Iv4gXnLnYMzrm3NFNEqaPHoWyhqjpX6/mLZQC+Pg4iyRUTJu1VsJX/W1PFUORT4AFAM34sA7NRtDBm/GjfHiiQ==","signatures":[{"sig":"MEUCIHGEyb7k4/OwbworuFFiNQANu+Pm+o5iVHUVhqMv9Y3fAiEAp8+hphLUpB39VcOLqHSZuTsSErQmpMFChSFcjPb6psw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgGgfhCRA9TVsSAnZWagAA9Z4P/i5dMUmktEE5/53Q5OnQ\n9dTzE81r4rYg+Bm8MFO+2yrcpdvTFvARqJWCFo92ToujvyBMcIv7fdyUHw9D\nuu5mdKgZKLZN7jqf+7K3yZpTZfR+excNEAH34LDVeMtWjddKPhDtWalC6l9U\nwWDKmjkOXDLjVnF9HnTXYxDpQ3ns2rJiwDkHCO/1dHLyWs/6QvhAYQgMbSj5\n7gH/fkub8R0VI4kbrRglBQFYpPutErHbiA9jhCF2FS17ZMfhdY+HHKtBZj/U\nYD2S2SDYJXU4+G117ALqxOJhaeGishem4xZOWrtFav72VHkKVmLNFj9TIguW\n8X8nVvJ0L9AcnCzVHSFpfNIZUE9G2rJjESGzE9dckee4+QOWSL3NBKd4DCX6\nymPezs8jzNBaK3oHfMgQqkqxgzINUntRW2EZ/J6d+S24IZKaZpj7kB3nt0cl\nPDkaS/tXwJ3JrJtWILgvqcVc+AgJ4pc2WWmXrbRQgfY9rOayT1PIoKWL64OI\n+4L6kuh4n4/i24tnOD5l2vH/CX1isQ9tUNvSB6i0LZ6sJXeb+J+gjCAD62kn\n05IcygUMfQuZc4AjVP3lEAMT71LPHUTcXmgpsJTo8BZ7LwhNP3PikYJI2pzP\noAbfj/ly9cn5aU2PJZAxn+nrIGo+UHSbuisBoiqKrIRB5WrlPblZN7ukn+e1\nCS9Q\r\n=EFqt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"@material/theme":"10.0.0-canary.15a4d40dd.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.15a4d40dd.0_1612318689335_0.5332352912465952","host":"s3://npm-registry-packages"}},"10.0.0-canary.7a003acf0.0":{"name":"@material/rtl","version":"10.0.0-canary.7a003acf0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b092b62ce254b186b6923c6295eb9bb4886cf8e6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.7a003acf0.0.tgz","fileCount":14,"integrity":"sha512-2/4Ue8vIyLKrbMCF/GUcjzuL8jatNvZ4qQcJ5Q5OMBVj0ijQNPphowRkda0jssr2jR96JHfTOLcdV9EnAHG9EQ==","signatures":[{"sig":"MEYCIQD7W64yIoswUGGm8cX2qf6StVMXnvaCeyrdeuxv6CLfngIhAJD00nGa5Y/VxyefnxwrbhfpBlTaonv9sG6YH4ycBoB3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgG1z+CRA9TVsSAnZWagAADxAP/RbQZB5ApIEpxcoqzquS\nngncQvdbPcaw9VXrWXARQsh/yrBwWyOJ8i1/lNPscWT0MkaPiNFy4CC4Z4Jx\nm/9KL4xhHD4to4i0lOotu1R7ZvJ4fA7T68GLKrvI18NWJUov0V9Oyi6MSzfF\ndZpOgH6aUfIdggHKDLK0yOUiCyVwzXNKuzzWf3OKGQx6Gtxu4b2SaMUwAPKu\nLWA0hqrlK1gninX29ii2WEMIV0MkxtF1OUthBWOqBFlCbGjIjAtt7ZVgCkbj\nRMniiSZfnK8ho7vxMRe3UdoZsp4lZaqnWSBUZH0FXI1Pi/Rrp1UjaE20f1WE\nH5YSIa7kWa0HBFYXMCPYzQZrjEZfbkXYfU7vXtPdKKLBPp/YTbGpyufP1eAS\nBPspaej91upVa80YwJG9kDPqh9hyqzGAdv6All7rOeAfQEIt4hpFHRXey1XX\n6p0vCjBIXcXNF/kjsAv3vrLN+h96rYQT+dWPUoNKC4NzDUaVM+ex/cfgSyUK\niP3TRJzmbd6SzHQ9YMLGKWuDxMx0k+6HV7XODep74/o9Xm2lJQtB0PaOlfdg\nGHI1EZjstKPCOLPqPMHas7Zkawm/AiAvjF1YKxfy22zm+FA8sdPazR+tlsbf\nb+dGEx8Hx7OaMETywjBlwdT8PQAjEIo3ozvubFSMb9s5yapTjO5g9En78eh2\nI/Ei\r\n=LLJt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.1","dependencies":{"@material/theme":"10.0.0-canary.7a003acf0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.7a003acf0.0_1612406013817_0.028460348796054857","host":"s3://npm-registry-packages"}},"10.0.0-canary.05f249666.0":{"name":"@material/rtl","version":"10.0.0-canary.05f249666.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"65f72be7788c3e5c610611397ac08db4854deb43","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.05f249666.0.tgz","fileCount":14,"integrity":"sha512-etyNNekBRJRXO+cl50+Ry+YImip4HzPkEnBODzgddpILXDaY7J+qQUDfzU5x+Q34Epi7Zn6EgaxW30EeWchoDQ==","signatures":[{"sig":"MEYCIQCE7Dkv7cgDphKaainKF7cXlhhWrhGlIqAaLvqYWU2wdAIhANQZTXup760r3DiBd+btell3hCqjLDS6cVhAkx/eqcAc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHDO4CRA9TVsSAnZWagAAXKgQAKFu/46WQh8Unp/N0mJ8\nDkeudQoCbq+JipqDdxWFXfPJEcJ60F89m8xYsC0a5YB5T6tKaznYfAaMcc/0\n6Fua5xPD/AjI4U2owWsjSfzODv+qJ3zzih5cTrRmrd8uMEEgrk4ylhB+EFSS\n8Lhp6I8mwHTjGxTCbkpog2muvWdmo5oRahHh53IUuSFKef5kZfS8xF3uxqOz\nRz6vWoaA10mAwiqgbe70tWBahvpFYmTpJ84ywN5UuF6aQrQKU3I31U8halkH\nY92sd+4JxX4bQuKEuc2rK4NHq1MP6rYZRJy6dT4O6Db2nRMLMWSud5OIHZFk\nxkeIbLKuBnbd63gAb3A48hr4lYv+1u1jibDQRmLgcvc99WusqFntEqrC4M66\nLYg5jQA84POw7FzytNBGVudjv9tQs35FqUD+801PFdX2xu0/eYOTzsStGjTW\ntMp0C1RWt1BJ8VTyDF4h+pIE51XwrvLDknRrHV6bxAqpqFlOlMzb2EdwBN1k\njJbaP0iXCWh9/3GqL3WyFY3UbsthX66kHug+IQKwPsoEJnCzVrJpqFp8D+zM\nDQa8R89chMs0DileslETseSC5n/Jn13Py/QEQt6F1tXSB1a8x98M3CBQR1tS\nevYvqgbpYEyACEOotLEXuXOp19V5qSgQX1B+svB/3A4LoJBgP8DxAeDFserI\nKLVS\r\n=Pbut\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"10.0.0-canary.05f249666.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.05f249666.0_1612460984201_0.3302555265894531","host":"s3://npm-registry-packages"}},"10.0.0-canary.1a3a39629.0":{"name":"@material/rtl","version":"10.0.0-canary.1a3a39629.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8824c74c8fbe655d258751d9aac1cdb15a7e797c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.1a3a39629.0.tgz","fileCount":14,"integrity":"sha512-kyscloDkvyORTiElw30GdQavZfsPcaUqET1UpjtQH6r6NUzcJrPfBdffoICB0jfm6Tz0k2EfgjLxgJtwdHkVtg==","signatures":[{"sig":"MEUCIQCK34HPQS+UVlcUQCc80vAjg18bp4zKBoKyKCUJCT5ORwIgbDaXDkmzfUxEImDaFcecEubHNMzDHxuV/0mcRdRn4Ec=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHEAgCRA9TVsSAnZWagAAC4cP/jXHlqRWp9strxTmgLBk\nAnwGfCvY0pj3Lop+hAekfs6phXBHIPPI5OHzX8v8v1q3dZOjDKe1JwiWmQKo\nqXZhzcHFISMkgvCaImFtz3lsO3FIDvZVajn21QJQoLKB/BLDA2MTDEalPWEn\nF5oODHpOGkdvkn3rSl8rjO0nOsXUW/B9lPqD4KD3yAuHawEgcXrfA9bAtNbt\nXagtnEB9yGSspo4lLsf4HriMozxmiLaUYD/Lqwn5BkP+oT0G7EwM+tFPhUnw\n8lZvaLQ3tqYSumwHsCiSoDLa6kDfdB0ebe+sCWp4Gp2b6EBGUDNc82rfTncr\nohFUQ83CMj4qtN38hPjEld5vfVL5AbS0tnekTzRbpfWrcOdLy+fYGLVBJQvP\neqdH2CHBaujbp9yQcc/GF9fYaT/Eardc6zJnuqOM/WupEswL2geduY5KQa47\nciQKHvMFA8bK5uUMmMwlDFzq24wY4EXkiQX5+j8xjEdbA0Xv9zGwJ8eQjpVD\niToPIbrPgkCBF36euPQJZESfgJUIujL915ItEH44l7VsEuR0693fiaEsMNn+\n83P8ER5YQWwP0GI02MN5wF//amaRnGzDCIY6Tckf1Ku4zU5OKzZ0Xu6Zcjp1\nK33BpF3Jg94RJJzvHGkPNeRTn+LyhhLitvPO7M2P+9xHjA3/teIAv3gcMiym\nYniQ\r\n=AHcG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"10.0.0-canary.1a3a39629.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.1a3a39629.0_1612464160198_0.22052851781333715","host":"s3://npm-registry-packages"}},"10.0.0-canary.8b1cdb1be.0":{"name":"@material/rtl","version":"10.0.0-canary.8b1cdb1be.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1ae9012eb8ad51001189a9f5fe455a674b51c371","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.8b1cdb1be.0.tgz","fileCount":14,"integrity":"sha512-7gUQpXeQn6zlEcunKuCDFT98jW1EneWtF7jU0AZ7a4+x96Pyn/8I6zB/51DkHDgPVzqF2v0wPqpThS3y09Q/TA==","signatures":[{"sig":"MEUCIBbLXVhxNDMuob2dqtV3AHxZr0hFSBkmJQSnPRPyMJEiAiEA4aB4s4AcNzYPCODAJ0Q8KnkjEW1gkvHFdGnQnq9d4as=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHHZqCRA9TVsSAnZWagAAveAP/RTSdpDLRd2K5+tvMmZG\nOXPUiEnu/a+c8W1PNRxZTz8ByDsdjihREb2VPcMJYvYGIhguxghxTLQYZTC+\no4hqRmDhVFPpPzlJeYoSI880qwAtX3YT9KIGHYqBofFb1PTW7SycmcCZQR8/\nLHLKL5RYDbCWwDtwmnk4yoMYuEPUTJlZjOmqwDYCmsi8PIq4WZGajM/FGWko\nua8fPBm4RuxwuxVQRnWjLhrVlEMvTbSliNJ91Q3wCGi9FQ894EqDC0Yd/TO+\nUZGwp89MokzGzbtUMnfbObJpxxV0xeze/YY3C+zc1doxphea7VILtslngjW0\n1ANU8LiupPyQPl/X+jS3LuLD1XkCQzrnN8DS9tbeK3EPT4GfCn8iyYMLQoW5\nQR7L+T2dWNXCRpL6ZdYuk8kZpAhxuqDlxxRemavfbL2h0nkwhQ2tRAdbDPKF\ne6+v8JMC/ZwOoAFq306n3ffxw6GIS+Uzrq3BPM0sUUJUgO7KsKiUAzQimQVV\nJbmHwJvualmDl5ReHvhQZMgZRLuEB9ODrCM0jbNW1vIDXCOi5l4OGQPD6MWl\nZMDK3qF96188fbrawEjtLVQ9kQ8N7yPsi0QL+aebP/i8tCvgtrh2XuRUKSC6\nCB06PB6t2dcDqX/cMQd9kvfGdmknXrWYzZergAf8PKMPJcfgD5hKdmTlRIwr\nsIXA\r\n=LNnU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"10.0.0-canary.8b1cdb1be.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.8b1cdb1be.0_1612478057562_0.7387563937267629","host":"s3://npm-registry-packages"}},"10.0.0-canary.8271f00f7.0":{"name":"@material/rtl","version":"10.0.0-canary.8271f00f7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c993893f867772656dcc1abbe6f982b788c6fa6f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.8271f00f7.0.tgz","fileCount":14,"integrity":"sha512-1hultoUfOHc1TEyjjAb3X180xbumv8a7GpLbTHdziTso3L0BJAxvT7g+wQAk7gW0T7QTvIlASx6rBBFoNED8qA==","signatures":[{"sig":"MEQCIGSDAnYATEzVYkC7PaGvujFZGm3ulukn6YbSANucUNZPAiAdBZWqg1EQy9XqaEkmCRUlvO4RkCOT9p5pIGYO+OYD6w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHHx+CRA9TVsSAnZWagAALgMP/3sxvVAWfCIBxJt95saS\n2TEn3qRaQGsgy6D2LbwWP1bqPqGKnmTG8px9wyWf1tz4gXFDbzDiLRIcvA9Q\nuLPB/nXmtAediGYPbOPM6TMntPWP7uMDu45szRoc1wsx+xpjPpmCMhe8I1ho\n0l2IKQYhZ1Z+22UpBM9DZO+qwL+APZf9gkP0MEqJnoLwLLzfqlDzKhFBwgY5\np4o4CabbPoJW85lEuge944YOJICfeY6y+RdEfRt9J0n3bHG68We0poX3URsw\nMjJVUzs0f9mMyDupr6ksTRiisHdOktIj1V915DaSUxygL+uadiopv/cVRSf8\nCyBEo2URhbD9RTwPmfz7q5P27gY9ArrKlf3WNFqGh6kaMkNqM0LMYFqsIDhi\nEQmoerIyB0l72NMnM3stj3Pdo99XqDJ/vbwNIKWf7NlLvlllKppEBZZMiVLB\nx1ktnWmjdAw6qKmgOUlmjyeQqCqkC2wWIuMTvMe0K3iRqJWXDz5KWj9inkde\nZB8h06eMjM7gJn2Vf5e5C98Hmx3beoE95iNC9dLC9fGCjGyWTAqMJ1bU09Ra\n4zn7TSTuwgIDqhvwNltGFjgS8VGX0b7YsJNsfYeEhKIpXc+G7R2EPRm4OE+G\nmppiPLl9jQ8St4t8wvC3FYjgcD1tuVyw+7cAOFvzbqQtExqrrNht1pbGvGzH\npNX+\r\n=ooKs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"10.0.0-canary.8271f00f7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.8271f00f7.0_1612479613888_0.6285888539096938","host":"s3://npm-registry-packages"}},"10.0.0-canary.533092a90.0":{"name":"@material/rtl","version":"10.0.0-canary.533092a90.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8f4b051ff7f7ac05a42b10d9ff44fe5b007208e1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0-canary.533092a90.0.tgz","fileCount":14,"integrity":"sha512-HgT5u5WQJ0h6CB3DQ50VzRoXKF/mQeVtMWqxBEU2FTUcAQksNj0HNUhbZt1nbgaCztQcTihtnh/2bcCo6MTzSA==","signatures":[{"sig":"MEQCIHJiqYKE0Ez65ag7lvan/HwmtoWwEsnc+h5XhdRqKEXpAiBQAXz0vNVByPBe9Nz2IczemUYOuu8C0Q6EE956jrY7MQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHL+PCRA9TVsSAnZWagAAQhsP/1JcnvRjyZnN4ax/Nk0z\nMBF9uzh3rxmn3RVe68elNSG4NNzEX6iK4qNouMaXGfnFu6Bo0eUzWYJOitgK\nEoItyBqhPJgnqsJKJEcDeuzO91UZavPBsQGX/YEbAvt6Vc0HGHg5zFD7m6sR\nQPj5C3VnLLPAQ4uGOrzEkBUFsuQzB7s9TABdMJGben3ADD4etRLcN92x5suQ\nLHskhPZBzqW1BVgGDZVLlFyc+6+5alf9W1ZwhoPyZuEHn6EsoplbSFMwIQ5i\nLmFkDCpUwPubYohOSGlssL/BY3U+M6JQ8yYH/s9AqKK9YBE84W7v114kVeDJ\nCxA6VGd1PE9ZUESB1KSrDkIp+XiQZAdUg1sxYNXuzUCz5rZj8LEwDW/4azc9\n391/3scQ0p5VVKW6Js4G5eP2tVh8TGmEmRLQ2Wn19KCkt+d9mHQkWgkllwfB\nds45R5vXzfmlGqdfQq9kOjRCqbkUuv69nRyR7+L7c/WEUCmDvUqCAQEAClyo\nyBpT+A8mGLtitNcgTo+FQUVTI/0+te2U6RQ/DDeW+4dW4NqxIRAWVKwTUyw/\nk7eOZivXsagLLHbjNH4TQj2/uKJ0qD0ConnqFKXisJyF/CTU8H4CcZPxX3dS\nChJoguDAY3Z4O+M3O18GXmoRp/hetecttVi6xiNi3j0Iej6pruQ2lQ2liqjF\nXqt1\r\n=a+sq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"10.0.0-canary.533092a90.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0-canary.533092a90.0_1612496783274_0.5242797163760098","host":"s3://npm-registry-packages"}},"11.0.0-canary.633a9fc7a.0":{"name":"@material/rtl","version":"11.0.0-canary.633a9fc7a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"688d919d60652c2280276edbcc79a41b3bcc4ba4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.633a9fc7a.0.tgz","fileCount":14,"integrity":"sha512-3x5jh/bHfNPZ1kWTt1jjCJza95YYJ7pjj0wzGtRxh3X/uJTA8OEQkJwpprf4aQIDJLiQuZT2sEHWSPVj/AYzqA==","signatures":[{"sig":"MEUCIQDbKQVxGtglW/5AZcA0uoP5i2P1Io6I7mIWk0MMYJo8GgIgJguWFTgQltIOewGdoKqg8GBC6KF7bTpR8j0V0YQfkcM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19665,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHW91CRA9TVsSAnZWagAA7K0P/1/1S1BeyVL1cDWNSKIk\n6cAWVvJyhqYKtvm9tOBsmvQS0Li69fYNb/ZpxUC9xPztPBiAnuDnqb9rfjUt\nAFQx2aWrk350Qv6G0TCemzLwSwVfY5XeSycgoKiaLiQamVf1/MKZ8KpFcFLq\no9/KUVMVhV8gXL9k9UpBhYrGKidD6qlSdW7+Ov9Z4FkjcewnPGVa52XUfs29\nTxOFfRTH+nyW7lu9df/3m4T5/fxfowtZPyfcfxk03wFfPgWbD/1whPCDPWDq\nXRYq5xunKFkE+7NAiwiyP4lGL1lXKprs6BY8CHeljSUSixPH8/GkW2jA5Clz\nj+e5h1CBDDt0fDmiaxFIs3j9kiZX3u/0MpHAiIcvhFphh78+WMU26eUBxbtM\ndErXPWmDQ4xJjw0P9WCLybXMP4EtANyDBd9ur+BOW8qzEyVTGgbh5uuErs2k\nmkKztyQB4baWejnBTqgSqff8Ay1a+J0QoDwuXdzd3DpgYffPksijvubbewqZ\nLX5nkBmosKdnqdor4MtKncFYq/LPRT4YCg9RgtUuUmrTeGD76DTd7sFf7IQs\noco7HhXihEgEDwj8Id0EKuzkAI96jRyd4EuDXKLCIogkhPRxju4phPD9Ag8J\nfQFot9RPdD/Qxr5j2Nr87WqgkNMfY7Lu1h6477UWen76GH7mZxVXNyLP/P8G\nbLRP\r\n=YFOM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.633a9fc7a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.633a9fc7a.0_1612541813274_0.5925767898409635","host":"s3://npm-registry-packages"}},"10.0.0":{"name":"@material/rtl","version":"10.0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"73e3d07190b322aa8b579af835e4595190a8a568","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-10.0.0.tgz","fileCount":13,"integrity":"sha512-887Dq0JrlRx5uwQ2Ku4Gig0e7iMIdKAAvvk/Wnglo9jFUvJE94rgSyyDLbwsN4vo1s33PwxHK1uWteALkzMQWw==","signatures":[{"sig":"MEUCIQDkitAZrsBs/9WMf+BxQjmfvQSWoDdgF48K4TTa/4rahAIgNLCzoM6bDIaGq9MGnNQcNBlcq+A07IZI3zjKSwaxlY4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19255,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHW/KCRA9TVsSAnZWagAAlX8P/3GXayLvF2iljc22oLBQ\nYJIAGXwbILJ9S3+dxCawM3qKt/chNM6nWgY15fBIoV7qZcyqpe046naP1dta\nWZc3pcJVuznxlJwPdQPM0q8wsTey+XLfy/NvkrCUj+Si5+4P1nQS8QkbXipu\nkbLCW0mDhZfZ73ajPjNNIhF0/UBZmGGOPO4VD5pztdVFNWiU8i25u34FNvPo\nEiI5I8NrYxjAhw0y1SQnXg0N50KyaQZNotE5MgVuf1Dr4lmBmRv3SIz6MioE\n5hf3fI0TCWV9CcTZNSYGd4tCDo7EmiRYIosJEPE10NNiY083CoJGIO/wH+t3\n9R3XeQbwp74XH7HT7SA/vvPr3veDD6263EgdPaerG/ZXdUUEWAUhoATqwaPU\n0ynPhws1Iv8murAR/U4FFhPWARVRRLZunea9KIBfY5KDR0Z1Ao8+mIdpENKk\nOL3zXyYzqH+3W5IKHj7n7JhvAr5x2ZKRsplm8UuKNENu3FCeCbDGEDh/lR/F\nHxBOJn/aX+TzRm39QxnTwzlN8g3HS8EhlBnUQIOndN1TBxbUWfMz1buL/vut\nGA3+lteMmwis5HH3zpu/d0WGcAhryIHjf5gk2S1zIdKGhtx8OsAVjxDteClb\ncBpelcz6MESB2DQK8YjVXBq1ELhE3OO0mh2vZEu5xy0e6tmiVq0sl+mAZtPy\nunhM\r\n=CN/O\r\n-----END PGP SIGNATURE-----\r\n"},"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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"^10.0.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_10.0.0_1612541898329_0.1987003603781501","host":"s3://npm-registry-packages"}},"11.0.0-canary.b5227247d.0":{"name":"@material/rtl","version":"11.0.0-canary.b5227247d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"da14ed1632af2a5e9d125c8e3b2d1125960170af","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.b5227247d.0.tgz","fileCount":14,"integrity":"sha512-IeMth3Y7al85HdF2N9vjfVf9reRgLwkzU2C08BB/TYGj3HGdlW26LvH5eYhcoeIE1II7D0N9NIiPgLqpfkF/tA==","signatures":[{"sig":"MEUCIQC5Sa7eZKm+1ww6+l8kBanrn1Sy66Hkxet13YLnYQXCjwIgWIF+sqogxdCL18BsXZJKtHAXQVBJ9CosExSWIOfye2I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHYNOCRA9TVsSAnZWagAAE6oP/2yyoDkhVCwhKNrV+gKd\nM0l6xiBL2k5WQEyz+pBD9OUHjoBDMR0lwiFj3j8kDU0v8kOuff5IlnHsDB5r\nSSZMAha/gPONNBwWHxEBCqCaMzEuCP9fUmKnwEXVyUpYZ3IMt/LTxwb8veB7\nxUDLDAZfFIuBlabIvpp22A4HaK/19+9KXkUFnAXja3f5w8KjJjPtiAdZ63mn\nYd0aGodME4JSpc9j4wQqtqYqv51mZ0eCordWMfKiNueCGkXCk3kB0wgbyfzY\nGCh+l3axQEgxF0IwUEl1lA2Q6H82frLIouCBfYLBnTGmQz2XYI3jjxpL7pMp\nVReM5zHJWvDEOb2wjDpEyNbLAHZ0dqnZkYRxTu9il3C+ClFkkS+5VK6pPZvw\nkIwMgxedVWlG2acl8fyXtypff8QcWrS3IPJFglczMwfyzHFyxwlmqLJFbFKL\nLjzdzfdvtii69LsbTPXdUAQYO1G02jMp24WxPSCl30PeVm6NtMX1sN/Ez21J\nnmkiyeKwKZwl5P+FrFHJl8C9Eu6JXjZ0fLwBCr8s95RI9+tOtb+0e8c3NWGg\njLX/hSmYixIgr8gy+DF4vag2B4zSKFjpw7lrT5SVPCzXFo8cIc03tyg9fFDG\nEraLuNUweCRQs4iNYIRarySuG7KMNBYJjvggZ34KEZa/kp40CVmAOnZ1RfbU\nQdfg\r\n=P1/0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.b5227247d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.b5227247d.0_1612546894258_0.8857432565161298","host":"s3://npm-registry-packages"}},"11.0.0-canary.95322b11e.0":{"name":"@material/rtl","version":"11.0.0-canary.95322b11e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cd9e84cda6c238b13d051b91db107b13b487afcd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.95322b11e.0.tgz","fileCount":14,"integrity":"sha512-Q/n0YpynLt30Q1+QNKna47k7fAv3IYeO6asOhxPuus/qlGyAVOJT1tbQbFcWY9CpClzCqRwNs/225LTt+cKnkg==","signatures":[{"sig":"MEUCIA5mC1fNssc8r4HS3NcNKloVo4C7nEYauhW6l2BSOj2EAiEAgtYEfiVkmeWWfBVhgnTUdYNX+QH3xCa5F6Hwov3NcDo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHdVCCRA9TVsSAnZWagAA9wwQAIgs/TEL+wa5BMLQL6bZ\nF7YNkQau0xvtP4LQa4dMdOTAiLMYIe09BdwcC2D08gTBZLzKq9t8N/q9K3sB\nxfYiYMZoGwI6/UCULlyBrFdDT291ond+flyuie/+cGX7YNWY83H7d1W6fl/x\nStM4X5mdKdF6nT8x2ilO0hYCzG6Q6oaEofumpPtk7GJSGfkK5N3fPLniAOno\nQ7X4GXd0G4TiA7cCQtRiA04KQ0gfGPOJdVOuKzDl6uqVj9W4WeaPu5vu9/mP\nIuvVG25UMcgBO7qxJk68MePjRaf8HTRG129HFeX7xdm8EJ4G2JX73d5WT+q9\nIBu91Z3170Og83Rrjb7H7ekhVns8nUSgOylKH8VUCfxr0b74YaOM0coX6bpE\nIY+nIaBAragCs52I3icF5Atw4QhXg7cB5rwG0jA5KWxR2AIBrEkE9D341EFd\nMnuXPHbCzMU61pM1FsxIfbha6Ug4/b8rRBd1Yn3aJrq+LjuAplkEPG4hzRto\nlx9bYS6F90NNybFfQOjpaf6qHols23ZwXq73xsJgV3mb7fDcHRxTV9cfeuTS\n6hbP4gdldASaa+JA6WJYbRvCoQ1u9d26aVHGW40FKlyFQbnPMQtGWnV11KXG\nVrE17TmaY8zSyBJ3nhcxwA7fL/8UbTqsRy/Md5tq0lJiBhOAkbkDRArKIebX\nmFfQ\r\n=bJNZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.95322b11e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.95322b11e.0_1612567873790_0.5107696060230567","host":"s3://npm-registry-packages"}},"11.0.0-canary.1f318ff0f.0":{"name":"@material/rtl","version":"11.0.0-canary.1f318ff0f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"501937778fe69af5602d21c8873a751ec540c548","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.1f318ff0f.0.tgz","fileCount":14,"integrity":"sha512-3ZIUhuxTgfMojsdP6ZCxRxySgOMo8WUgm9k2Oc1WJjxmFQQXbqGscbEg/H/xO9YvPrutiUz3Jt4R/B7cagDnow==","signatures":[{"sig":"MEYCIQCuZV2XSK8wUtfwks3wefoQBOHc95QdhMAG3GIo3iyJngIhALst715qbXFt6ysZPKQP3PvvpfrmcUrRXuJbBNLRfBT7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHd0LCRA9TVsSAnZWagAA9iwP/RylXoJTHhWPTlDVCwTR\njIYlebxWtrInaLCG7KwuRzJz0c3Edk7+h0CwdHhTL9CXdZ3HNPzcYtAOlfBo\nmIsihgoDHleXkxhZe94UIT7fqYpAQHV6ml66mvk5MmsM12u4K+vFrQ/z3es/\niKFlmUjpinOhuZHRldJz1RPhkjw4EG51VKMmvyXmVAZdCK9pN1EPlk+adjcv\nsU9GFab79gYdy2lAH57FUE+G57LupbRHjc9alE/HSGHrEqstKa5eNzEp7hiR\nJQHUu6ZkYvX/tOheAIxsTwJQy/zC38yheUINqLrZNo6rgpxr6nRTl1OpCG8F\nD1GQOMI5h5NI7HeCdeP5AcCKu2ffVzV/6nrG767oI/MXiPa0d6gLbLSZoLA7\nj0j9JnTymvNACdrhaZPf80y8H+IOqR07cBD5KkF8x6Rw9Wg08uSphcLJVtNj\nhoQPHKWCH+PJanuNfk8F30wmHz9024mjKOtr+5nGZ7HgHWB3nmOJCFjZepvh\nLzychZtsJcQfgsVMi8F5XMG//N3dAFoHD+YLIz6XrchxMj2ZPQ96lCTD34Sw\nAULMnMeM8XJ9VJ7FCkxXUYi+1zVdEEktSHsVlLx+CXqm/tc0xrWZ4a1SPeGi\nKMd7TMhmYUCUXCj8rb1rdumn+Jpey/m/84VB9F3cmFX0hHReisyhWRO1LeoC\nRRru\r\n=/KbE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.1f318ff0f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.1f318ff0f.0_1612569867186_0.4429480368865093","host":"s3://npm-registry-packages"}},"11.0.0-canary.ab12cf7a3.0":{"name":"@material/rtl","version":"11.0.0-canary.ab12cf7a3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f113229f0c3c330412dac25886599ba650e4f554","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.ab12cf7a3.0.tgz","fileCount":14,"integrity":"sha512-lwclYSRAnraNVzMp22EA2gamzu9OtjOjHqGQ7jh/p34rWzwXFe9N17WYUVKgc8y/6nr3sfBkm8wd7o7cgZJ1vA==","signatures":[{"sig":"MEUCIQDz0salWjad0e/spYYuYO3NtJM6KRwdDyocDnPp6njUlQIgN9/UgmoYFjCvtrvXegrN/5Ce5gUDmKbOY8CTq+9HcTI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIVKhCRA9TVsSAnZWagAARFUP/iXaVZflfTVD7e52MGgV\n/l4x106sMtYWBGgBeDmtMxE6CLAHxGdY4Yb2dTRwR+WzJihQVkefhfPN8aYx\nmiMYkc/YiC43EzIfJ01u9c+tlfKujM3JtwhWDsLXvoUwh5R6YFnbsGhVXYEO\nOyUwUY93myfSJLUqKYOu2TcgVbumYFkHjTIbqUPzgjSEmUuLR9P+GvWzgO3Y\ns98Xfs0e0eZwVBwMFghh5LGGabfthz6pX51Ca8M2IrvmzAkwPrzB9BLlfytO\nFICQO9TL5h/tBOOWo6XlPzIcyQLvC9VG/Hlkxe/EQ0DJFOMNgmMAsifnUqEW\n9Wdcon52q4NkHNtdm4CpOzJVG56o4nr56WY2m2KnCZe1SDYYIw3bWqVxT4r5\n5h8ECvoLLXLXvnVBOyidH/8xlRmF1T36nfFKMEvbia2z1VGJRFKo/II5LHfj\n3Dax/05jNranTSy6H/jB1v5tbYwCB1tPvn7fE+zgOLkv/izeWCwvDEWS9pEU\nOfiaawdG+riKAwSctcFa5UbMRlGhfFrGf/O2VFiNtSA6czaq6Sg3kSInIfEo\nvziA0v5VNu0ubfyjzLO31IKTKC4c8xE6nTYvRyna+LxpLqaR6953EnBgTCAC\n9NR0OkvuNdGc2/Ls6uaafoyguFpqCbkPyDZWW5TgIGYczBbiBnV0RYsMJzsj\n0xpk\r\n=tvrF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.ab12cf7a3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.ab12cf7a3.0_1612796577027_0.5608737506564827","host":"s3://npm-registry-packages"}},"11.0.0-canary.98db2c5ec.0":{"name":"@material/rtl","version":"11.0.0-canary.98db2c5ec.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"86e6b3132522876090e3c057b40c62327f2d44a1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.98db2c5ec.0.tgz","fileCount":14,"integrity":"sha512-3C08Awf7rJPbj497yWI/WvgZckzRDTKlykO7vJ08dHEyKPoCRdTrS4JSkivbhlzFDXZmDZ02Cm3yjaxZrwxkgQ==","signatures":[{"sig":"MEUCIBU7+xj6nzhyilNw8yAcW6qh18GQ28bHbCdMzuIsNth7AiEAqc0aKnXc83DSlJ8tnovvSVJhQa9qktyKEDc5cGs1ufw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIVnWCRA9TVsSAnZWagAAHxEQAIc5k7hkpCNgZJQZKsFI\nup77SdAeDuU24vCUbVCnze+Q2EJoP9LRsVhA9mmde8+2viYdzvOv8jdVSo4p\nIw2IcTd0UnUdP8nIdkWzxzt3ICn1iBu4drCiDJpsC+fcGLDt9d77UdJD8bLD\n8m24kK1TxxqY2hr6HyuAL+6FMu8PNDubRqpAM2fuiVlcbfc0TX8gQZgqf/W3\nST1lhjANxjRt7awebm4KpVP5ZlZ7S9VH78nOtlGCXxiA6GXuYrFmCB8/L0m+\nNlAJ4R+jBYR6h9RICxaL/4ZTmndniS2EwykqDT5TRHPK4vSGNLeD3eE73ATP\nd/RDcrmygmOLElG3pxz1f6XbyRTaGmDIV/7YPZnPUN+8sdM+pegqI1Kh7UCx\nITUpSevTKEcbZx4i6yEBGs4U+WoBYinr7zry33A7gDl8cBZ8bByOk7hml/pe\nnOKfiaK9mHsUbLAZxMHrfjuc7N3fvIo831zHqD5g2zkLjXHQ8JMzFOGvXJki\n28kgZ5RVLziJ6fm0Fpx1pQWcK5k+zdiM2mB3XrqWfHdBVTAjVitAvka3paC9\n26rMv98KgWf2NlkXnqWTDdr2HXrTZ8ZxdTxIXDowP7jRlEoK344soArCfm1G\ndWQqh6BlcsvrTco4mHb2rGqAEVubyvaG4n7G6mM+KIAdOTiqUTF5VhnheqCt\nNWV8\r\n=1nzR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.98db2c5ec.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.98db2c5ec.0_1612798421940_0.5939037459879288","host":"s3://npm-registry-packages"}},"11.0.0-canary.1f86b9f6d.0":{"name":"@material/rtl","version":"11.0.0-canary.1f86b9f6d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e5b0568fad67a042b5edafdbf6243f01eef68dec","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.1f86b9f6d.0.tgz","fileCount":14,"integrity":"sha512-Lva1ZBTG0UQovCzUxi8xxDQ4F00sK1pcz5QhGsc0U0fJy0iZP0Lvpvo2XcBZGhqKE7Tlr0waKnRApKjsbE4SQg==","signatures":[{"sig":"MEUCIFzTaTgokT/sVj0DhePdOp2GlRuP1/q8l6aTFyPJDwn0AiEA2BMRsjlizbl/0mlJRMXdgq+TaksyeVohfEakz3JBbrM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIXH9CRA9TVsSAnZWagAAF1YP/jpSPDxjGP6lb1CmmhBT\ntRvHUPeu2cYGhVz/5h17mlv0VF0s8YPPmPkZQIsqgY9gC0pzLY8X2Gc+mbdx\nVM6RvqzF4Z/MCfdwrjsHznifV0ztZoJHaK61Jp6k31nVAhwp4uBo3guiszBq\n0OVzL8zQv2IcXJFLo5B7WORC5wqLZgLHfQYQMQD/r0IppUxw+kzLOPX+jXXH\nVMx98kGGCeJNx1U/xiOLBrSUCAOblor0t8ITwUJwW37arLAxgu8XU3k1Zet3\nCLzLSRDnJ3wLDT195pEHXM7Ol27OYNcwDliLNmAfz0cngivQxSW3+2ZDNxs6\nhITxGtGTlRXPrmcNg+9Zn+Ry+vStaJeNs7kHY7mnl7ZJjVtF80sFCX7xbMzb\nUKLX0HfogkTfssCwzfjisU/U8EHSYTQajLfeNSepfjUlUCTtoEvBv0nj1m7l\nXcS8yppNjgEDEhiwasdmSiaHuO5wlpbQEvjjdxeuVA8h76Dmk54xdkY2B1vC\nx96h1jH6WaQI3PEc/mO6myQgF9foWueBA05QH3oP8uqTzyR+j/r+gUdeIeqI\nXq3PaWjSQ5cFhNi7foYm4Arh85cPhz3Kt8oOJBBJ1s9cobwFuCjYBeT7LZ9D\nmIHM6JNhnPbuZ8ukbAjZbVjQi/HdQp+B4AGRPxCCGGD5X+andBOvEJfdkMfA\nOvxI\r\n=PBWB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.1f86b9f6d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.1f86b9f6d.0_1612804605344_0.4810426499743863","host":"s3://npm-registry-packages"}},"11.0.0-canary.aac8f5d9a.0":{"name":"@material/rtl","version":"11.0.0-canary.aac8f5d9a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6f86f864c1e78e9a8403c0372a9fa7c0be078190","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.aac8f5d9a.0.tgz","fileCount":14,"integrity":"sha512-PTRIeVK7BOikyUx5PfcdfMd+ywobL1MgOAsRBww3/oj/xsA0Q87oVSPa+UepINKfz+ZRgZ1Ep4axBl+dFXTjig==","signatures":[{"sig":"MEUCIDmeKU5zsCR4V3HRm2NVl4b5pdv4p35iFqOb7XMz35QSAiEAs3zOS8JQ1e4YM2lrQYamOsFQzn3+t57UC3IzpiIuyzA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIXwXCRA9TVsSAnZWagAAXdMQAKKyI3QTuB+/rEWmcUi6\nn17jfNayuN89IEUgFoXXUElrzry2o2GPYo5ZYPzVv6CIvEvDc+wPnliGQAuB\nDeImduanog/BjrP90vNzx3/Grnwwdqy5lIg3zmrUTXK5qUvDqXfAowVSc+RY\ndEWfmVJwImshLL4x6k4vd2Y1iWlq11Ci6jKReF3KFIb5oV+owDbD+CEk9O5Q\npW0ai6Jyks1ApvkTXtzjiuXOTD+ldIDTy30k+q0/swfAorh6JspeH3GxhoHD\nKlEnP9lJFz6pgYSn+XBrWYTmAIjcI0rIS0bG0gpA6/OrfMKPf/yjr7Ks42/8\nlJSl2dZtfGONMIYFPuavPcbL6EZ6d+/AIKsBK7OFyho/H7uukh0e5tk9ioMc\nmpBe75jF/C+IA02J6xCvcIFDZvw8yRqxJ5qsYRIHVA5CvwV+5chS+kr/Y0Ru\nl8IlGzCBf0mRpSNTo3jXlpYWcxlnw/HYL8YbnUxEPapy8Ov1RBzBVVl7qvwj\nmnjTLfO4YkFqLn1D0/dd+y8iYzmrXEJsGExmzwuWgb30C4+SmT2xn69TMNrL\nvAEk1va2qeyxn6mtzqecMhrskbt6TuMhYE+NcBAwdFzBVPgQ8y8B3Fa10+Ay\nICSR/H7i8lN47uYbIq/H6blNIBqs8QjO/sO/wVal90wple/0N1g3bOw6kE7W\ng09S\r\n=QwLq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.aac8f5d9a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.aac8f5d9a.0_1612807191239_0.35297940575507547","host":"s3://npm-registry-packages"}},"11.0.0-canary.750e18fc7.0":{"name":"@material/rtl","version":"11.0.0-canary.750e18fc7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9780a8a7a589306256909ca3a1d9eeab0587c862","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.750e18fc7.0.tgz","fileCount":14,"integrity":"sha512-moZobCNNo4zdwwMosnXnWVfa43VwwGrA11UWVdoGiWglAro3+GjpO+V3I/rJ3N8MsKUKowYukBZe3GL2WJeHrw==","signatures":[{"sig":"MEQCIF3MOu5GfnYbPpN4SETvhijfpn3ZpXQdg3An5+k3UjUsAiA7XEz0rTkqwCXurhZfS+/yudGoNOVuE8BWrP+i5IoPPA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIa/oCRA9TVsSAnZWagAALOUP/318+zGM7clBkHraew09\nzCI53wP4BM/6iFxS6/1Lhq579v9vz17PtKfYW7UXtAvXtuc432y5pp987bz0\nXFLhNa54UOl+dddfTlr6eGHV1BeIfyQvoecYPnfBaxFzh7InqkXKGl306Y9k\nkBOP4FPTM3DaKg18Yu89J/w+5QNQFpauLaZVdguizNfRag6YU2WZy6159hke\na4CJrDR3ZhpgdOisUym3rpi2oGKcVxiXjervOze1qJk05bLbUR9Ncdkzdt4z\nEt2qyStTOCsWzK6AIgAiykx0QWDr1bAWL614Ihw+1ltvzzvh3CJuhmMK0ExT\n/fmyuLxgpM2FtTuBKwW0DvTrzfQEHavGrODEb4Y8gE7fgPXv6g5aG8PYZyy5\nQE7HnpJlwOAL6SKTvlLI/P5xFn8p5OCNDtg/yNJwm/Z4MQWHaWOsih/Af7yR\nNks+ldIzrhhitb3s1UcgvNTJl/NOMA80JWO5raNAp83puT94hl5yLtnS98iD\nAIn7rI0IGAHEJEWBD9guS41nGQsJWrfPbdcGNnbRF23YeZnRlWn8tQ+iGBul\nzqpy0txDn6ZgPnHBHfqZc9f475TE3hPQAk5MFIrWFCLt6J55aIvolw90R9E4\nL6vd5suHKY1by/be9Jch1+p7Swn/tYwtfHAxgdfmQIRyWfxnM6eXb8YXVhKj\nmY9T\r\n=LDzY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.750e18fc7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.750e18fc7.0_1612820455972_0.18357978961916555","host":"s3://npm-registry-packages"}},"11.0.0-canary.b62b1266d.0":{"name":"@material/rtl","version":"11.0.0-canary.b62b1266d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3149933a528bbc81a5e0fdcc6326c4eacece0e85","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.b62b1266d.0.tgz","fileCount":14,"integrity":"sha512-lqg/EymBmaIk1HVfZ1Pxng/rv/DtZutebL3R71FLp32R3n7dzdrXM37+QbHPn3PmsdU9/SIOwse0bCDh1aop6w==","signatures":[{"sig":"MEQCIGboKm6qnEhFxan5rrD1d/4uQp3NuUVY7OxPMUB8XFW5AiAgSKwEN5rZBye9pUopEtYPAo6BR5LCLvgNO4+yuecjtg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgIwQLCRA9TVsSAnZWagAAQSgQAJLKTGTUi60r7+0z/W0u\nAb49v/+SmOVF+nndBHEWBG6XzumTZ7Oz9sA2hmOWKNsJWdQhx9d0YruymC2k\nxMQMmM1Wad2H53ganq4E4gWHkpFxu/VsJiDoOFjwWRDG9ZW2BIvAl0EbEfK4\nWjMqmgYUIfYzm5FazAg0SpnMuOXKjo/57QnyZs+nlXJ9jj9B6PhW+IG1WVRK\nWb46E3pp6oLyVzSLBMLFEZEsaZ0orsu9I6kKDjuaVBFrptaEVd0c2rtME++7\npE+CXnXZ4B33IKIrsS9/KGMGsIpyAgc4NstOs7R5pI9HC1kc03GyoZGUZprr\nG5UTMqdML+kHYvSkyp6xSpfsdiuZxf+T+tPecvhU7JWT+3ARnrdr80pg173r\ntB1MemEXwVXRAM44el+YcCqos0qsieVZktpdS/nPElNlS5qZK4pKlOqzIf4t\niomdFJHGyE8U66ZGuQvdcP0d9r+4mwLrwpCLn678kLlI5JdayePUrPFtstF9\nNLVYh7fcngb5hlaOFb05INwIFHFLkSXjyF07nY1kC6+63Io2kYDrJAlBoRA/\nwk15YoaVsbwxGN98i+XYYAIJSp5uc6M/fHilEhR5B3Cg5UVjc0+FbHlMdxyB\n3+0yhIltxJui9fx1QpaJfdV6NMrRhccX+EeE4iUugIM44GklZTCg5P0iDEL0\nMsuo\r\n=zrj8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.b62b1266d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.b62b1266d.0_1612907531237_0.4388928598423343","host":"s3://npm-registry-packages"}},"11.0.0-canary.a6b3101fb.0":{"name":"@material/rtl","version":"11.0.0-canary.a6b3101fb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ceb8c386741cc4781abca537b343890e067f688e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.a6b3101fb.0.tgz","fileCount":14,"integrity":"sha512-rVJIISCL+ZuMFRCAtEXjcaIbdXixFPMHiyrLae/yBxxGoEZnmmbeBIG/BZmVuGqjlzZvn7gCRKqramc967sYHQ==","signatures":[{"sig":"MEQCIEoYNM9GzHflZyDKNZW91Lah3HAH5rOTOeHmBO9HCpVvAiA3IqOMiGCN1Hes3+BL6b2jhum+g13lRsCbh0oSWcRdfg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJbrLCRA9TVsSAnZWagAAwAwP/2m40a7XeTtyfDkhfsxi\nMWmIsSTQulLwtbdLbw5IWM5/qTj4B1V/NMvTAxFrVRo0whI9+tE9htJQS9OY\nHEbO/KhIFpYegbqnV/8Hxg7nHt6jXQf8Xn+wrEk5oIKcYePWcOi/28SJGPwU\nX63RopyFculQwXIVh8oXO9k59duCmcV8v25o/Z3lQnzvOGyX/5+JeOBHQGs1\nLVyTri+IffivkwTaB+dnkr2msdWob5FzvxvI7I8eIy8xDpq67j8h207mJj6k\nOkTowRy13RBHSE31skHTQJL+24PwjDLsHBzmoIYauEIAvQ91HBeg7f+sF5TU\nFuJbfrwP2YnphiHtjUeLfIrt7qA6c/kWUNe9FvHeyqsWD27zEfKjwLHGI4Ip\nS/iEAHEWkZnDKNvtrrsKxmJKwaK26b2ubN9pH4RTVJ89ZxBmspDrAVTEmkXY\nno6KSVxV5+dFNpcGSnu0FP66mpes4UqM7oI8IS3/8xg5lnqexqUdcG60xQ0p\nzEKfaIT5ZP+kDsTPBn6OvcBtc+f1kUEoPr0/a9D5Vw0Puj7gpmlJXOGtjw83\nuuxeje5gLUTuxWGnvmilp6HWonFGML2LN/08AU2Elt+khEgyAfrhwAtsJUfi\nuDcpX6ve/QqRM467Hor1XLVbwKiIhn43XxXPY2jyGee2jzgEKT+WTmYk9fbW\niz0x\r\n=zmrD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.a6b3101fb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.a6b3101fb.0_1613085386971_0.08028348508475913","host":"s3://npm-registry-packages"}},"11.0.0-canary.ed88df700.0":{"name":"@material/rtl","version":"11.0.0-canary.ed88df700.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1097bee5b3acd6d4a78c59716929e10d324d515a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.ed88df700.0.tgz","fileCount":14,"integrity":"sha512-In5nayXH0bsE154lIi5zU+G7FKdMRjhIhytdIv7V+/QqS8CYAlKKfaAZ4/YBpkscZjVYmOFarSAqXo+cIEnD9g==","signatures":[{"sig":"MEQCIC93aRbBv4YEjjFIDkuztxAAv5VuSOrrkVOVK4OMhYuRAiAc8nq2DfN3AyXcF6Ee3B7ioxNY5ayC+CXw8nfqexlbSQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJcZ5CRA9TVsSAnZWagAAePgQAJRUHWWnSvbI+Vp/sIAx\nDKV19tj9U4XXZNY8Ci3Ns+4kw6BkO5ksiwVPxderG8Hyi8Vdhd/tvn7kGVo6\nV+Qgft3bfUoEv3btoTDRaNyJJ7k1/WqtBYINE6jIyEeOmgEjB7BJ2RquT1F4\nAbBk4eeNECqMhgDkhK/GvTEY0etLb5KrNrTgG2poDJSfTAwBZdVQHGtC2V8o\nhMbMZ/DEsjD1D9RqnQkFERyqBGlcPBOR2PTybHCEcNmEb6RwMzxehtU/+n0m\naN1nqOz7mEBieDeExwQofOmj+6vN1jpJuvdO+CV3WgJXHIs6zUsBt/gEIIi+\n/ng4TLKfBkSA+EGiL5ZhkMCt091c2SYj8OnCCphP/NBcCtbBATOcMRV5WtjE\nF2RIPDH7t0UcWOUeNSWomE/D9cNWO+oF2MwubdVjjzY7KJ7qLIHIwI8dxzVA\n9LRiOWRqOQHlnJaK6mlRVMh4Ni+9hfrfHoyj5JaWKDH6OEa3rDiNj9kOBLyX\nj3/LsWGhmdDNtcjiyFFy4y6Zf5jNGQ4rIRUc0ibQS7e8iMt9g8eWrrilAANg\nPXkYlJxhevZ9nC8dWgD4sUgRNKF6/ssFVMORirnTLcVOXOgOO88E0ZS6sYHH\nvJLIlSJ+akhAOC9/K3HIV9JklKxH18WNppPPTIcoUssjowGAkKPR/ZeG/MZB\naGh+\r\n=u2r+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.ed88df700.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.ed88df700.0_1613088377144_0.8877954417219958","host":"s3://npm-registry-packages"}},"11.0.0-canary.d30efe6b4.0":{"name":"@material/rtl","version":"11.0.0-canary.d30efe6b4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"37c869855e1d030a2349cde04baf724ddf872c4f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.d30efe6b4.0.tgz","fileCount":14,"integrity":"sha512-zqT3A7pn4/h9AcX91IfHOT63W4aU8oLJ54TuT0+CJ+Z8/Ndx3selESeRATbzXtznpLOsq44mn7rTILMxemR4Kg==","signatures":[{"sig":"MEUCIQCXC8lu6hb7AjasxVrCdoQPuc/RS55H0OsLYh8d9ZeOmgIgIocSE17EKnArUWyt8CzLZ3BKBIb3eLUjB8kvXujpFGM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJeraCRA9TVsSAnZWagAAOhYP/1QSmjEPr6JlUO6Ar3cP\nMb1Gt8vy2Hlc2T/TSAMpiP5vF1316EUrVAmi15olateh0kIHn3cIM/wKh19r\nGLml0XPRCR3WVc6cIV8OFLQgxpkXRAXL0hXcAKJNY4nW96L75DoXerVU/FYP\nATUBwGtEecYHE7TYRLoGaxFMU+CmXxLG78FQCdTwKPb1OrNYVvrreZoJceOJ\nYieUlhYs3O4hQCR/YV+MaDqwhFWv+/aIVmYWHt4Q5JjKmgxMkaesFvS4tRGk\ndQmt6Lkbk7gmRZAqHmc8JbWa2nPF0HP2qtooTQNeNHvGQ86ummkaX4EQ76qp\nHa81AJRk3pmZZOPn3zrXoqWEwbIJR0TZLpUeX7F43s63vSyoXDqgKQK+Xyn7\ntfjyaNZvFbvfW66npebe4euAD1Ik5J73oqMkvvuGjhgKha9SYJ4ctVBPiweh\ncWhv36E0iSke4aI5+Y63065HfoZ4ZAO+EhJ4Eavjwgg/m6UeEaecdtlexIkP\nbPlMpyrNLqJEL/ByQMzOQV9aV79N/HSJ+vmzDWIYkhx69hJlMuLF2ciuUiNN\nkj5UUQvCejzzdUMVOLHGTV7wtWj6qEhebxFYxAfJv6wWnPqvb9rYJlKgglVV\nXK/KHWTDGUijWpTT3L0QqdY8JR3/Y7F/1ow5EfQB27AtwaMP1YO9FD6RCGjt\nQO2o\r\n=nk6p\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.d30efe6b4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.d30efe6b4.0_1613097689823_0.18313755049731673","host":"s3://npm-registry-packages"}},"11.0.0-canary.0393bdc4b.0":{"name":"@material/rtl","version":"11.0.0-canary.0393bdc4b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b608527cfb85353ba43bab8cee836a7267dc6c8f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.0393bdc4b.0.tgz","fileCount":14,"integrity":"sha512-KlQhaM/OYGShnNH6urSq/CtQVyCInG3nwOWzwvmqfj523HfGohQ04Fz+jNwconDEnUUq9kKfn0mN0OHuifS4gQ==","signatures":[{"sig":"MEQCIAdVVijozIvebVwnKSc1qTFheQYY/FSqxrkS2nlwCihaAiBgQScenZm5zRgh9rb/wCOqdBIqkhftjTLgQuwN5QgYZw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJgRjCRA9TVsSAnZWagAA3sQP/3o/LQ63ErhDmG/IZu+C\nlBy8TE4fbS17tJM2TS2+dZAvaRdQn2nMPWf3cenGJrMpeSXMFrXsplRI5QgR\nBqK0dILzqMsthJ07xW9kKhahpMgQjolXCmDwepeEMuurua/ND1/CrYNgGvj+\nLkYWisvk+QCRpuyvHduS92ERyn3Br6WeYMzRgTxBf9i9QYeQ9enROWtuBq6h\ny87VaCifC9jrUruEWU8g3uNpyz5zpm857tJhEfDQLrAhK33c4eZ7u09IbO9p\naRCDMp0udFMowuo7IsYPDu1xCLEerPm2xkynDy6LANglThNlnVjkK/QAJVAL\nX2gZ8klRAi9PlgCjbgBQY9v1WTXMOX+qOnltuQIXkL7NaSe2+YdcyOMADYjT\nfZIytcUAhGYAuhIOcHtAcvsuos2WHGf+9KR+ywvH4AXLlWm/Mp+pZgUUlQ9z\nwI261/EJEyCa6KS66vo04ougXB2YTeItG5ayutHZU/boMbzLyg/hgHI70iKy\nXPCwgMSqQfYhSyjkbVI0XSp5zPW6IR4+KjqbeKr1mbxNZNLCjUJM9Q+3QoMy\nHtZyVBe6f8o9+tTyGvnF9TQVdv+RZdIEfPNoGn95y9dvyNqkYd/UnVtxiMHL\ng15EJ4gzmVJOVDI7OxjSN3AZvD3vIeu4Ks1IAQth768Ig/Ji7Nh+mk5cF/ba\nnzOz\r\n=Y96U\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.0393bdc4b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.0393bdc4b.0_1613104226690_0.15238393940049444","host":"s3://npm-registry-packages"}},"11.0.0-canary.7cd26af4d.0":{"name":"@material/rtl","version":"11.0.0-canary.7cd26af4d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5adfc334926bd976185be4d4341f218a317bdb78","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.7cd26af4d.0.tgz","fileCount":14,"integrity":"sha512-yh57E5Z0GmMkloPS4ie5E0zDEfNAxuso6CiQ+Ew59UPaEicAxkmzGB12Di+el83cssLVuP/A0NkfpWg3OH66Gg==","signatures":[{"sig":"MEYCIQCue8QmFrUqDi0wEYvgsrBY1CHFW+Y4oP9/RgE8//FvogIhAIha1ZFWcEJ7m4WkcDy5lao026jQlQ0/Zyic1a6VIdTC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJqXBCRA9TVsSAnZWagAAghsP/32yjLgVxfNBLp9J6duR\nrDzmtKzqvxFn4TqfAMMqE7mjaa5PiQ7IkvQTdoM2rcYYdWDaO2cDaA3UUX/D\nc/uk+0M7icg+SJ47o09WVMiMh4w5gOlIVTgatmfTuBGJ/zKt87gQ3MtkpTET\n4DG2N6rKXFp59U1GtQKmMKNpjK2GLt3jSc/o1iztcXpmHm4ju+KFVHJO2ymT\nOiG2KsBNAo0X9BeTEyo2he13aqVU9s3weiZYjcxcDHusAlaaKCccd2FMuoRs\nTq/xG3U5qcTVnE0C8HJZpcuXrdXD5aEL/hs/vpke+b+s60dFdcnj5dWH6MOt\nCnE+eN8OgherJ7Dr82unG/EBXIeyxMfDmZ+Gb82NgAtu68eM6nWCp1aBMO7z\n9L/hXqdUzGk74hroRzlFzoC1HtWmUg4Zv3ZNRaW0nNUVvj+YAhKK3amhGXyW\nd9SXhyg485+Om4bGyh1VMr9D4/5ic7lIs9g8DZlEJR1bdluBsAWkRDz7ntrJ\nLyNt+KGLet6P/bG+bic2IKFclWuIT80TwPWOZB0dbOIkzRgW1gTtwQDEASxS\nmmnlGLoEtIVjjqHEM+114oO7flwBuOvZuzVwQLiXYBSy262iOkepd1RCEp8l\nWiS87HsGJUBFbp12LM9AAAeHqlKqamtRFrqbu8W4jNu4nhVere2+tThrq4Q+\n2XkZ\r\n=vIWy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.7cd26af4d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.7cd26af4d.0_1613145537050_0.6885107795124055","host":"s3://npm-registry-packages"}},"11.0.0-canary.71fe9a067.0":{"name":"@material/rtl","version":"11.0.0-canary.71fe9a067.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"78670bfcce683ce5afcf0ae81644ecc71c79e45c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.71fe9a067.0.tgz","fileCount":14,"integrity":"sha512-5t7TMxN0HpwR5uY9PGfSVDDS6dd9UE+OjsmDvCbNZLQLNF6R+3dgMR/wkO+D9Zx0YCHHz8OHmuk9u0JtvHgeqA==","signatures":[{"sig":"MEQCIEa1o59CTqiB6Zezsf7PYsFCUHSEeCnPO/yL9V8xwmnNAiBrvCWgMPvvbvdBtEI5755XTC75Xx0r+G5ulC+pxLfr1w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJq0dCRA9TVsSAnZWagAACPgQAJcBhu/MlRQff8kiPXdO\n8110NK5nP1TkO3xpbGE+A+LTWRXWl4YbwQGnJfW2+qGpumboB80am6pYweI6\nQgr13ouY/mcnRjwPRU+xoj0iZTAICUMdR+qW44D5FOiUaVFRWP8xx2heRvl3\n00nYiYFMLNzHwJKeD9wk2dKVddDM/JWrVsSRvQXyUz9g+jIP7/KO1L1vTNmD\nZhV9x4qRYJ94MLUwItPBSwanA3Ymc8bQTUbxaispYaZGsNz/4Yt4Qa8CkHHJ\nmHc7q2/YIt6zovi9u1HGps2v5U5JNi5tmgBf/Bnu89GrA23PWcwyhzzxE5xI\nAItVxX1umTtR+5LEufaKzBg50wGj3NZmyRs1zAVCNlZQTGW6jpmeU/P/la1G\nji6Ab06xDdndyn0r/i9xoRxytoWv9E74MzNysVSr38hN0mkLAmJFdfWC9Wca\nV/0Oz6ZUYr9XIhGdSXQxDYRxprpeIzxae9oB/eXz7DliCAK78CSHpFSkrYQl\nKTYsyxP6LMsb/uj1LtzZg3BDj+Wxail7wRgT51R2/ftP9XESLYs7yLsR/KQF\n1mou/DMnSvQByhcNcbSYJU84M+P37N/XxPrc7GrtFv8YoUB7gPdsfje+kIfS\ngLhZlm00aMHMfhmzi4mQ3Pc93fcmARW8FRO0UVhlXFZQAJMJxtcrgc+4nXyE\nDPz4\r\n=KcYE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.71fe9a067.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.71fe9a067.0_1613147420448_0.9763475479809656","host":"s3://npm-registry-packages"}},"11.0.0-canary.0fd56a86b.0":{"name":"@material/rtl","version":"11.0.0-canary.0fd56a86b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"484e17b07b9191f19e3d7553ca8557bd624eaeed","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.0fd56a86b.0.tgz","fileCount":14,"integrity":"sha512-JsbMLkoKc2eYFlnz0qQ5w7Rra2hCqiTuHZhWcvKoMau6u3ImHRhGoJcPOQxFjOyTUQl0zevnx37DvHcj+Url/A==","signatures":[{"sig":"MEYCIQDVmVa/7socn+eNieLCS1gvQmPMfMuOq4yxmZsj7uocFwIhAJX+T+DqDqmbXHM/xXTnGmTIY0MryFgcLchPPR2uR8nN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgJxkjCRA9TVsSAnZWagAA3GAQAIy0AttAFfevG3myxrlW\nuoCaqGFgQx+nMZNAYpqOnX/9UDR8pHcTONR5ASanbH0l3rmmZllZXbl4moD3\nmKdG971BpR+rV9sa7MHFNC0jjqj1943HM50867iYivywycuGb9cVBTCo9Dm1\nhlX9iULB8tqQVktQuV/PmUbD3N+sAw6obgy1K2cC0nlYUeUUz27ogHsi0p2i\nEno4i1mkTryfzKLPn089wHPSW95CtZCDiH8O5aycyxEbUWT5MpME6vbImhUc\ne35qBykYj2Wt8Cn5+1AAK1CdKUuGBsLX0SQZvGINsJRUR3+65K+I9ikSpLvg\nOUa9TriwveHs72d3R83zEyKMhEb3gDnB4GWSTdPMwEh+paALIOMPMgeHHBHP\nH4nxIzb/iEyUKL29u8HdnqEuI/eC9+xh6iM5099yf96Bdo1Yt7JCBh+KJsNp\nYVivqnuyio6DoHFBWry0o+8qqyIsvASlxUqA7YRf0v7/c28vW1RdxIXRu0/J\nzkWtm37HJl/hv+8vOAN7NUrRsQJhFkFvyUkRyjU8mdPAhuXPYayKSzdac0+m\nRiWyGEI1Izamg4ZpLSHr/WJQVGXGXrCkUaSlmXuVxNGBwb9XHMMHc4opxpmL\nGScY/vuyYQJ1aUu2me9Du+K7YS6hChLjXn4z1uCinvn/OcLRP9MbipoLplq0\nC5SC\r\n=nCod\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.0fd56a86b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.0fd56a86b.0_1613175075139_0.29287132817528727","host":"s3://npm-registry-packages"}},"11.0.0-canary.f19bbc4af.0":{"name":"@material/rtl","version":"11.0.0-canary.f19bbc4af.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"19be05573c9d1c8b6c65cd5c77ad50d882f3ae37","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.f19bbc4af.0.tgz","fileCount":14,"integrity":"sha512-kj1Wfaf5B8a5bAbu8YGjgWA2pEB3GGp3skNt2VNXyTcQsQ0d67WLhNFu3UZMyAJRbErr0QOrOw5sDgrDBKEq6Q==","signatures":[{"sig":"MEYCIQCK/cYQAfSrRGK6JxBq6SLJ4XJFBlVmnfQ24BzYTcM7ngIhAPUFdz8k8He7GA6LgZaR2MxeuR+PZPVxXSG73xHoN2BP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLEQOCRA9TVsSAnZWagAAcEEP/jDJ8wAjfIIg73cjM0dc\nV9Gad1PyNnMg0kfh+UnxLFDib1tREpm1Gjad3Ytwx3OnAG5FNCeg8TYEJgdz\n1fpRfgLLZHVQ9JoaDwc/nBKjqQR1AAvPMRZLgFAB4C9r3nhDQxPDQICHF2yL\nbYGzRDeRHkjXwxueFqzPi/VqHVlkJiviPrHVXMAgtcBoHS7VGmL0J8zOnfSk\nncpfJMg3WlArAiBtHKMpITj58LQHfDtMTZv37n4B62jIngYlgF7bYU6ofQ0b\nEiATOkZIwScShTVayZc9vO9Jhq9uf3XVv49jlSQkW0lOk4RYnGVKl7MZZu4r\n3E4Zn81XLIJ9/+oDJT/M8ko8Rkgxt5rmbxfyb0ln0+IyDAD9wPrFaXPwXnEB\nlX6hY8KyJSKTHIkPVsZlcGaVPic7O9k7Kun10LvwowtMCugzyu75yyrbGDCr\nzkUSKyv+FIyO0Y4dz0O/Bhy54ZatclhUPbFCZDVDI7CVE3TtG2aCdkS38eaz\nLy1E8gNeYrQG3C7mFid1uYxYs0U4fZMkDvDL6DrLjIJQCXXpb/q7Nz47h9F0\nYY4Jlv/BmuA0VY4s5KIiQbXtY8byI0gELGv5iMa15XWIpbYYYSRX1R/x6TIU\nrRwj9CESpWJFMl2PxwOegAzpIS336waLsa5f5e1DZFQjGhjI8ZyyMz714VVf\nyF7r\r\n=Ld9m\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.f19bbc4af.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.f19bbc4af.0_1613513741643_0.6167928244432417","host":"s3://npm-registry-packages"}},"11.0.0-canary.f9cac96cc.0":{"name":"@material/rtl","version":"11.0.0-canary.f9cac96cc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"382c986aaa85dfee6124894ea265983149b9948b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.f9cac96cc.0.tgz","fileCount":14,"integrity":"sha512-fcgxXT2lIP0YjgvKaPSAHs/mbd6vdDoiF0tBhOycapzuPLCofa2Ye3JZSfP47n2YXE7HNgOgt+CMyOCmVow1tg==","signatures":[{"sig":"MEUCIQDdHXR2thRr327plQOnAT5IiIhFxy/dXF/wBsP3iE5NFgIgbElw5rJzI1nY0IYpLKk80f/csiPieqnGTN9OSRdJbfY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLT+0CRA9TVsSAnZWagAA4VIP/0hAitDWSq4boMeWj5Z0\nbdktZUXj5bvg/eEv26W07cnKnzsPxviNZ/1vYHq/HITsvTiKbK1oxw1ExoUZ\nos3x15Bd++2G9cI8hV/C81oCkrhVrMVphewjPgN4+UKemF/BfO5dpgHK87bO\nXEspCiTysPS02CvFRGDQ+prNyePU/EBCab5Oynq+hchri6IJtnrhJnUW9G0K\nNuyFK6ivnJ2v6PDC6eEgjIuiS9MFAp52QctyjRm2e3gKldfuXIfwzgMa2Qhq\njft8VufaEUJ9Fhcby08+d8jjFLdHcfCIGAeA+l9mfM3Qwzto2m49k2lodsmD\nHbcBWFN7JlOhiOGvfnqHgJ/ixg+sWoEuBuL+La5DSALb5f3Cg3P8Zyf8LeLA\n27V9ipY6UgrflZC8OERvGaAzmXk1ThJB7U5tQJ4ddd9bIgQThXzOOsv9dhUZ\nLWo0NCHefUsGQ9DO7yISberKhRSadoCKa3hK9hKYMQbU5Z00BgmiWvEYl4eC\nI49w88/fP8+ewOIQ1z7zw7lf0qfJh7hqX5Xtr86dMntThmsuB6qBU7ncFnYR\nQ6mD7+bSTyzFKSxJdD9Kxc85tFJTynjjjS3H1oMKlJvpxuYlZY16tHUySEe1\nsMtBuMvv/diQDzNt8h0RqrC5WRE4u6CNiC2QlrOM/X0BsZhqvvYZgIojZUxE\na+pq\r\n=hf2y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.f9cac96cc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.f9cac96cc.0_1613578164158_0.18048353941403916","host":"s3://npm-registry-packages"}},"11.0.0-canary.79ce0878b.0":{"name":"@material/rtl","version":"11.0.0-canary.79ce0878b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9fbef706aaa90aec60de0d14e8f0ad5e810b0ca9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.79ce0878b.0.tgz","fileCount":14,"integrity":"sha512-/91s6WYSNPjdcBHqf3aXI/mAdwo5Bc5dsdcRCQJFHseYZg6mgB/RcAIA5LZwHuxLh5KrXORjjwqwWY13FU8SPQ==","signatures":[{"sig":"MEQCIGrW3W7jtvzIyFzmFDtrcTEKb4/vDQytxDjdBXutxUBgAiBwSO7nwDpZDFPJQuRd6QgvT7o672fgGgOaA2IJ2JggMA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLW10CRA9TVsSAnZWagAAfBEQAJTibhk0HR0jVsTvZpfl\nHNh6Yf/1E4aZ6EqmmA7acIF1WjtPTZzPCWe8X0xE0qHGzPvTmptajpndqiAa\nvotv86gAwbDmiw4F3h/ThX7UTJTUwCXxG+m707ezWAaXtRYsmGvAEu+R+zQT\nlpgA8q9RrHe6FOjtteKt6oMp2EzxvmmbUwbXW/iMWKVa9Hq+ZE7q4KArkD+b\nexnSaorsYdCkUfXo42kE1znFkGUgzpxQLBvSIJnarTY+0bI250/QF3gmNfPT\nncjS7nXMbaT8fcJK1zu01Gz+vv+cSzZs/jFAn1Cpt3KuV40NexaALjsfFxaA\nhnpwYpaVpGTRdeuUWf9ms0QI8jOLTv3WLEsCoE4BTG/javKG1yvzcFRusguF\nIoBFS6rNbzNRwjlZb8ACcnJRKPsn4O23e5J6PHA2ryMoRTdWKh5UQ+qtHRwq\nctzdmUfHougt8qaUcFMY3e+v37dCI5txB3clnLzxMJd8EEcZkd/x9zX7F/Wq\nLKy6OvLeJSW/Lt4GalC1EBVM9xDTvU638bL2nZzT1gRDFERLV6WeT4AwTS14\nQ+JaxProYLo3phJxgl0+VPGFCRfzrPClGRv+Da2zeKaESz4D3fcy7aHAZygU\nGIciJS5j9bqoDXDR83Q3QS1GtCdbL3kSj4FwFIS5QsWYNOytKk01OXGHaq24\nFRQo\r\n=SFDV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.79ce0878b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.79ce0878b.0_1613589875960_0.5909518156344462","host":"s3://npm-registry-packages"}},"11.0.0-canary.d6e507b5b.0":{"name":"@material/rtl","version":"11.0.0-canary.d6e507b5b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c510196bb7dbf5fb0168ba1453b011b790bc0532","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.d6e507b5b.0.tgz","fileCount":14,"integrity":"sha512-pU2EZbGj6xwr5onrdAk8DZ8d5BsLnbxwR2Nw9PfxmH6qqUsvyUYTf+/A5OYZkQd+QMyNgXloqriQyqy0S8G/gg==","signatures":[{"sig":"MEUCIC4dB/qxITpxkTomSb3sZHLZlwEAsMkk07XniabKSUowAiEAuh81JnejR+4O+QG6q7ovV8MnlYIGn4JxyHlGhKkpn2I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLXU0CRA9TVsSAnZWagAAkqYQAI9EkfYyuQD3GUnBPEc4\n3IRZuN3aw1rV79cjrc9wf5p7b292x1VMsX3atanCswX/KFEsIXXJY6IZoRW4\nAEu+VjPdMbBnpaRWMkge9RAxcTr2wZC6aIWcVhlAdpwJNtjYcgaQlNfaBdWD\nTfysJY7ApCb8QfqGF9gJugXARQIfOFrXtrWioX6TSJOnzYSrZvksmbKsGXxA\n+sZo8LYGOlnyAtWqZKI115KONJ3kz5JRG6zlX8f2RivGqm1rCdvIfvYUYYO/\n1zLet1u2xbO/+fbqir2XS7TWKBL3u3pvLtPadNO4qT9nEVVs7tkVUaxNoicK\nkNgZfuC1HFmx5aexcFyJaU6CPDi8IlaejKewUKaL1LCxogdk24zlqfLikPYW\nM8fd+OwUJsFmXRqT8ASnkkAIIjqssmZwQiK4TX3li8ZjESUZFHw2baTNSR7p\ngeb++yYRaP2U2RqTUhdJRkkeWykJaCXu/xt0jNUCtE6iILdntVUPdFvooMVn\n4F7t/fYc17XCNJZK6AfOo3jB+pYxa26Ey9EWxugvpdJZ6dLJFZGKZPTfhjyU\nxN2sr7PD1384+dYBCTstFXxE146YpABDxFKyT2L0rOGKxOXQoh0/5y8yZvhN\nkS+fa4Hx7mZq7l9pw9KYeJs664U1Z0Mssg0akCgmSZehf78pC5FsXJubkS2z\n60GX\r\n=rcoD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.d6e507b5b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.d6e507b5b.0_1613591859655_0.5184039243383813","host":"s3://npm-registry-packages"}},"11.0.0-canary.f2658381b.0":{"name":"@material/rtl","version":"11.0.0-canary.f2658381b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b319bc3396a485b9692bd67f7c9f9697a60f0bc6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.f2658381b.0.tgz","fileCount":14,"integrity":"sha512-UYQC10pFzkpGn4I9XKFLvGZOvWe8qG6H3BfAAAeMIOMAvCTKhvQt6HhdiVUcP+P0X+Ih5Y0OL6INfCDz1DUt5w==","signatures":[{"sig":"MEUCIQC+cBtDI1HZ+6pOCSkoZ3GtOTXtxFjEtGl2C6Hpd8G/8wIgaAEQJY//ZHG+ICgj3xsqcvcacb5UrdfTjOWzae3RTPI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLZw/CRA9TVsSAnZWagAAzFgP+wZ2zMELyULrzQh8ePez\nhRCAmudnz5gO+jvsdfM6RDbVJFM+P89IdkUYJ0EPWJH69rty5Na0NpL6ja/5\nSjIBwTQsrWyWQh6rPs+ywYHfLuH/f5C5UwqLOOVQHPSqUsyQgWLkoV2eeFS4\nDbrhyFlgsOxyZ8x7L+lyuf0VYaSmx9RRodNrDHtpifR+6GIVFjvapDnoXKIl\n6CmQ/xXPX3DTyDDQyModu8hHNWRwkNisAyrur75gFb55JuaepEQ6IBisp0Xd\nFZYKD25meEtyZ9Vv9tQVDe1CjrNTQZc4DYJhMMKTKgJptR5FWPMA53C6ieFC\ndsr36DF+CgfY6nk5WL02AadzmSIIsNgWwhDHFF0l0EqUoD3JnNN7IbCasmUE\nvB/1sNwF+gJFAAaYsMEwxQ18H8unoJDDn0MtVjKobMlYK2juebUAVw4iwnw3\nmmkD7+DdJ4ayV2im572OPOgFSb8c/+0ezMxJNqR/+cWRCcJ1rjEvSlNYe78m\nQf+lhUqOuHiY0FoLrVWIWY4ZlwDCKmVJ4jvQpkIr8vxiMOCNrCh6u9ZiJCr7\nV3wSYSLoOYixMNHaNNMrt5CarSsMvqkOYPtjstDFYtMFyaBYvisT/mpFIHER\n5T3vODb3OXFbOYHHVO809D56bV2cWD2kzlQq18lL85KZNLHkrOunylZ+DwBS\nZO0W\r\n=FcfK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.f2658381b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.f2658381b.0_1613601854516_0.35278779522485393","host":"s3://npm-registry-packages"}},"11.0.0-canary.97c4d4035.0":{"name":"@material/rtl","version":"11.0.0-canary.97c4d4035.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8851e4111c0cd4593648f72463b65664891e5592","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.97c4d4035.0.tgz","fileCount":14,"integrity":"sha512-CdQC6iKSs1iRLPqv19vbmXHo05XMuAviVJg4yjFUGECML8Ar2XQ0X9M8WZPit0FLvuuzw5X2EHfmZ128aabMWA==","signatures":[{"sig":"MEYCIQCSCeMGFyjnsGwRe4HUjyolxaNZnCKp9zdAT9RTOjyWigIhAM1RhVf5c/viI3NmQiLyAdbAT/jDAyxnD5oTvJ5LDNJ3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLdI7CRA9TVsSAnZWagAAbG8P/22A/LJrjAYcxbYJ+WRX\nAHN5+N8ku40r9Zt8qvYxTyYBxWofhCtz+6LlvSeQuNnHBaNVYDXsLe5I2cOg\nsDWTpZSPiksqenUARdqu7lv8q4GSZaRzVUenO4ZZdXSwrn1PI2KBfZF9DzvD\nW1qg/3Bycseut86rIOpdUjh9nENT3U6bJDRfeGAX60kgqeh6rFJZqfI7ZUea\nO9okbkbBBwIfaIv49MM1PFYrNQiYYIi4orzTm26ewZoVz2P/JDFJ2ONlmxH6\n43ju3fKV0GI2yjbj29KHXjWbxsdR5VwiLPxPE1V83zcNpT/7ogL6lVIKs6U2\nHSUUQh7bZpJWLkbkBvR3OONDbIP7k2uxw+b5jlkavePLkcBm3Bw/SuTQ6DGD\n9GJaUqQmtToUJXBKDYbTx/WGI6bQ6ClFeEEsSvY+IfIlFJr8hpQhUhbUPQpN\n/ni/lvSChv3bHPCb0mwsMWPmukVx0dzOGISTPe5tv9uj0uQ1gg17cRPwhu+B\nLIqPvhaXmMHT4lDlcV08QbAVbOwIpcw+7x7mZCAmfpFKjHa0F3F74BJMmtgF\nWYIFk8vUg/jyvaXeKYHGQFF15k65N9nkoBfTZnmPpZ+CTQuLjfw2SVJ3Hs5A\n7Pv8DPwnBHUDnvDGBBDvs9k8olhGeXjsdmTZegqy6LAu5WG71hK3fFUrkcym\n10iB\r\n=8NVW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.2","dependencies":{"@material/theme":"11.0.0-canary.97c4d4035.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.97c4d4035.0_1613615675207_0.2809220874072238","host":"s3://npm-registry-packages"}},"11.0.0-canary.f5bb4648c.0":{"name":"@material/rtl","version":"11.0.0-canary.f5bb4648c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c42e2763facde6be7ca5a242638f80fa168c96a5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.f5bb4648c.0.tgz","fileCount":14,"integrity":"sha512-HCyHHLtpYX/VN+6m7M30Fqq0BT5coz87mp3HEe1yXHyZsi0oAnsB+LfUQybOHyYsex9qcFN9bY0vHbaYEcAZKQ==","signatures":[{"sig":"MEYCIQD1G28I+pF8umIQQ++VbvUYLlDIF6vl5aThzMMYepbuAwIhANp1nSyWjKYvcK0XD8+A0cVgEAYV8TSD1WNGXn0aHAoA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLpAcCRA9TVsSAnZWagAAkykP/0/TdBSeM7I2F6XCitED\nHbt5kBuVtajFowbLf8XGewEJ6/XX7hwbPhjWWsJq/8E4KykfszaYuOroBp0A\nD8J7wD1klRcGtAtK6RpS/FMNidXZHsVcWa20YmroSgVIR/gg9SlZX1ZiZgrB\nG7enUNVpy6TVCiz48tkPMTfhHVC+pJyRvxN8eNy5H6sHQSTCojgYMK9dfuKg\nF1Ad6zkpRRzYSUpuFDXrPAFGkwAn+lBalgbbiCLL5oZzgtPLF+VL/3gEEWIU\nlnpJa0sM4ibqKhj1YOqIpl2DusLRsX2S/aColF+FdwV7X6YiR8CUdpvzAu6F\n1DP1skXFPQ+kE1Uirp4kaV2N4NejpNdWPC2fwuR0+DxpUakGe69W0jPud1CW\nCAl+DL6FjwZpZC1Zu/kh/tnz9PMmEnzzIhumGU1Ymw4JrLlQHVGCGV9bP8H/\nQ0pug0ZEWH0SgsLakbGpmbg4FRwWBbmBi6UqURTaQOy/JbVQeUOCB0gsHNwQ\ncSOX8ljV49txH4khFfisyPlK8KgthyH+ggBOIexUtYUMB9rFwocT2x3RORrd\nWZ3nCc4B0CCZ/zYslVy4gDtlEZ+pdzpUAxtkXmx4F+b7CpYm5Gie74wSGr1K\nDS4chquiIjJrBLaWm7wH4C6h0lVW8zvEHksdVNuvR83FuCSK6CsSrjijd4FL\nQYS8\r\n=6LE4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.f5bb4648c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.f5bb4648c.0_1613664284462_0.6160618144148369","host":"s3://npm-registry-packages"}},"11.0.0-canary.302c7a960.0":{"name":"@material/rtl","version":"11.0.0-canary.302c7a960.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5499e7d20c877cf4515c5ac275d5698c5f9ba9d8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.302c7a960.0.tgz","fileCount":14,"integrity":"sha512-9ezXCvYl1Uv5Vcc6CB6++ya7DBfJO0Q2Oy6b0W+Q+CVGTKCx6fs2dXfhkZnfJhq0nKuwNHUh1YemGIQ6pVET9g==","signatures":[{"sig":"MEUCIB5vb26xc4w06T9R7HLZFJEi3FxGGkEn/6Z1M8sW/rtcAiEApFlOlRh1R3ynwSXdoTtX0MdKp+L+MPF98hmaDvxOYxE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLrPUCRA9TVsSAnZWagAA6F8P/iuxDwdoz3FXC+VsTtr3\nobKQLFRq/wFdm9NT0ypwu9Pw/fT13/r1vZ/fDZY2KVH9Lf5eBKe5+lZbnEOC\nTSdl17G6rhBd0517xJgIMUt2hNWI2gZP3qLviv3fSynehGiq5W8mGWCPbGqq\nfLqyxwVzpGTpTZrnx3fQLE2Tx4oaCMe/bu3lzC8RVOU0isoDlMJ6DvN+P+zS\nFXyuNV6IOFC4RSd4h6ayCBtaGv5vRnSu+MkZPjChEnUTp0psoz8EG1oFEjak\nAThq0RQyvlB7AH+rNE6S7YXsYMZ6SH4vEngmyTov0+54AV2ruYnTcbfPpYdB\nbfpfjjwkXwMzJKhrnfKhSDFjvc3bup1jAQSSZe96aj6gJzJoUPzsr06eM5Bs\nDzWBg+4EELLcI73nQflbjtxH6bAQRF+6gRnTVzCwEEemBL+ulxDRHLpanE1/\nNiC+nZSwedHSsU2n6csi6iiTi5fMTbVqgZazVhpUuKI1WSCWfZ6hLp9MbzFs\nRVh8dYVy5TI2N4bQ0ha5wo14YAYKGZL+W0qO+nmp6/tOTspq2bWzMwvuOL4m\nPpKx0VYMOAUzDFndufofxgj/hFVtG49PajBlr8OUJ9KA2PyHVRQNSPDSGsch\n2Bjvd13fGuHB7+R09aVcmu7fyLXza/paysnZbuJ5Io+9nQeZCIij5UeYR9qu\nxEfP\r\n=spGJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.302c7a960.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.302c7a960.0_1613673427577_0.6720449998171651","host":"s3://npm-registry-packages"}},"11.0.0-canary.aa0aaf026.0":{"name":"@material/rtl","version":"11.0.0-canary.aa0aaf026.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6924c43a0a356ee2512ae801ea49d6a09c8c2d88","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.aa0aaf026.0.tgz","fileCount":14,"integrity":"sha512-9Om6ckDl1fgLiXGXgZk5t6JF+3cfUZ3R2DD0OlLUGB3MvVrQtvINvHD8Nh6qr83Fc0AXVngNqucglSubLxY3YA==","signatures":[{"sig":"MEYCIQCtU+AjmYys9NhAGwEkBcQQg7K2XCxETv6/di8VVVZR2AIhAIy9d+dKH2wWcJhpsLwg5b03AouU53fHSeTbPxSy620W","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLr6GCRA9TVsSAnZWagAAylEP/15U52Twb8oIkDxR70VK\nQlsxnV47NreqTiRdMjH85BbcO1hOcZu8Fo4XkRcWTSvUhApBl2UuHBhtbjA1\n7xxBeiPEMHBAXStet8uRJxMivWtZwlqZsbUvAhP048THdTW8uM6Tb3ASPnyM\nsv//cyvWckxu5EObeV5nRhHjRVSCsO/DtG3exFyezw7QL2OsrIpXyPxe12B6\nK5GhKSBUv4G8nt6XUnJjJPr24Uk3xyw/ZfhEPU9rahp1bDVSzN+tB7WabokA\nOE82qjzFV9WVSQnSGregSZc/LnFjHXitiRBMwnzgxkKEaMAUzHE9FIqI4ZrQ\nbPvdNEddZzdP2pEJAcUlF++i30I6qAsbJWVh5xgfWBl+6hf585b29mum93xx\nF1eKEsJMev6EiOu1fQekGa+84/7Qm+KxVEjflHbk6yqkUYp9hSedc+9WJ7Yw\n8em4jlftw9Lp7YF9eqGZwiP8Ak+NadxviBn+/i3wg1IEELDKM6CipvLGmkdq\nqUbBIIkR3jvkOYHayXs0Q70HnEixlo3ayFwkxVYD2f3Ok4zDCymL71NuLcyh\ngz9ws8Q6N50acGBcX4KwYg9Rid3NKdQLU+Fh7CvxUuOBSWb3y9m55ZA5X9+1\nr2+05LmGwNDmafttbswu2jOJNBHMhu+tB4dIZe24LV4FZQ4IdzatDn6lyfjx\nAWfd\r\n=IPlx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.aa0aaf026.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.aa0aaf026.0_1613676166041_0.46266198608745324","host":"s3://npm-registry-packages"}},"11.0.0-canary.07ff0c452.0":{"name":"@material/rtl","version":"11.0.0-canary.07ff0c452.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"318446f0a5ec072f0eaca99270f00ab753e38670","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.07ff0c452.0.tgz","fileCount":14,"integrity":"sha512-gv/KOKBFkjboNXH7vxi3wRyYfK9kQxU5JdMsPcYzUfy4XR8Ocy5rZigQZ1dogILBvoT5awsQ8El1Wye0+Cd+tw==","signatures":[{"sig":"MEQCIEOtc8ZYLGRVAM/jwKxGwN9DkzMr6NzOoykgpSR7rRh5AiBUwD652yPjsd688uhbrtUu0yoStalqqFTVtbXwO/ikpA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLsMMCRA9TVsSAnZWagAA5c0P/RM+JoD9FGvUjqsaxofe\nBW7p+n7etf3TB4uINAL2qWxnbRxmQKMBAozhSkNSQNWqjCcfWRxv9kNgvEJm\ngDnT2qgEQShLsWZIXWzo37wZZYkx6gP4g8oqXElzsRPdgD/47IXIU7KtUBtW\nHs8aZbetnScSsGGtHsjZsNeKA+hF+8o0j21CR7MBiEk1YZWmF1UFPKu9XN/C\nw7txwN2/GBe7Ksmc+Rn3dpH6xFWsLVtqB/yDBgLBU/6wx/M4elE/2/K12M+X\nsCPamwe133wfRC+Jah+hAAk3EhusLDBnfV7LoTrnvsm5fzgK+d23wAo0FtOc\nn3IoGM58tyJPEU2yxjJiuiJe0CGBBLZEXrboxfr6KeYYRYiXznYnzswuIOQl\nMrVeMorsOewFziYBLp6kL3Z8+vLQUkfrAzHqEhisV57cVMJI/mmQ1s19QT7U\ncV6EcXT6ZZxANk6G53G2vplaQkwTfNIpyhGRq2iQpD6O85q3TeftIWLpS+Ks\nl5t3NlJHla4RTPdYvE4LMyys+CC8t+raKVBArb+EzLGSiMQhuzPTRFqaO/gL\nv194LDP1t/TabQo/6U2eZhWpK5te7SI0s4ytLcb/JG5P330cC6qN5TOLJu8K\n+MfEiQYAxaOa5CiALUsrRloSY9BE2lG/jzAVJPQkINzwfmUMk6WkHZOnHycB\ns3OO\r\n=ZryJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.07ff0c452.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.07ff0c452.0_1613677323972_0.40569806210220194","host":"s3://npm-registry-packages"}},"11.0.0-canary.bed7ecd3e.0":{"name":"@material/rtl","version":"11.0.0-canary.bed7ecd3e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6f9095f5c7d4be1f0cb2cc5d14ce0cd861992b58","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.bed7ecd3e.0.tgz","fileCount":14,"integrity":"sha512-tRw3tpZqlkHwTBasrNCiYH0K5TOkK7kuGVFMgurptdKZma5bo1dcsvK22H12P2I2mjwIx2+SdHNmQ4wGXha+0A==","signatures":[{"sig":"MEUCIQDM8BkobeRrMpQsMqDz4dE5c7XlH+1HDCGoDQyC9NqHeAIgHHY5FVC1FXhypVln0IuoLjPdQS7bnmxa9E4CrsZaEPc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLvfLCRA9TVsSAnZWagAAX5MP+wWamBHHTsgrrrZs+47S\nThrwGpozme/8LqPP31Ep0DvXuiqKyER0RQzNU3uZ44da7R8x2LFtN8ttHU8O\n9Uo6SU9s7M4kFaivLiidpMPbQKxJaQWgGDQ11uiNBYKtF5baIqCaSbHj+eOe\n0NvPoHb0cAe/tLfWS9sbWSNCo5Qfw2uMZzpzIewHUZ/2LQ7sHLARtaTbgR4L\nyTWuyFss+vtb/Q5iPGtds39NEhOIutCxArSnmQKnjqnLj0Mss/j3TkfHcUnE\nnrwV94LGDWrSXZayblaoHukq5Onp2jQgt03Ig8lRBpUvALXxVvGr9kI13BzP\nu/IzQL3DXyfLLfW5OTZL3AcNPoLixQuEJmpDhcSR2+WXcgWVU4a5w1ZX3tFZ\nmo/QHmPIch/WcHZLv1PDviDMRktcVenJQHUdoPcGHikjyir9lHUbmHUydwqz\n71vHmCunyDL3vTyYFTzmSXQenZsbuebGc8nPWCNXdGttrd29KoEhO4HZTDcf\ngSaANOQ9h747uyxZyEQgsIq9wPX/MhSfujHiwSw4EXlKTen16s3IX0uXJEHx\nI20vBnlh6pHz803YsqNCJtqQVYjaoDy/9CDzRZBVNFIAA/PSD9dHfR++QP/0\njdmop4FNit95BfjpT+bWgjykYMs+vT7P4pN+OtE0FyAbmI2Uktood8wkE2C4\n/Abq\r\n=htnB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.bed7ecd3e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.bed7ecd3e.0_1613690827315_0.13789755125829561","host":"s3://npm-registry-packages"}},"11.0.0-canary.06dead2d6.0":{"name":"@material/rtl","version":"11.0.0-canary.06dead2d6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"955bb76068a9b8a2445f287f5b7a24995623a65c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.06dead2d6.0.tgz","fileCount":14,"integrity":"sha512-t4sgWJ6XcCcWNZCybjQH9EzeyEf5Edu6F6H/V/dksc2Wk4GqOlyQalJn6I9cPXhEoFa2D2xqPbCvNjxeqHIXdw==","signatures":[{"sig":"MEYCIQCd8mjp5nnXUA7iVXSq8ryiUmM75phwlEjCKukHm59N1gIhANy6S3eAHskE95d+1jttmiwQkmF3RBgIDcL75aDPAVWx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLwgLCRA9TVsSAnZWagAA7RkP/2TGuFSmlrBtJ8zhFHk6\nlsZHBF+qS40HcW13HL2C1EmexvguXOHKzKt1nElJEKpU8K6EhardMDtPl6Nr\nrdJ89XNyvZNlMsnNfaN/r1/ixjvmAynisRXth3XIuTA+FTzgtvdDLW9odY2b\naAyLW4GV0WAiNaNpgnAQUBU8+DLCsQhA3u5SXaHHDqzVlAXe4Dd+sS/OxFb2\nCA2ocO1OO2vXC8rKm8PiLQU7ZBJV9x+7niuWUUf0GpXQy6JUkIrNWCAC3YXo\nWI4bH57HQLAXNbgAbdfjSXQH4JEreoXmREk5PfUjVeoLhNjY1+7ubDqV6O6u\nxxWGmH5ytNeUtBmPre2bivi5Gl9sDdcSKlJkQzi5k7sacNhbsMOhU9wLppeK\nqe2X6EIzlFpDyt5828mPlp6bThFGNv+E6HQB3ndltxYWXP42AHwDPTjHO3O6\nGXwORNX0sccmGzfeDnbn4qOX1Ju42lulc5JYrbk0W/7B1YuwGak7pucb25tc\nE/XDjEDIKAb+Oh8W5dCzdwpsgr12DP2EiWB1kyqPfqhRMnOmexaZt8j5KmtQ\nDqTsk28gi6C3Qv4xwV2haFleymXqDSXA8AkXgPQDk+UWyFkMxqZd63JX2ETY\nJCyNoxGNPjCcCsnpzqFJDhffaP1JnQw1nEw6mb0WtgN0jZhnLCDWwJfMZLOs\nLA3K\r\n=E9A6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.06dead2d6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.06dead2d6.0_1613694987138_0.8957024834329099","host":"s3://npm-registry-packages"}},"11.0.0-canary.cddb03553.0":{"name":"@material/rtl","version":"11.0.0-canary.cddb03553.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5448b1334f9fc4e1cbfbded320adf3f8deb23d62","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.cddb03553.0.tgz","fileCount":14,"integrity":"sha512-97KnP8DTuR32Zk/Y3tXvPeD893kBjcWkPWruQbIowqp3rD3ovUyvij7wCQJNrQkUQL0qd7BaPekqPQ6HJl9ldA==","signatures":[{"sig":"MEYCIQCAQZJOjoR3C7LoQpc6pZtl3LGnso2YPYyH1Nj2FmHaUQIhALMYrEi9qrviGJTit7ovqrLvC2NSiDkmVZc3F82pFD3H","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgLyyuCRA9TVsSAnZWagAAQxoP/2uOvtUFegTc7x6j33JM\nC9Gulv+CQqi5Os7WoctCwdkJnh5pAWjoJ545NXfOKwz5lCO2b6kOHz7Jh3fF\nnHioKGhCmPeWQQCxCxu0gcJRRVK/sr48O1kPMIy3kysWsNx08kfoPNwetkHG\nvA0UQwlTYhNxy/jgXhX0XHV7Uld7JSXPf6WxoNxaXE2cRrQO5OsOV3hf624T\nGY5/XIouNs6kJ0tFjbBhAsX4gW104lQwvJ4R3ZQDC/w8gitgVLbGsynjvvqr\nVV4/aoeiUqJTdNIL3Vik6kjRkWxYVJT056GZCiLXuxB9utt5mF+fIp3GqiHO\n/cglQ+fNW3S/QB9zkeqUwk2xHVkcPADXMM7vS0h9/0chNAzSaj+Vg1NKJkcF\n2mPZgwZJGJWdnZc1k3Uc8/bqCUUiNY9JdnP6xcGpQ/qYCbN/OR5hjZ6T3YYZ\nZvPvXJbc0PM9nlSjuT4b2Tx2Mb9bjGM/B2uaPKSaed4DgeSsel/9Rt40jzW1\nhGsZow/YCGCarwnHEp0LYSu4sQMrsh5lH1VdUZzOLvRBZUMcq5aVGEJAwyAv\nil1D8fWveNqzFkPpIPvyWxiyEBnfywRmw3xWzx62aFzhHXyWyrcB+6CsSbg0\naXBfodeGRioxCssbArGy8AHiUv5EczCUSBIJia98kPig/94n0ugDiN+xF00n\nvqiV\r\n=UuWc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.cddb03553.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.cddb03553.0_1613704365790_0.8979716934111526","host":"s3://npm-registry-packages"}},"11.0.0-canary.d6d8d0476.0":{"name":"@material/rtl","version":"11.0.0-canary.d6d8d0476.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"82ea11f0abbc1e72db05b177b9c18ebd61706c37","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.d6d8d0476.0.tgz","fileCount":14,"integrity":"sha512-vX2oxncH1eKb75WyvTB/u1h8fcnvb1orEeiuuERPLZsWJH/Tp4J8IDAym9VMThyoFuirNsMcR9zNpjyflBpiGA==","signatures":[{"sig":"MEUCIQDQuAcpBSMMo3p/+mmdBi3CGrru+WTiEApQLvkAD0hKvwIgRxXp5S/CqJw9hW+iGvLD1a2mop4ytZwFvMIqMjdzY9M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgL05ECRA9TVsSAnZWagAAO7IP/R2kvbWpLFJkGnyhqphQ\nci9jBTYqDmTWuo6lZ36BKfkCemWAediDGMcuvIUDCS3lmi9LSS/HDPuIkZcR\noOxIki/dIMVT+g/t4+BmUU9jQOq/tYDNvhZQz3oTVXLC5Qu2Wz1XpzavOAfs\nAXo6sel8jw5MSV4UNEDmdxfyi//aMQJCD8NELFJu2obrIV+DHtdKgvrK+WfO\nZ9Hch9NAaWfUW44R+F77hw381ErFwG53yX5JzarUtZewjAdoziQmJst6dR0K\nxuk6u/E9KMsfMxP3OvNQJfip4PmZBtIQnAJ5SEkChRWuDL9h5yKDL3CEqf2/\nh98XvpoeTSToH6lgNckqxGLwBuxmn8zvFWE9czcxQe9W4fDXndU+NC/UQ14G\n9QJiOr4wixN2GcEA4GJ/AiiUKLz4JpbLjyycYnvAKVy3HlFavXuw0fX6aSAE\nZkHeMOFp/WqMR1kNmBiAdlyLkh/cRxIUrH0eBxakr3KU0KY+LNrZgWbhcsGs\npDvAVl93AvCddCQML4qMza48X21QX4TITdYlTgE559M46PzgTAYULHd/iLqV\neurP1l7kvvat810rIXUun3MRiNTGcecBzKWaytgMJa19vrdL4uoFzrBT1c9Q\nw0PrPoeWWX5coYaxDglUJEZ6kVsrLrOCR8Do8vQN7G+K48xznKhmvFf176ie\nY3z7\r\n=U/0Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.d6d8d0476.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.d6d8d0476.0_1613712964108_0.14204824066641164","host":"s3://npm-registry-packages"}},"11.0.0-canary.0b4a4b2eb.0":{"name":"@material/rtl","version":"11.0.0-canary.0b4a4b2eb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"fca3933cc00b2f3bee3317520cd2a93b19e09573","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.0b4a4b2eb.0.tgz","fileCount":14,"integrity":"sha512-Sfj9PApNPmLJuGoVVhlknUnQ2GJ8zQw+PJwn7mWRJ7kqbo5eOjJgVUrBJdcZVpxTFkPb4KuoX4ebMmdEnplDdQ==","signatures":[{"sig":"MEUCIQCbT/tO+PuXHIPKScd8CYHxNkqa9pWms4oc7rGBwhzD/wIgFn4MKiEt2A3kx1kJ4KyAjd1pFPka032GYv/iJMfk89k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgL90ICRA9TVsSAnZWagAAxKwP/3bl7NVloyk+lqTVcfld\nCBgf9EIwhp3G2qwk251t3c1yeri1JuFgDyiaT9d8AymheZoiklIpsFaW1J53\nTjzXH6pnsvTucjuekzCy3PuGqqj4YMwkpyQ1vTq+/5KSkOQ51LAYTMhOU1tT\nFfwEJN5y4yUZAYEgqHJ1fC5CfvCJmlgfAAd8C2mds31YKX/m8gQX+uTcLfP5\nnBuSaKQ40KGJUpsRw/aLBlG4w+MM7walESZpONcjFZu9mGHlI6rzauciCmDg\nnxEPmmK/YBVtQEvWnGLdzL2mY5280KKKBTwmcegVB1a6wjqeCiCunMt/tXZv\neH11hknw+Ynr+LOrWwljrNC8a4ezwUHGZAjEuIAEdnBxvX9QhAT2BkKvybG4\nJkEN0DGq9KazOvADjJQ8wHRACBrVHI//l2aWw7JucjwawuFPJr24aBaV5RHw\neYx5oPAaKIo3VRNJHBUP582qCtRkt0db7+XM1X5qXX2rtrusa03wxnz4T6fT\n1OI4n8rI/Oz+xEcLGqXgWYLKXzUYHDkdZh+ay+r9ix9e/J5jX2lHrftGQZnI\nB+dsFc6pYtPiSgL5/6utedTDYRAeuFetrZwin5poBt2UrD9HmaFIA8xzBEVY\ne+mvTQBPWNk4lmVm1Crt/P/4MpXgcaT1kogUc1Igezv59EbGhKnI8ZqIblLL\nIfwS\r\n=XzMs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.0b4a4b2eb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.0b4a4b2eb.0_1613749511271_0.055998460416471385","host":"s3://npm-registry-packages"}},"11.0.0-canary.3201cae47.0":{"name":"@material/rtl","version":"11.0.0-canary.3201cae47.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"55971373f11eb5b27a1d790d1e1eea539ebf35ae","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.3201cae47.0.tgz","fileCount":14,"integrity":"sha512-GMSeGyXajM3c9Rpl20sKD7DiJjFt8M4ElDrDt3n39hlKfqlJc3C9ZeTOfdttlbpr0Oyvfhnxu/EPWi0Rwm2wjA==","signatures":[{"sig":"MEYCIQCYelolJ2GV/Vpv5Lcd5jq03lcF6xLD7NYxsM+rwomBLQIhAKkP3+rDdrxLv9oFHfC1/JNIujsofIJW2DwXVKQ2EcKF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgMEL6CRA9TVsSAnZWagAAP4gP/27QEur2REeeLIerGVKv\nDuB3D1lXCO5fq6EOOwXmU/S4NG/midK3pTiTdBm0NfD0Zaf3EgLJ8a2oMaMI\n1poa5GFrgfPJuGctisk6JV8pSSBdwi/VR+1gXJ7HaQP9NTbgGQ1Oh7DMOFp5\nemklaOoEKo7VwlTDYhSp5G5IiJmMxMNLKAzo7eB07SaeaqAORdZBizGERBJS\nG+YfHjbZdDbuuUJW0JjgYc2rFChFVwkXi3kDbnRTNSPElHd2+A/GZJvGoheP\n+5GMi1cZsU0wOOku+1WzFfrfEmj2GPQPpfb5e1H1S+CXoFEgb5WOYmJzpyz7\nje2KoLjJT5ota3yorqJuuFV459+3/t/cQyVYzrN7wGD93ne18JHdae7ZB+rB\neB/QHy9kkPE95SwTNOaG/66odVoLgMRq1Yh61rAbqEvMLmp+P8oq/nz38C80\nhA3Q9nq2HzjMpvxj3IdKzKdPwFWIkasNQ2+v48I8UDyztA8ESebdL6kBXR/i\nwjG9w2TfphkB5/2BBDB7nDwapr8mHgqhY+rTZEbPq1zx3Uozk/iBqG7Qqchy\nTr+nb0fWUDcALl9TrYHoI1QGjpFQ8wuoGooF5WquBMqURzmI771oz5y/LPOn\nq3c0ofUs6RnlzsMJmY+uvOkaSI+hyVTxr1yL1lIqkkEVkzcE5tjVMBEQNB/+\nQGtC\r\n=Gqtk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.3201cae47.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.3201cae47.0_1613775609811_0.9709204353303522","host":"s3://npm-registry-packages"}},"11.0.0-canary.f1b1fd5d3.0":{"name":"@material/rtl","version":"11.0.0-canary.f1b1fd5d3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"aca22319f2f071607353b291563f970672b7d229","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.f1b1fd5d3.0.tgz","fileCount":14,"integrity":"sha512-0R2Gn3futi/5pI2XLlxeo0KQaI4IR/09ykOTOW5qJMni+aaam11WX33HGN++F91Y0LmdN0yG2koMiB1cIJTQ8w==","signatures":[{"sig":"MEQCIBe0b6i/U8cqUH0Muc9pqQTGgBfi9TU45A1UXykdMyQAAiBj+dYetAEEXKpMdtsun+r1Vvgt0ok9qetf43jl+3Zj3Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNAqlCRA9TVsSAnZWagAAINoQAJI+MjG/xckZ2GUf2K3n\nL1yeGtfboBmT3DAfBcLmarhb0V6wwJwDWI8Ywop7WmIoN/IqfU/p3iJxD2ME\njOFyWnAbMU/UBH2ancqPXcO3taT16hMefqtxxLiRPClZnkotcEN5u+VTUnDp\nAwT4p56TP1BKInWZevcHlu1YHrRW7BHEpkarz9Vsi1I1cHd83mzmXfy7xKGX\nKj9QgXfM+v1IldHgi7MlcVYbq2Bnx0LmxvXPrByQTEWD9IPHDddyQhCSgnzS\n4AsNVQrSiem3w/PAClNHAYLdxByWiqHB1r/ToKgNjzqo2TPfaY06MkvbhTH6\nGHH0XDUy/NMfBxXTYs2qzJySKQYld1Q0HrBxvEAj8lF/Kqfd3PQ1KPlnF09a\nVw+Q+OJQTg8PoNgHoaulocmcE4evHI/BGff9xmYfDwc1h+PrnlJj23BzPGLA\n5S7TjteFAruxIfeOg3o83eIvdm3+tidQeqtkobrEZcbZUMUyHyFtTlqmOAg9\na3Ra3kALDetOmXnoWM/wqOmQhvMUHKVqp6qgV4bMgRkvBySurPA2UL1kz1WG\nLrRRInsxBWlQcYyJJH5Z6zo02y21JnLrg1z9OxR9fKl04pQ9pkSu7d/GyUzt\nmmknz3WgwbKLYgsX39ZEphriO5ZPhYh35Wh1qy6is4JCPu13vXSWWGY9Zlgb\nMsKr\r\n=+V/N\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.f1b1fd5d3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.f1b1fd5d3.0_1614023332901_0.0636495101565826","host":"s3://npm-registry-packages"}},"11.0.0-canary.7899e0fe0.0":{"name":"@material/rtl","version":"11.0.0-canary.7899e0fe0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c6b35fba4163ea1343c2c90f5c3d900ee6a64822","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.7899e0fe0.0.tgz","fileCount":14,"integrity":"sha512-djdKKHFDdesjHqAqlQPVOLQqxxuL0UCUw/+eYX8V7DUp+OlQaiTHZkfwfvs5j9Gam29igMhy+9KyqnkmEfH46g==","signatures":[{"sig":"MEUCIQDMyoc9PhywPn7FQ7tVPbTUfjABMQV5QXqelcSdX8o2kQIgcqaYzTF+GjaxpdJY4VeFc3EQby7CXeja7pcqt1af06w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNDQFCRA9TVsSAnZWagAA/wsP/RaF5GyUGu10g5RPR+IA\nzxD3ZMFZ6WdHdFgz8bBAEnebql7ybPw4JOENC9tNv5HkcPua9b0Z+6R+oZs7\n2zOSQcXozaBdP9DD+OXMSBGAXzGt2ecRvxQpxhxbw95NlvRETu2bTYo2RicX\n+APyzK7/exqL5Swh0UVeKOsm5RxLxxrBZ2h5vRn81ubLjut/NPkHxTJsiZqO\nJqLleKaoHgpAFCDYSrJqtIcS3RzqqNPNZ55URkG1WRlo8koxOULwRO59OiUA\n8615KP3+ISvUx/aRU9jwzJ6VQINQK4qFHynkfYxxfru20SoGGHgporJsdv0Q\njlMmxf4fgywEz+pl2jdrn1SBxz/jlz2Ef1RBFR/qgBx8uQg2v26Ojw2K6otW\nRnuxORiB4Uu5xYIgsw42t7wk/JwSgq4BnetIiAe82sYdKod3zhnxWASBm7vG\nGyzljDjd/0HUNBMcrwisTfiRD0uSmK0CP61u/M/i38mxmSNFotEVrRo6Pemi\nhpchRdRkLilcf9bWxyGGaq/vac2XLkyw8juAZ5ImReEUo0zSB2dU2B9LqfrL\n62aQJNf0UxjvLygmkHGQngYCkLTzc9/stj3vmQUVaVtbEfx/LJI5m54VyH+j\nnyf5nYc5nnPmCaO8dAxlmNmDMWpRTA3kNCxKMqZENMX0weBTMvY+nXk7WyGI\nfuh9\r\n=l5UA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.7899e0fe0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.7899e0fe0.0_1614033925021_0.583337226679328","host":"s3://npm-registry-packages"}},"11.0.0-canary.f19c86d13.0":{"name":"@material/rtl","version":"11.0.0-canary.f19c86d13.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2452595331d414558f7bd7c1ad00c6cfc9db4e82","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.f19c86d13.0.tgz","fileCount":14,"integrity":"sha512-xnEIEn3Na/otU8daGH8rPuaSjG1Anpu9P/nB0ABhK9k2/poqc9n5b03FJOK9fzpA/y8egzM4hAHXV9T1lA+/SQ==","signatures":[{"sig":"MEQCIC57/xX1FNCnPpP1IG7GdhqpSAK3+DTkzmTiwE0cc1acAiAp98hdxarN+2S3Pc5/Q5qD67HbITaqhpTQ8y+JHXedbw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgND6DCRA9TVsSAnZWagAAw7UP/Rs+IxwcQlOBHbfmRwbf\nmD48y7Eo88mlh1CstmVfCzYjDwiqrMk8fzMdFGOg/nRgNfM5YIENpkECbeV6\npIe6eQbM/Wr4Ol2zfpPJj/RMN5si0epW3U2vDLrCua0P1g4dYUg/Nxj3s+qr\n81Ui1rWO22XuC5q/Irgz8L/j0r65z1ZhBTF27Jhdk0bRhsAI0s89sMvNaLYD\n7/8wE/UuIABeKjBZ0fhLkIYIUEn68fqSqWbvZH57JpwgSYZQ2SEjm4lpzgpr\neJj83mVcJuUIzTd6fSJn5N/xAmGX3qLEa2cEeWeXFKwCaMaMLUnu3jwi4u1+\nHSbMKP6sMOyaNVpVDf/ns2mrgioA37LxLVOYPRQ7Hrkk3uf8aCcMsclCiwKX\nc0O0gExh5QYTo7hxY3SGeiwCPxkltFKboZ8JQ4Mk+8ROFsrHIL6E7r3Z6vbG\nD5iFgP3icsq07EqObVzAlQZpdwnvf1V7z5oAY5QS+0B6P7oRTof5Xz28dXtw\nbcrj2eCFIYpMIGKBoczK0H1ua25Nol4H27VQkBUf8NjABad/kTusOBSj38al\nch/y9tECtMceZaHItaNcZkrgYOIFw4wcQv8rMTg0CI/4I4AwEz958FWvaGzb\nHnUJ+saUlJgv0PMy1yhaBlGJrdXbjl30ZtQh9pJEXLR8HvXpUFL8w8gGyweS\nQTVc\r\n=pBxY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.f19c86d13.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.f19c86d13.0_1614036610747_0.8346097962724681","host":"s3://npm-registry-packages"}},"11.0.0-canary.60e892d79.0":{"name":"@material/rtl","version":"11.0.0-canary.60e892d79.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"285da6e390dedd76c899948851174bcc9e8f113c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.60e892d79.0.tgz","fileCount":14,"integrity":"sha512-DmYjNjuCrP9pC7P2NjM7AWjAnT6PPoWx/9kkKpnlEUS5iy4dk/1T9v1TQSb2naR1oNqC3KZzPZ5lTjgwVFyXjA==","signatures":[{"sig":"MEYCIQCvtL4mY0Wuen7CThmV5C4WVkyvT/5J3Dq12udO0GS/JAIhAKMzx6jxYMtAknF2GLA8CIG7wNlTFtRdyVDF9f7ojlAs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNFatCRA9TVsSAnZWagAAn0sP/3UUKU6LQFGsGWFXnI1o\n/HF0DM6jhMzjZkpnKGv/rVD7XkjjFwtpsACG0CTGfHpbHZG6sMijv4ZHrIE/\n4wQvKHuR3jUn1XfAXeoZ4SVV0ycwDdAyV51rddDSEx2GxXH5zJRC7P8+ifGL\n530NnBONjHOFRY7hl1ZFS8AIPfEN9NeKsquhWfilWxwYist0E6s2iB7Uv5WZ\nH/z+j/yLPvtyCKKDChDtG8hiZsHXIVxU+T0gav06OQAlhUeWCVExcf0B/Ynj\nhiGUP1gs04jGAjDNHYDlY1P3/0OGXowUeQKCeJU5ky+9zdS1sJTUYG8crnnT\nxUhVa8Wsw7hVRIxUL9nu4Ajg7RrBIcktzT03nGYR82TMjGINKHWiPjJsuZrx\nD1y+7f2+1wfUUC95UHZmAvhkSZc6R0h2Do/zfm7vTtNXcmqJSkisgFZSF2RI\nzGMqIlkw1EcpRUifyhmDKkPf3p88oBUT8ePl9Xdww0flpYxIrcWvnclZRQZ9\n1Op0toQ2NeQlQbLiYQJvsDkqlop18x7DThBhZllaOuvCNc1BaY8C48RLzXyV\nJtxlb+CkTGSovqgPbIYVfrIFiG/8qFvPqt1zFVGzZ8SOVyHPgD6BT2vgnKW2\nhlFe8HRyj3Ceu9upCfmQF6enE+JQRvb53YPHDlHz5iKzHjw9WWhTPydxGYHY\n0tNK\r\n=UQUF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.60e892d79.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.60e892d79.0_1614042796654_0.5117244099160543","host":"s3://npm-registry-packages"}},"11.0.0-canary.c96bfa495.0":{"name":"@material/rtl","version":"11.0.0-canary.c96bfa495.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ac1f439a110eed1235061cf57eb9a6f0f7d6eb99","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.c96bfa495.0.tgz","fileCount":14,"integrity":"sha512-utzX6tehFhreeJ0s/r7oAXg9wrsmDdyM9m4PD1517XgKRbLXz4qwVUK7iUj8P6uaKQeNzzSRkuM6bu8/qRKurA==","signatures":[{"sig":"MEYCIQDmM2ox8XafPYMC6Z6mWb74dIZ//SwfezBLeJbXDflkWwIhAOqQimDjhVghxJcLKpQlGaGhbdUcNdFkTGPzKtY08Ci5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNVhECRA9TVsSAnZWagAA30cQAI62aBZxRatdH4jxPoc3\nmSWK9d7Qhgp6Z5Td9elFHTNq3wMVco9+YJWJJFMp8CagRehjwgqSLeh8CjYI\nJQHvjcvsP70cJRHkzc5mQNlMs5CXzmyXOX7+mBx/p2E9qhUx3F/BXuhPvnST\njH8kqv5RHOFLMnN8Ryxp8pwso08yesmavhddJ/C0GQxKzLMZKcVGGd0Ai8Hj\n1viQOWsU4rtEbWUOHFAPH33S4in//Epj/CFRR1LzZBlZ13yuTyZrFMoOCVeT\nmXi+iFbQopQdEw1fZYTHDPZy7NVKaheG0WJQQtNm/jqUTZ556FL0vMG5WVOO\nXdu7/k3PUC9LSMz1jJ9yc+gv2GWa41L2nsKvccE1hkqFE95V9+ODMjzIu6S/\nzesJ/v2tmh4fDu/qTqGtgaujvCTzJQKivv9exnPPQ7OKQvDdMjiY7UA1ORMe\nO6Gd+pIUQUTfH6/kc9bEPitWz8+Ydn4I9GCmoxm6qICGXdeGrRitxBtzSxIv\n3ggsiEt01cDTp5cRriMnU+77M088i/gw+zaEmaRHHizjGwuvo/E6pSXv1wu/\nHMxINSyk5CivYvMN0wHDr3n6mBcuKa8ZTR990rCH9C567Tij27uomuAmEJhu\nHYIZn8F3fkWpIlwYbH2uPGzPQBuhynq3/xcNeCaRHDgJ04bnfEC1rXCCT1yD\n56+I\r\n=8+M6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.c96bfa495.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.c96bfa495.0_1614108740046_0.5409160689807471","host":"s3://npm-registry-packages"}},"11.0.0-canary.fa9b59f67.0":{"name":"@material/rtl","version":"11.0.0-canary.fa9b59f67.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"37b4a85403c61100a36701f39d9437e566f3cc22","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.fa9b59f67.0.tgz","fileCount":14,"integrity":"sha512-kDn3iPsHl1oM05K48OHrcyXLAaZk3M2+BrFN1d9T+6MbiA/zUlLuW7TTQzOVfQxqLx7gU+YeXkmZUG2BK23GQg==","signatures":[{"sig":"MEYCIQCq2xGXfCDCD7MbJS1ehoO73GSnRWIIcGzgZIoIMPaNBQIhAM6Ccl1Wx4R9tsqcmIfbYGGhOF17XDAsaqbSVwndQl14","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNViSCRA9TVsSAnZWagAAgKwP/2zi2bf+oThQIbZ+O8mU\nRI6tytA0TWdKdPDE7PBpAsfBGT/At8LwuLxvkT2c0xOI7WejczTDQxqQAVfS\nJWG4iYQ7PK3v5YJzMlQQZ3SSGszBzGLEzGc4ejVYueAkwBJ1m+fXzCIakDae\nxOJJhXRseTw9nVppQaa7OAjM55lvWyQNUZfySoawk4ax+0NW+qxxB6pwxvc1\nx4VmrLDqchRMP6nG7BSksHiZkC78JRcwje6Kpb12zDHOt0pV0m3wl8QZJp8M\n1QrJnsJnRDN9X11lQE5atzFVowHkBgZIbQFjNjaJoMWZbOqb5dTUNVtv06BJ\nDvsO1jFfi/kEZ9ug+08U+Dwsb/LietwZmBdGkk7pT7d91Wb8657oavM+yt0w\nE3rEPqYm5D7r+KKqOPuKTIon8qlqexzN5upN9pmR1vC0Fo3sJv+93UrXJkcn\nU8sYmn5YMAz9FbTSFgEfpaKj2ebRhxeFWvCNrDHAw736TLUVeiiFQRAOw1Ft\nNN5ov59MJG6CZjbeMWfIjUkj7qoocrIn5BJvZ53ewNne8Qnhwf5XnCq5k7N4\nHqBIHi/RPA+cdinHsO4+VTreLPKWwQQr/3/xUl2t3Yxfq7Lla/0hvgl5kWCm\nYJPf0l0KYXbYbAltjt/v0I9/FYM20YKRE+2EW2zxVbr/zxCnhPVQLYJ1N3/o\naGzZ\r\n=DELC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.fa9b59f67.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.fa9b59f67.0_1614108817818_0.0957470768655484","host":"s3://npm-registry-packages"}},"11.0.0-canary.869e3497c.0":{"name":"@material/rtl","version":"11.0.0-canary.869e3497c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"04d2b12bf2a428c0578ce3d12dbae16870abec07","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.869e3497c.0.tgz","fileCount":14,"integrity":"sha512-SG5wiU8V0WERL/2FXxZn9aCrmb4CHkYdY7SyMDdnlQQKgq/JyY5sdfebcok4NNbG1Jf1x0pfWUFQQqXfmX9ZNA==","signatures":[{"sig":"MEUCIGWTU5L7UrCJ58T2fiNrdKKPNXxO4HsVoDZ9u+ZFZJyyAiEAu2XA2nPKsXKqZlbgJUOPpJhvFXgPR36AI5VEg7n2GJA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNVi4CRA9TVsSAnZWagAA5oYQAIhme13bbTn5EZXleLQ7\nAD05cqDiJuo2B1sVHrdCmMK9u0RKVGPIPnoNDOJ8fMkPrf6bGqRghCw8qwgY\nhkAf9Z2dWqS1bF8yvoMyem4LjZGbCU6CXLyeyM1TRtlI3AGtAK7I2owLaWUk\nrlRmHvW+IHjh+CzekiqG2QZ/ofdOjRAXk/SC9Y69mZwiFkQ/H4eFF75USAg8\ncraKt0kB9YdnmotYHKgUse0wa1TpXY/2suXcFfcIOAt4l9+hmYEVhZaRnDbq\nrFYR0me8xRYKColePcJwNshSwgUOczkQZen1A9lrhIWcByrM1Tagz36rj6Mw\nX8H6jEbKI6lM+rUnAcU4+FwsexA9a8BBS0ad3Vqt8Z/OJoN93RSKqaCiBhD0\niUUPOvSuFwDK8TxzSCVjHNisM6V1NGgQzKWCvKTtv/TNum/rASVYrKqmBA+c\nnTZVbaySmmoIRfmd4Q8G/ePRGEwzpDd3jZqX3+l7jJtGbHSjruR7oJ70RF4w\naNdEiZ0tTM5V+H31FMoMiQC7TyKTfgL3U1X0xnq7A6rlOJykPUxVd7zQIZ0R\nd/TzOsKY7y71xrhTlZ+wj87Y4WMy+eBBNjawf4K2zeWRv8b+2H24hXZd327i\nu+2U1E5VqfrHo2Vka7HgsYbuWDRI6QM02xS79MBm6c9QE2TV+u+J3tn/KUdf\nnBoE\r\n=BO2W\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.869e3497c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.869e3497c.0_1614108855440_0.768404629713864","host":"s3://npm-registry-packages"}},"11.0.0-canary.8ecd7c9a9.0":{"name":"@material/rtl","version":"11.0.0-canary.8ecd7c9a9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2338ec662e48d43b09fc88c02b91a91e01ff2815","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.8ecd7c9a9.0.tgz","fileCount":14,"integrity":"sha512-MrR0mva+KPQ7BM4cuP/1l6N1UnYe+O5z7q6PU0+eF8uB2equlYOj1nj+YI845l1UY658c782ShnA5FlzfUU1Hg==","signatures":[{"sig":"MEUCIFSbsV5ulPNL28xLB1/RpZnWnBEvQMcnuTKMzhLoONIjAiEAhUwCXdenTPRP20huOd9HDlj3fNPKZ1SAjmRIdaFNc/I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNVxuCRA9TVsSAnZWagAAGTEP/RjaE6PADlRC8fMIt7Jd\nBNm9T5ssaru+fnczapaBFVOepufT7fp05oJy7nfiXZcELKgB9ACjXd+mW7JN\nqwR9gHo3nr/BhiDRxaB3SNRrj+FfZdFgAcjgxoKQqlorCb/JfHSpkBrXeFgU\nMba7y58noTZpIqdOXOBJaPCQoaUgMPPD0sIQDgeweSit08o1jgOeSZ7WbEk3\nhW84+C4fCxv0b7hD+ccdpFe9eKcfFHDBnYCfQ90Lec6fH+6NEr+iRqMIU27E\nswOsYJOBwu8CwLPgVJFYLmWGuiO6GV5R8xDAmHr/Upf2umUX1x/DtMK7E26B\nTchrTyb43vwqsx2RbZjNT5Qq+B2fi037VCl/zRc1YZ33mNQh01YyoWUmAFFQ\nrYYWXrAGxZfFTSEccrBIuvaglQ73kZEzp4z61XY7aUUAK+RUSkaB4ep43j3C\nVQeVb5gY0mixQkpAZE33euQ9T3gh5WWsjA1H7tbDXLcekfW3JcZ8Ms8KU37g\nkBSklP2IMs77ohtHZYJlbW1UI/DAfDSKPSGQRikSZ1QYSlMQdwKrYEixUDBb\nQtTP+hK6yp+CoqH+wIPpAa9yLYNCSFNtwGOBG0UkEVH/Mw2oMD0Ly8AKHQRO\n65xrW6cF80UFRZELULhcSEIgFAQo6XZRIavifGdyRFL2HL7z4jwQVuclCNjE\nClnA\r\n=shcG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.8ecd7c9a9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.8ecd7c9a9.0_1614109805821_0.724636087221332","host":"s3://npm-registry-packages"}},"11.0.0-canary.9c85d505b.0":{"name":"@material/rtl","version":"11.0.0-canary.9c85d505b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"17b223865574710fab50dda22ec7d414f8f1af20","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.9c85d505b.0.tgz","fileCount":14,"integrity":"sha512-jbk+8z6VFYF3FtMIOkEy+vQFJ+PFrAKKV2ogr0DDt+Pt6Wa11GrC6H4wngcWiW5Z3JP+EHncxoPj+NMFCiaTNg==","signatures":[{"sig":"MEUCIEmWmSEgfainEgkmX1u2ZnlRxSLyllYyZ9orl/j7hjATAiEA2vLRTGh6UcyLb5ZFn+HObyKl1xPqs9Fj6gTFMUuL5sA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNX5kCRA9TVsSAnZWagAA/+wP/j32CQHcJqx0VzYLZ2xm\ndDsqUewJmTwB/2wS//1vDqDv3DJXdr5l3RBWCUw1MjORWh+cGpDdgjV0nFaI\nh5nLKqF1PwQqjNgdJYpPX75QS7gIeP2U2p9gR3WHjv6miensULEgRkrHa+Hp\n2a5rjnc5ASZAJZmInwXL4Bpdebwymr2EwItIpzPgqGS1EIftpKpuL0NBixmm\nmM3aMGXzHz5cuhMk0RUeOZ/EanHiYRn3m4SkUCK/LU5a27JBwWr5HO5X5V6c\n3FQwof3EnXaJB3b38z4qs6kjnqK1YcUjn1z7JgQNPrsmb9/DrZqY1oozIHzZ\ni/sFMeewlgN9XslpOXsgTGE9w5E2rjZ25Dk9qZNqF54lVgbr0qaV6KtJl7pv\nLg5OR3o6jv34AwvMkdTFHpzGAGomFzK/QcsUFqt7RpNVu+mPE54EcmJD6XtA\noU0RH0dYiiHqPx/2kTpyKJ/awiVMOakRRYkE9ewYH6YdJdc+xx1rt/+NSl7j\nI0ZYruso/4W65RHiPEQgXzZkiTC3liNWzNKgK+DtK5mcnWsV6Rek5cQwoaRh\nQR8uY6+2bRP1OS2Pxkx7EacbC6UftMRpGo1426XaIS5oc0X0UJex/IO6d3ir\nEsIBvPE+L2Hh2lC8XFiDXl1RqYm6uBXoTiubcIAZk/0eiu38eSrCWvs8bk38\njPIw\r\n=ky6v\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.9c85d505b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.9c85d505b.0_1614118499989_0.928566381434224","host":"s3://npm-registry-packages"}},"11.0.0-canary.9f2e85fb8.0":{"name":"@material/rtl","version":"11.0.0-canary.9f2e85fb8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0cf91561e1564886daf339ea33b1259136ef57dc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.9f2e85fb8.0.tgz","fileCount":14,"integrity":"sha512-GOAJwFajFeMzkR0u/5xQLrxGUpsCbZ3Ee/3nAEsZTG/iKt4VK6+vD0CmgRBgpmnXteB1nY53LPtnX/FL/Yo5gQ==","signatures":[{"sig":"MEYCIQDgafqV5ttAQH4+pkb5ItK3040iEijvMZBCJo3DR86JDAIhAK+mBZMPqlVvqVNoi//kl8vicuUbRZnnNwbPXWBbkaTX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNbAmCRA9TVsSAnZWagAAsY4P/Ate8bjSuZ7iuXc9zx/I\npClMpkncJDO3VxR+A2rbZ3IRnHyqicMXmiraNs5sKOD1LVoee7g6od9avk9Q\nuCD21fatY86DPLP+W+qmt5XuIl/WS+bA1uMYapJw+YJaOV6sA+Z6/GKBaKO5\n9xKnOwQidOm1jxkHnJ4Di/KRmEHRVyINuPKWY3akkkFgL61vVXUcaYLGJFcw\nidX3ISIxeoqiikTnjskJaWbbo6PLPD1jgTvgphQv/iqATEOxkdIJYHwfGjnu\nicD5IHCV5OFZUvFnXDyi15ekYYjIvfvbYZcnlI6WcuVHcSLPQrQQUig0hjIK\nIh8s4rGjUNX/TWFiNww7Gzq728GOb4/ElPkJEd1vULZvqtvict+NstZZkEIJ\npAj9VKKTkFT0RecTwP2SwiagDC2+p9CVZk87GbMA5TgFbueB7qjzb7IT1YLb\njAwCoXFAv2S8RFCthxFmRwIAxb1+I0C6K+xB3vM1pxB2lnfQMT8x7NBRWXMK\n1tzGrKRdAxScVgq4TEfevZoBIPVrlMPRTvc6QZaRjN/rfstlty5LGSnaiy56\nvOMSY45G5SDbS5ogpC+igOVH5XvyJ41Zkkex/DeVrsqrofoPJM5VYG+Gdo9H\n85oJn4yDupWDOM5gEby+KQOHVlCmVh9dryTRL8HdoYAKiX1egljhF04p7a5R\n0jSg\r\n=m6HN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.9f2e85fb8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.9f2e85fb8.0_1614131238055_0.18707071096016614","host":"s3://npm-registry-packages"}},"11.0.0-canary.19c4f29ef.0":{"name":"@material/rtl","version":"11.0.0-canary.19c4f29ef.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"564cb61c57ca1173bfcc7b66d708d76fe59c5b79","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.19c4f29ef.0.tgz","fileCount":14,"integrity":"sha512-+0ZCs5DnetEWAeTHAELbUaQ+OFsHUQIWHZx7dOAtZZkc8vliKpqnPRI0jLWnoCNNRppmAnEzAsnzMSO2e6FtaA==","signatures":[{"sig":"MEYCIQC3FeL8yGIYQoxmvyEEGR4wMnGj4Woub0sVYNI5prqFewIhAMS3yJny6AfHWDFrq0OXtc3AeGzPkgQNSavAiZCzAEwr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgN/jOCRA9TVsSAnZWagAAwGMQAJb2p21RiaiE+1drD00M\nM53Z0rHFn99ALW6qWmNBo+3NXST2IMhxEnOYPgaY6e7bebsZeMLbYt19LOhI\nEvbKsnMbwZywpi4bIywJZkkXzbnV95npymetcQy1KBx2wgKJypS1lN2zQtdU\nq0SeyPMa+XKdK6UhxPODexSjjL7iYVoZq0u2dfjjHrXBieuZNxCenmxyxe6j\nVaRMMS/0CZyAqFu+TQ6286SJxQfmNfPz0jafvCGHKGFbhQSjVGuh3VZMdn3g\nMQBq6BOAAqAqJxvggzivfAPJTdkZVPQf4VwjSvv4uYGWm4BKtc4xU2joau/G\nC2vuJQ6FoJW1PgnM85stiqVYdxvEXld62XZT8FZoexNZ2nLZC5DEntIYXSek\nvV3nsVQuj0aWY1WPUKQt290W6qiOTJy1WdwXOzkmhx6omfzGGQ40cO4BYgus\n8tFMH78wHvrxPFrnvrAbN59Xo0PB/XG81SfOf5/Z54dg/Vp4gTFAV0cG50ju\nymTQ2OCSK8qCl7y3WcZ93dfmE1MjmwkPsJCUBigu40cP23NIPhotzUFsqw2n\nVlNqftdOdrhoxJblrzATURgwKwXOeUF7XzVrx0onZ4qZYDoiG79pkYObNUW6\nenv5VM6/DeOGfRcs67b7+EFarUwfoF945V67ikml2tzigRNpbWrrRg6egdwA\nmv5g\r\n=AJ+G\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.19c4f29ef.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.19c4f29ef.0_1614280909922_0.48314099484827655","host":"s3://npm-registry-packages"}},"11.0.0-canary.63df6e9bf.0":{"name":"@material/rtl","version":"11.0.0-canary.63df6e9bf.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f68e4e1a938c09238697de1bbe115fb206acc762","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.63df6e9bf.0.tgz","fileCount":14,"integrity":"sha512-yti2+KtAiarGD35WM03lhuYhzjzhX0sFpoGMr5A/dAIAI5jzdRth9JEHcW9U4TWKRyVWjppckmFvdf3cKmRrGw==","signatures":[{"sig":"MEUCIQDk440Km/L/wRrSbgqavxog/0N/jU7SAbj80xW1vNQa0QIgexIVmNwDP279PpCmGMtV16Ijq6LlWxVWBh2yRA4lHe4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgN/xKCRA9TVsSAnZWagAA5UAQAIHT/FNJQ+ChgzYWN0Wh\no38bivV17ChLDkyPuQprsKE2bruMXOyDdW4ZY0yC4Zux58f2mv23s8amqona\n+tNEqTKVqvgdZ6a04+f4q1gxD/1KAvbLwvdHq+RpoYjtpEXdICJCMasy/spq\nz7Ka3Dig3YmhMUe+Fb4va0FwaGu6nrxHdV7NVX/f3/WvxfLaLBlmWV2JZeSL\nNh3RM2RjRQ3E250RSBpZsOeJ8lteg2BteP7jJvOSuUJ0y43/HE+95FKl8pcC\nFjsK5SdLHHM16+q1jjpw+I7SiErGbb7TlaDguo6fYmK+H68OWwi8JO4vDYa9\ncGnvJOmSY5KRsKceNc+KBWFCNwoMSFzZhrniG8B0VRciR2EnqcXtUy+wXA5s\nm/mQ+Lm/SmuoC+fNV9/08PeofUZwkqfENfp6lgnAUdHhoUU++5b6R0nxNGcE\nv0A5nMtq+6yHu4epgyABpwC727VYtb4UqoxwsDM2/fySJnkRBRthQsXfdD5v\n0FA4puuRmdj01MhRUeWAmB8+JuvSSHTAoqFR+MJg3/k48z8nXlFYroN25I4N\nEInLiI242xaT+2CtAm9NbPiySqGv81/wJ6Bdr6IVrDouJtSW9EIy8zo/3mBm\n5T294f6/j1R2Em+apOC1QCP7dtrf5cT3L+tNb9YNEf8BiyB8ENrNuNq1JVdJ\nIBOU\r\n=Vf8n\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.63df6e9bf.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.63df6e9bf.0_1614281801866_0.6669618169419176","host":"s3://npm-registry-packages"}},"11.0.0-canary.981ad970a.0":{"name":"@material/rtl","version":"11.0.0-canary.981ad970a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2a1b8d8a020507d9ce8b12893e3d6b1dac66255f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.981ad970a.0.tgz","fileCount":14,"integrity":"sha512-ScmjqLVORQyLSO3q/a13+kp4Y6+HRF9DYTOzYzk3+TXScSHx48FYlJj4W8M7NS5czWEszqQsE9c/81rYzdtZFQ==","signatures":[{"sig":"MEUCIQDQMgYA7qz0izKglmkrt1iG/Tco/wjUimFMW6Nfs8RA1AIgKy4pZl6/XNyIsIRK6fEcNwfmR83LXm8XPWd764ORlXg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgODuZCRA9TVsSAnZWagAA7JsP/2kAewmZDQCKhwaYE6uz\nxMISHoZtN7B+KZxY0x29guGvOnccFEB+2llDLtpYji5B8L8lM4afwt6nuu8a\nXzKzmh9aYgKIUUdaO9nVlCzAx8xR/Jp6tQrFr5yKrFu28rkJ/XZyalZmkb64\naGC//sMpjURQgp73+C7qExrm+YulNmrX8YnXUE7sqeX4QJXo8bLj6xx1sJJX\nniG4UvvSqLWdCNNilEQLZQiqGjHHDoipFdGMCFfQLrsp8dEfsbAUoaYbjPdA\nYgRrwq1MPzhF60U9nJymprjXUi8asaqHRsIKsDdx0OcSS5rfRD3xmX34ZLdN\nhIIdLQaT7Yw9kOrAiWzZ6Rfvi2+EHPHxqCuf/sbN3nUGE28AEFBJEB00pr1y\nZmdFAjOPdyx23ScIyLojDZ+eJv2MpfI8BJLbaz7O3JNdM/82mKm0N+E7nyBx\n2qLsIhDwAye5nryjoFYrUHsOcD3F0zQEsOaMOttTzV7k82lji9o469sUZVkI\nlBRML+C2m5SuZ6/I+lGeaCYmHcqMOGba+zDAxLZx62HJF07faESK7agZ5c1T\nOK9UaRDJvHS0FLy2z77Dw9Wpr4WUFgb86ygzHDrKbJpfrcW/zCiSLGOcFhOl\nXiRKZx8cSifpRNkHRCzGJR0iP6gbuWqIJqWYhfjdVv33p5HIlC5ABi3HbTln\nSmbn\r\n=SAsZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.981ad970a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.981ad970a.0_1614298008921_0.32131198903703373","host":"s3://npm-registry-packages"}},"11.0.0-canary.f9c9e39d6.0":{"name":"@material/rtl","version":"11.0.0-canary.f9c9e39d6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"053c0483a6dcf2804ead70d6df5f1f17d7b8957f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.f9c9e39d6.0.tgz","fileCount":14,"integrity":"sha512-4xBiB2mEz40iG7lbAkpzWxwY/VKIsFZ0fHudyujmFzCDegDBRpTHkx+o6q8TvZHjFwJiApfJqzlJtPBJ+914iw==","signatures":[{"sig":"MEYCIQDbDO8hFSFUIfQRO041zZg2uh/TGNhyZMrT8oaxujYGCgIhAKs+qYyAx3eaZuNZGJpHlf3C+5tT9enSbaVGUUR4nSZu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgOUAcCRA9TVsSAnZWagAAIYQP/jl5R0f4ozBYAkrmtxdG\nCNVxiy2P186XV8/QmnYE2EBLueYWLBs619Nx8x2l2p1RwJ/twtiwCJGyrbfN\n5PR0FCqHM6oqKwMHYNQR1E41HO5UNUv33ECeVX5g7jZpfpwCQ4bWaWDUCjJ+\nd0LHpgz3DSdHLTPp7aeVAacFt4Htqfhyu0+yWmkO2RoRsW+Qe3BqS4QG8jM6\n3W8jaUZUc3ts28GhNsg5uFkaSP5mgEaw5YLytvq2VUXtB3fFS4RuhlW8JQhs\nSXybnQbWDe9u9eJH5vkxo7eEq4cgwOmDeC4Zsn6FsvI5y8iSFUyp/ph0ln1f\nSbSLFPCaMcOtnzhSz5nmEpB015Z4Jyn8do4ad4vdx7BDrKFGaoz5jNerQlvC\nL33Nvl3iMTpTpgke7mTJp4OeeJlbOAbfex7GVs0+sbgeJo1zuxtTWicaqROH\nYFmcCG78fA6PQ85o6SOqMyDzEabDvCUFpkZG1m1O0cokGjHxHp0+j668vyje\nVPKqZHl1FWf3EAtVq9huCyIM1/lrugNpOd1IuOKdOy59PU9BSDmDAkjO/+z0\nRIA/UU3asQ5Xt+827m8b6tA3JlnDytG7OqCJtvHI0cpvdGpLdMdP/GkP2py2\nscl09LwgQAvt+R35axk32mHgX7akiqFaps5OHrLZ1mhDVD1wBSW6fIAb60r6\nqW0z\r\n=F5gT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.f9c9e39d6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.f9c9e39d6.0_1614364699677_0.19174550572042603","host":"s3://npm-registry-packages"}},"11.0.0-canary.c97d7d881.0":{"name":"@material/rtl","version":"11.0.0-canary.c97d7d881.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"94f5e3c377eaa64774be1eebbb497c2db9870cd8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.c97d7d881.0.tgz","fileCount":14,"integrity":"sha512-89yeszlyDOPP+5Ki2JlwA98Ss8W3EmSXSnpnYa8/8Q+lvNf3JPBbT2lMU2pLIg+CwzJkpQT+Y1CTmQDVRTKQbA==","signatures":[{"sig":"MEUCIQCTZD+nMs1XcUzL8MuJAdBXFemHPweVIxWSjAVnXx38TwIgH69UvhdOFdzg1o1ekfGHvx0HDUaF+EFZ2bZSE740Iu4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPVQZCRA9TVsSAnZWagAAXKUP/0Ouh9FHMudJ09MQhYjg\nMPfB+bZdJCdSagN0nhRYJXjTsiXpShvMg8aKdzGg9+lcRYY67hZH+wAgaL+Q\n0Z8PLbdR9dqWaN3xmFtFRK2bsLROeGm6J5v2NLnj1B9yhqbmBM8uxS3Jv29w\nTjKHuHh9Y8pJAID3B2DXe9LHCIOjeETtifOoBKq99/87KuV+e+sdu1C7R1Pu\nyD+i5O7zf8Vvo2q99U1qhIajfa7MRr3n2qQSXI5pCILxKi2ybbxv5bRvhoeZ\nyWlzUHVUK5UOkPUKqTFIdPEv480BBBEkEO74g8bUj65j5892+S9d4WklwWvM\n3qk24owdLaYvufo0C1C53K9k/wWa1TMfcubCRpZhKzdiDEu76KnKT8RCX0bZ\nZmnAJdXcEQoRwlHwyrNBkBWAo/Q+PP7f0O1OtGNq2rYgWFS78NLojmqnG8XB\nyBXdsam1t/Ki1RnqjIhmnULm0O5qj6pM1aLqGEm3NZwKB4szulI+WhXG/1rr\ni1TVzHaN2FTAWHkmzw5JIsFObVhevWcPYg9DOcSNL2V37c+ORXlwlzrR0wVE\nO86vx9TAuVGcR/uRHxvW1bO8dIvIalCsu3r3dqMV0wb0mRI/x1tT1HCDQW6j\nuYZWXpMQSCHKaZdS6br26/yGn2A5OLg9ubIN3uRfvHV/qWxDj9XA97hLxhT6\nyAmi\r\n=ypG1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.c97d7d881.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.c97d7d881.0_1614631960616_0.9305699651821433","host":"s3://npm-registry-packages"}},"11.0.0-canary.bf670dad7.0":{"name":"@material/rtl","version":"11.0.0-canary.bf670dad7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"637b068e47813b2de8f0bd2fdbb3683af26d715a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.bf670dad7.0.tgz","fileCount":14,"integrity":"sha512-FE9KY1Y6SKxziVpT+NWD1jQLbInJ+s6JvY6t9i93IVfiV7uUuGYAoAHaZQ+dA/11a7yQ+4XqTmRynDQdC/KtgA==","signatures":[{"sig":"MEQCID6/+MKJ1qQZD6w2syMPqTeSG+K7FzMYkJDbgRKmbQ4wAiA3GkJVt5Guui2CVmXkjE4M841cnk0RSVsIykUDVrfvtw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPtZJCRA9TVsSAnZWagAAVtIP/10XkbY39GJdVsgEcz+t\n+I6oPAEydhTXI1XKFGrneDSwsvX3YKMnqv+ham6AQMsWtnuEujKILvGaLoXX\n9Q6QuFkTB0HZkY70qsXzmF72y/T+8QpT/BcNcHkkcMpQ7nEoAjd3cUW4LqhU\ngDCWWM2nmqw3+WQDPpCo2XlzLMhPHwZzlUIDhbKaDVDU41R5amHA7SKLn93Y\nAEzJxVe1XSdLwH7gp/pfweirCGrp1LiC3gvzrNEGjAoIMgQUnsesdCdFs1Qk\n6xjOjbVqT3+ldTvBFLNHnN0wp85ct3uPi5np+Nwdut6HJsx/X3rD2T3Y9u+U\n43n+Eu785PDjESZDiw/9+kn9nMQpCATjrG3oAlkHNjk0S3AunMILlGx150dj\nMZDN6Sfqb7nFmWHG5Str7cOHNHH/KF13ww8p/M+r4s0LSZ3hcZ9ipFY++awt\nnSm2ISORvb4vV40uP6XHtfEOILzmm5lyD5CPrUkYamO9xuphdnCUlDz22zvu\nuffUr4VrvLHDX8V53JrpeZgI1ClBOyUGbLlMzTLYewiQ2cJM7NquEeONbWUZ\nd5WpvHFATAwPGhmLRSAPy0net7qJe4P75+dFzk2p/TipGzqRgl7dY0Kc/N5r\n1f1lnnVKWBmd3fxBsJENIDEPnSj/fglgtXkhNqdmBY69t3aJ1QMjTgLmsAEj\nWmvt\r\n=O+9H\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.bf670dad7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.bf670dad7.0_1614730825298_0.6948584999337069","host":"s3://npm-registry-packages"}},"11.0.0-canary.c7d98fcde.0":{"name":"@material/rtl","version":"11.0.0-canary.c7d98fcde.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0a9ec60d58b829528cf78aaf7de666fbd6752eed","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.c7d98fcde.0.tgz","fileCount":14,"integrity":"sha512-T+kRkQIee27h7DmCJe6QOaRrKsABjw5o4MWGl4ajPrYa7U9megHs6iUPInDYBGAMuN0p5fZH+VHFF580eH4jtA==","signatures":[{"sig":"MEQCIB/e9Z7LCux5367c03k03G9MOQASgHTeG9yPqGxNGVTzAiBCCyCWv6aIT7FlBc9xPX3sUIqflPgyDxDJaA/l6fNlfA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19666,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgP/ITCRA9TVsSAnZWagAATA4P/0mFQAaQFsWeawatebFJ\nEONHBV0iYsL0pidujiJqE8m+KqskpBjyMaWLyEidYKTUvokUaWzd4XcCidIE\nX1vIxpn22rsTVaa8FEbXO3Fv6uwK64+OKr/xT9bftudI46UMM/jRxFXMvamH\nvbGrBHnyNyqef6k8Bp4wmC4Zr+GbdVTb2wdNpHok3GPmWxTneSwul6Ody/0C\nFeOtJ0KVwzPX67662cOZZWBfnoG8KaU4S0YFWMPLIZaorAH35rPrVhHhOtkZ\nyc/V3zaVCBzChTZWaI+0kr5I0ub4YWuJVOZsEha+2R0KwqjpjaM9f26FfVK8\na2RV1rWWMc5TAHqpQu7WcwT6bZsC18+bKKcHAATIDwOJC6YnEKBz/WPgX5Fn\np12v3foNUgI3lpi3pLhK6Nu1IzkHsQGfm59PYOBBgNcKEn7y2H60BdRSlWIg\nnyRaXRu46R7r/OY+3B76VI/+EsxDpjkNY6S1G8A2C9to8fvXYCUwA3Z1Dcgn\nNtBd6dQg+i/T2rKJd8fr9pKiBBRYb+qTyGcq8/uamAlcmSYrRj+R/T5iW+SX\njQcqczM8vnyDcMCs8RaaS5rsT6Zl8YhPlDwAKFMYLGi6oQxvEojMs8rvTS8K\nUd6PJmPEEldIIFqDl0FRacT7Ml0247w7nwzmwsd+xaTK1lHoHE2SHbw/qqRK\n+rcB\r\n=uUrP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"@material/theme":"11.0.0-canary.c7d98fcde.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.c7d98fcde.0_1614803475125_0.7899530812010807","host":"s3://npm-registry-packages"}},"11.0.0-canary.4fef8bc1e.0":{"name":"@material/rtl","version":"11.0.0-canary.4fef8bc1e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6652e4304fb96102fcc238d14fc83297217e7dae","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.4fef8bc1e.0.tgz","fileCount":14,"integrity":"sha512-wqw2aiMC4jDgJABjfeDTGW0G1QC6I3avvVWyfqnxpQiJV/EnklhoiHciLIXWJhLYC2h3qAyWDxOqGbp3ZfIi8w==","signatures":[{"sig":"MEQCIEc858+R3IGHe4uIBTWHz45L8Sxo/UOf7b948u8gK+dcAiBWGAt6ZgR9joLoTY7QkOU312WO/J6OzxJtM8lVkh3Kiw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQBp9CRA9TVsSAnZWagAAR38P/3N6I9CCoxafpAEJL4iH\nN7OLD4le/MiUdSg/Vu17aKnuLaZtnBhzksQQrC11N4g+2LvdjrkwZGCq6CHj\nEItz2ivmstrMqOQSIxZxUZ+fII+ePXNuD+uUyKjLTWcFJCKumyCULkWyQ+q5\n6mGZY/KCPj6TJ+TqZUOHc/o5i53JwyVpZo8jo8h638x9DCtdV+rK4eu2k+Kc\nchV+p+LJUgEHOeM45aWf90wcb8bMb/QvM922GGmgq4WblCrwj0zsCOcgis69\nM2NPsP0BP2hL6rYUbuQZuDRNCjLjnRgO44D46hN3fZDvxoZmVlaLDtzYrgFt\n1RhnwPrVSx1QaDy8ITs98NiPvatDN7GS2grK5/7tJ712jSTtfK8ufBKBXmte\nDKjH/Dx0ZExnS5piYj6yo1WBsQcvN8hn1tetbAnf86/Rkk4qTI7ekPBozsoD\np9hBfZjX0fI4zcMmDKlqRAtbZzqlcTamyvilLvyiqddN3FXiBnUZncF1bUcz\nqdgX/L4TTZMc7fXfOGOPiciC5rD5qGqjuN0J3c2V0BepieGAAkX/k+zJ+URc\n6NaIoGMV+qLEV/ZcR76vNXhaMYo4nrQeFJhuh4C607qs5UYsSHTKiAiSWcqA\nbA3Cw/TZLKwpCtb1MMBkteb/5p2tpCb3w279hnfvoGzXdKmqZvXGvNb2ocXS\n6Kk7\r\n=UQXt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.4fef8bc1e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.4fef8bc1e.0_1614813821228_0.586533650719202","host":"s3://npm-registry-packages"}},"11.0.0-canary.afae3a3ec.0":{"name":"@material/rtl","version":"11.0.0-canary.afae3a3ec.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b2a49ade8f2e6e39f789cd2edd18ffa1f3fd928b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.afae3a3ec.0.tgz","fileCount":14,"integrity":"sha512-zvXnJtQc4O38U+adagBKvypFgzzRoCVQAnG6f12432K+FUYr1yPaRePRfASAn/Q9qIv7oZI6WRn6YZ5pZ4kp6g==","signatures":[{"sig":"MEYCIQC140cS/2GMAD8ktFu0A/v5tw+MoEjOgwXjj16FEhni7QIhANNy/2ezH7rDtEeRtWj6MPLOIxHmV0a2XztkYGyjCoqF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQB68CRA9TVsSAnZWagAAETgQAKQKurs3AAgJXU14o+4W\n4wFPzqo5og0378Dtwni8iJZTCxnlLf6wnsqMj9X1k92AMeb56pHg2fNxv3Mh\n0kP8JkH7HZoZVBzAuZk5QB4Pz8UeX5/22IjA8lmjbxz1lLlD6KTGBJCeHUxD\nuAbUgRs/C3ld4tiPzvJXlZgffDBW9vstFaOGY99eOQQ7D8RKoE5sBobyiXYb\nj/UVy2fywXiKYEJjeq9smyD+4eyfrbKZqsJXj3wQWhfUtG/DYKzrKww7tHzK\n6pEKC2JYYBEpm0xVEemQpEXyN0WVNaTFUnkWjj4dYVU6k24BmeAKlGvuaZ8I\nmex6yfk8sq5Qxh02cA15xA4YGEPPdHhCxx1DBlcjM2CfaRVaeeObQ0oinXMU\nmp2mv/0f1Ey55EwtnCCKG5JJ2UJSrPiAs4kbyaj5EzhTgR7UdcuuSFJUy5ci\nkupVFVslIAoYoeorsVQR1nwEUBiStGukvgl+cp/Y06RRWTwyhuwCdss/pEAq\nqGQESrAxN4UuVombFzwdtOddQpzElmx9GT5B9zD0LkRGDGFC7mg7i1X8C0LH\nenbjySWMvTxIa7fw1tU1SVsIPyiP2XK+KFK9CmOAfJCHiQb6H9md3qYnW/j/\nN4k3EzG3RXxuxLG192LcVnn9dqwRQLtdfkfXhsC55cn/QM2K9UzmGIim73IS\n7uU2\r\n=mGNj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.afae3a3ec.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.afae3a3ec.0_1614814908274_0.6438561501482833","host":"s3://npm-registry-packages"}},"11.0.0-canary.0a0b10f22.0":{"name":"@material/rtl","version":"11.0.0-canary.0a0b10f22.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e4bdba311ef4595b84cc4866b3041a9b3d93692c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.0a0b10f22.0.tgz","fileCount":14,"integrity":"sha512-NbqsCTIOWnfeBHqvQuyiiKqt/0sunBRhlAMBJyqG5cQr4ZKsi+dNsGNnP9oyHeBYL131MM1vsQimkzPMLU90dg==","signatures":[{"sig":"MEUCIQDND7R26t0gk+tf1B9M0CL730W/Sz49nmvxRatIazfXKwIgfUoAPXndmuw/Pn40imOLRx+iBFd5xqvzhRi+YMA9ffc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQCMQCRA9TVsSAnZWagAAREsP+gKOw/5TwtVTV9aJh3Il\nIKxsPdXWDzJmiDEFfJcsjRdT/Dn6BdY2DeEgsD5EU8KTF1Pxv6HWzOmHAeP4\ne9jNP+kjbJXFxJCB37IDQ4ULu2NEkTKHzwxgkHUjO6D3PwWMa7WvE1C83x6X\nE3EwRInZHhZhXymK9v1bKsEC2/JAJwnyaC/peUCxt1cQdfP3wpl8yPceAisv\nSXGMByJg7vD3m1c+BuVddgpBPNR3YalraezZxTRj4V+tkJVSA5JI2vH2CBRL\nVyUhdiMBk3iI03uNZeYWdqD5dnFdca629ZOTqdYVn4h2IEOquWAUEBKJupFa\nPmJsdaABs1Cybu0sGOb+h0BKaIimUor7yfph91JCwY8VmeTIICud4Hl5go/P\n+k+fmJsMuhWbVR/piVVUNysDhfKep7ZPNF236DCTmyGuVMxiKO7RSWGQx6sH\nq9NxxVz8cySZIxCZ95pm+Uf0WJIXfzu6rYLYmXRuAZjZWngb64swIC/zCJdH\n4wyEa+5vbrZXDSmOxpsVxnE61bHoMsI9FMvPX8Rr7x3gsHAMXVZs4/BPyL/1\n9pGPfCvk3AO2028j+0XQmDcEHAqNEMG+ids8ihZrTFf3mvZZVGayNPASU+J0\n1buRYVpyJQKIcduMnQyc8d2gt0htLvDVxLaaMck7qqVmOe/oWAMnQpFxjY6n\nNTZj\r\n=Di4h\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.23.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.23.3","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.0a0b10f22.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.0a0b10f22.0_1614816016195_0.17648588653324482","host":"s3://npm-registry-packages"}},"11.0.0-canary.6f678a91a.0":{"name":"@material/rtl","version":"11.0.0-canary.6f678a91a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1379bf3f560230b18f0929de1d166ec5abf109c5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.6f678a91a.0.tgz","fileCount":14,"integrity":"sha512-ZYrzmSdL/AE7PdBjUDMxNVWKLDMl3gIEVOzxlqP2Y/ou7W37f6kqkOHs7LXTHvdwetE9ogR4SsiCYLkSLaoJiQ==","signatures":[{"sig":"MEUCICPmjQ6LI+UMaVv0OqDa42Y5EZMtdXLUWesuKD2Xk7d9AiEA88wYTItkWX/CvWfzSAJxH7Vq1KGWsR9J/ZkRqeTra9U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQSljCRA9TVsSAnZWagAAspAP/1V2b6peT3lnOJx3YNkv\nUJT9oQQDma5o+qC56VsPSRck3PBtufZjrl8oOWKpQYjSmWM9IlhQOH0Bzm7D\nBsJbYzns1kQ1rqUqKGLNqQYENMUeRWvDk9voz6Fj+mNyuxO444bZj9j9N7Gf\nQ40OQYnT8j8JxuWbx1706tuf1NO1V9h6oD4vo/mfYnmk2yWDHkhQEkIQDn53\nTzabKLIJ2XMkgYOvm0PZTJwYJYGWRKy6thTapWMxMElKVIns5GE01cR6OG79\n+HRCsAQKy0e3c5ySUHaHHcskE+W353PO2eEZJfNCY90+ToluaH/K9i3Au2cu\nMksU/lran4mCbdREj6jQytt9Fxgk86jbPlBJ5P7WVXY9bddAsLDN7PKPQYGN\nnwFtivvui89FIMkQ/J5N0Qpf/5i02W/rkQbQ143qLwZ0gJ4anpkWR26Tn/Zm\nU41kzWRHl+cGqyRpIKLDaPN89kNnJi8xBoXbfPxXXKzacYSUm01gDvdyu55J\nDSxGREtPoHd/CZQRrAWT7mCSBGFHkPjDmiBw5sLiudvSMbNxWTpLA41CKNqs\n/UWXPNYOuCJO700QF31CN1QPUoyLwdsiK123YmnDBccKWwefEHlQhe+pFuPS\n41iKOiY1K2Ece1TL6pyG+UJXy6+IVvrA3whAg99Sm3fGuacvLmuWaBcxPC4h\nedoz\r\n=FYjH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.6f678a91a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.6f678a91a.0_1614883170591_0.21464426039192408","host":"s3://npm-registry-packages"}},"11.0.0-canary.f5f1b613c.0":{"name":"@material/rtl","version":"11.0.0-canary.f5f1b613c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c252495fb7e94283a032e346b9f0c99905fada45","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.f5f1b613c.0.tgz","fileCount":14,"integrity":"sha512-7BIyTdxafZu9Uwvj0LMM1KIUiKLYUjpxF6g6PFCnbRFgAk2bjRMyM3hrcdM3LQDNZ/pmW5f7dr7ReGsJ/yptaA==","signatures":[{"sig":"MEYCIQDmdPS59tE+6jpSlBCWQL7JZUKw7Ez7OnIvJORlWFm7QgIhAKntXPGkboIyi5wtf2A81L6q60dly28eG5tMv5Iy/NeV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQUewCRA9TVsSAnZWagAA6uoP/jEYYyKDQpdmF1InrYhp\nS/eaCCF+NRLOjRXS2Ff76NjU8Mq+cPJDcIG3af+4Tx6MdrCp8ZDwnRcm6MXi\nROWngH5WtQjESu2XklCjEKUq1zyHRfpEVWNxeZy9Mq6fd+8+a4mPpXy5PDSP\ngy/6DFhYoAOCJ6d78uhs7O0M2shylAnicc/Aqawq5hoMd/m/6D5i09BTYTqY\ncCUY1NhggGvZrhOk8+nM8iwyZhWg8FImmmU/xkVQ23LrHv9GKT0+1dkJFgQd\nNE5LlOhumrm1HkuWUWJY4Qg55Q6cklY64MeOY2EBq2VaszVTBDOyty0fsnFy\njTWiMVYWv8FV162n/dWzPYF6G7CKNbw97Z3EGEGJ9nqnFkXfFtmxnz1zpvOx\nNjSCCKxah+ttvoAAYg7evIaZkp8+4ms6gYURz2YSBUHOF23ZiQf0Vde1QQMa\nGEDCtXntXqOVP0umOabZczpHvrd1pGTgyHHIehEEZ8fIosos3L0mqjDyXHfc\nsaXbkCA6bjep7iGJ0+C7s0HfAlG5LVjm8noCt3jHMWm+8DpOdSkw+Rfo9NsC\nwJtdNvgcqiOafM7wCEmAc0+78SmiiLRHtP4d/ClrD0ywhNM8RaMttgOpFviP\nT6ikwW5pNEFTAgq5l0nZboKacPziwRm4ZJ2m5BkGpU/DOoyKnzKCmC3S3sc1\nT4Sx\r\n=kFlH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.f5f1b613c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.f5f1b613c.0_1614890928351_0.854637586380737","host":"s3://npm-registry-packages"}},"11.0.0-canary.606e767ef.0":{"name":"@material/rtl","version":"11.0.0-canary.606e767ef.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7991a614aa542aeaee90135453b848cb4a5b9617","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.606e767ef.0.tgz","fileCount":14,"integrity":"sha512-PkiA40fkoUF76gzDfgEk/XkZ0VgOG1Ic/L5aPxi+ostX3T32pbcaJWs8xxRBTEVArrzYCkiL4Ynw1zqrU9d+jw==","signatures":[{"sig":"MEQCIBpRhFOE5Yk8oVFoU5H4Kg8GkygVzDGV5Uh8FWg25w95AiANDBaw1mO+6Islf/iWLkW16dnkLCSUOuRwnJq7bwZVkg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQVTTCRA9TVsSAnZWagAA6msQAJVRB8UCGY0h1bwe/X+A\nSzxFzXP5043GKrxvllaGoJGHGyt7b8905c96DicnNozPA88w0iE1JJJ3VinT\n8R1PBgnOpQ1ScjE8/x+XUJfdtGjDBUgydhVkmnvMUQ0fh5RPR5NmAVJcYAvG\n4GJl19MSzMp97zH1zSfq11RCxk5oEWuF42x6nIaCzvNL5qeMSAoN6CQxv09b\nZZB+ww5Wxwg3ptD0IR2tceaW+o4isyvrgGj7TDmVtEE3D1Cv89eWgXnCc8Vy\nRvJOkG2mBd7O1HDJJkCr0Co9Gl2a28+x/BEhZYSvSRQCY6PnmPTrqQtDeZrQ\ncruLa20cLUJwsXFxiYTD3/pT6PFrl3src+vDPC84od2sJzMEWnieUNkmEClv\njho+OTh9jmFjCDXttBwu9N+QKon6Ed9RSPIrl6cWua0ybKOpeAxXHxiCRWmy\n5V6kW0VMCt4P4pG5zpQnqEm7MuS1xbdbgUiY9cSJK9cfdFNWC9KmYtwcZiu/\naDRjl+DEr6ruipuEfk3IwYjYtuG+FATH2anlHZ/6j711T302aZXiABvkvq6q\nX7wP5Bc0MzFQqcTmbo4mr0+frHWzCWMuzNyMlXAbTVeEozd/RAiQDlB0pK+i\nBwJIUkKsDSgNi5GbS/HQWD9qHLa73oSTeEgWO6wcjU8p/Z1jYZdG+GBTZ8WX\ndMMi\r\n=d6Ky\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.606e767ef.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.606e767ef.0_1614894290924_0.8817162163458279","host":"s3://npm-registry-packages"}},"11.0.0-canary.f77a4dd1a.0":{"name":"@material/rtl","version":"11.0.0-canary.f77a4dd1a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"36185652fc0f6b4d4a695e8ae6fcadd0cecc145b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.f77a4dd1a.0.tgz","fileCount":14,"integrity":"sha512-ZYEfD5xZl0r3oxJMXwmEdyXgFWvcWDidhN/i3kFPDhLaZ4qncDE6bVsqvPtbKCINXft5x1Lzz5fzjnt8IcNS+Q==","signatures":[{"sig":"MEYCIQD5SpdH8PXejQJj942QDPWpt6txMWDDaRbUJ6tbAO/ObgIhAOhFGJhnlTpolJ1zWrBiHYcLeXjgMRUVq705FgzOPM7r","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQwd4CRA9TVsSAnZWagAAqusQAJcPngq8MXBDPbkd6UYM\nF2ZXjWGiQpKElb72ZDUVoVrEynqV4Bf7iCC6gamptU1TL2OHLbyUC6E91n2T\nORhlSA16PyEsqHKLvl6/JPbbZ1LP1htStni8N0ITPZr6hXYbO2FkQZWl8eTM\nQxggpbqiu1+jK6+eFEnnO0Ey/PA/EI2uluUN98PGBQw+lQcfWOTNbVYXeVhn\neiSrdl6JFWXPXHiWKaqSw5hV8spif81AuFP8gfqO67xFiz44K01BOuVUYGWH\n3Ot89m5w3N5K3/gt/0haD2xisfgwP9D/nQl0bDLIcKqLLANNtPZ7NE1kx/o+\nX5mBxUWhG2ylGfJuFrqfSizH/GaxEXCIIXLQBvICA8C+dLdZNKN1LwyCap6c\ntidymJlxDCzHyCcYUIHv6z2ym/zwLmwR2vGjLK7TyYlRidLyOX/SLxAwt56+\nlv8Mt/Y7NyrlE6TPQbCQZyZQhBnJ0LFXuTVQpITN7NdGN98vtM8GjHdIcdqf\nLKjZnzjmSpaxZmYYsFOqASDo92lcn97MYNfvV1YVj6SKQszyCsorHuSw62ls\ndTrEeNZNfh8KyPxcbuQhfwkItahJgrr8ZD6s9rURx2UsKou4yz1EOiL03GRR\nKHejd0VIO5RmdTMiwKhFN8Vbtf7xerfzt7MV87yEgNnQsRT8Wo5lmdaZFxjO\nwk1A\r\n=bUWG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.f77a4dd1a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.f77a4dd1a.0_1615005560151_0.9144138496939498","host":"s3://npm-registry-packages"}},"11.0.0-canary.2d6ba2c23.0":{"name":"@material/rtl","version":"11.0.0-canary.2d6ba2c23.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4c5502e514533834868040e81c915156bff06f78","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.2d6ba2c23.0.tgz","fileCount":14,"integrity":"sha512-miAmsKcloNH/atoMODPAyx0AdFRfzpxEq5su0hUBJx8I0k4FhtqldhWyOoX7LOnlSZghpuP1jacQpHFmMci+xQ==","signatures":[{"sig":"MEUCIFoDwXZ9fpLvHGhppQ1XWb4wXOFgmeRSl8HqgmbKyENgAiEA79pFN/qDxAYU6MHQHj5NtWbsAZpeKJM8H8bEjKZq9XU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRqiaCRA9TVsSAnZWagAAiZ4P/2MxO3iDDn1Lw2wyHawM\nW65oh7hDJtKzyUkl0Pf++AfRpTVCyjU7ocXskH4ZidV1chXoXURbzPOWpTAa\nPAqg84vgSOEb4zdViMQC+YdsxlY/a5M/anH2OByOkZDmgcMzPY08Z8CaPIDR\nOSL8kvB5royPGc23RyJ6FLK6tiC2M+iqD09JxOTHAYlWxQ7gMXy+tPBf3jId\n6aHdRyUiLEzIj0FyoF9CfTBD1AOd3HQlUDJlBYyjzOtyWNbtf1hQIRgxy8Jo\n0pUyeAFm4LqhPfut39XiMgreioQdm+YEdOm6Su3SUwXiHuWJvhAQkWLUfmNi\neF/22+GYD1t09rrJQ3sX2JiaY91J3Ti6fSL4WMy7/OYEMg4t+Da2ngRAZXlv\nIlsW5+37ARFQK6RNIHgaE6NH7x6ZkUJAWZ0cDz/q4B2RCEPUjSXNcrsjsL/i\nhszobYIVP4I7Gizz/EEVEf4WUEIX2nhUZ3H9RuXfxan0/IY+4uBvCMqb6sER\nLIJStDxkALtQeLsOvU88wNlXR8pn5RBeY1XIH2Bz+WqFlvR0VI8y+D8bq1zy\nO1ab/menO+CRE6Wu8zjjm7CUq2JYWpvfAbvOueeT+0cAu6O2gW1g+aShqAM5\nXqZevGBZ1TYMVYzAq1coEH+cjY46ZHf3t1ycbPIKDvLsfrL9nsgtGuoVmcmJ\nt/Xw\r\n=cnRC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.2d6ba2c23.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.2d6ba2c23.0_1615243418163_0.7060933507688956","host":"s3://npm-registry-packages"}},"11.0.0-canary.7522dcaca.0":{"name":"@material/rtl","version":"11.0.0-canary.7522dcaca.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cfc841be7987262a7e7d9486f5249030926aea25","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.7522dcaca.0.tgz","fileCount":14,"integrity":"sha512-7/67GnRCm9CVjjGwq1cwH1/dbXuHTrq4bb1Ii4W3nhlpb1Sbn3KH8WXdTs4v/eN+1K3r+2SXvagqjVcgJ7Xt1Q==","signatures":[{"sig":"MEQCIGZ7/6XGzoFc369fX9o1XdE+xGeLsQtG0/cvbD0eNppkAiAkqs0PRtPYYmmmGUXQeits+18eC+vziCImy52SI9Eh9A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgRsDYCRA9TVsSAnZWagAARZkP/RXjY4TKomunrhlYhezG\nWlFIVjExdC/bY7rPEJkYtAO+kU0EsufLMYMvZ0ixn7C3Jz9dNJCiPPpkEAnB\nKR91tI37t05DIog4ODj08/MOjAR6pP1udvDYi3uhWXkaDfFc+iA9S0eS0y2r\ne8KI1VRWsAx4R32PuMVo3hE0oE2RN9cSQ1dvNGP0ZdHyS+fL4pTnvVlW1fYg\naGwec4D7ELAIaOPE0lVvHSpA7j4JqE07t9PlZMc5DIjsw2e72Bwqit28Ufuy\nLJrBwozP+hL4PDS0wHyp9eqdekdeUEKAx+GkIIfcNyl3n3Mn9yARYLCyG6xh\nAhUypiCqqZVDZ7j4UXdbUVg7OJU/GuoTA2T5vXIlm00dPB3QS1ukp5JgJ327\nC2ZE8r9HXERh/+UEK8OZGsKfJZfdX9JszmA0a11tB56U7hPHEHkUUfrB8eWf\nY7Z+jOsJXvwlcNgruvPOJ9zVV0MGDPyVwnVYku4xiV425V3Fa5NBBT8zQmXV\nBejYnDCGz2UOk7eO64dh4jBEBpoen4pS3hXjaLnFz9OevtUGN4+OkRf3v8Wu\n3FrGvCahZb26V6uakgFRfE8I07bi0pxcvtc+e8GMjzWlJkfMzp1SizI3hZR9\nSgJwDEUGgdqJ0Amyl2tWHFlnoagTvLesVNMwi07g3Cvr+HAXJ5TgIhO97rdY\nDxPi\r\n=BeBz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.7522dcaca.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.7522dcaca.0_1615249624130_0.4869341225020718","host":"s3://npm-registry-packages"}},"11.0.0-canary.5c0ab7401.0":{"name":"@material/rtl","version":"11.0.0-canary.5c0ab7401.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"99488e523d507dfbbf3c539184f07398794dbd7c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.5c0ab7401.0.tgz","fileCount":14,"integrity":"sha512-U3dABpqD71tcNkG0nhFtMudh9YpEYiY8bFE2xcNRfjxTtyhQOV8u7By3MmyZhXo5BkLfh2BQ1DZg+2tYX29efQ==","signatures":[{"sig":"MEUCIH1D2EIuD2zYcqzr3C9FnFbTRfjY3hQU5fs4oREqYJPGAiEA1g8DZA8PAc3DOgG/wU+Mm54Ze8sz2hlKFWC87CIkx9s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgR/wFCRA9TVsSAnZWagAAYnYP/1GN5h8thhZrRBL3gLLm\ncHvZ5WsDrFLdaZRxYWPCzR6fGBTHz0Gc7ogt6u3Qz9QjlVTfz1frA7k+2fzY\nbg42Njs64og+nr4u7L9R44/aVy06KMTPq02VYNrQJaS/9p2mnNSZS28t6UYT\nWtlR0risPhrS2bpG8kDAhpE9X2Tq8tx3+ecAgUyAz7K9PsN0pqxt/FUaxAyQ\nvmyUhkJuHWcxsbij++bwNU2bpS3Kv4a2mK+3RmVMuKyXHGap6CnFGhhud8sD\nybJUveoSci8AiDgMgE5mSe5S7flA0Hxspa1ekT1vcPYbwm7MxNtbKguRp8L1\nFVWweAtEiv5+fQWINWRMowBJkOpN5TlrVE1jmI5Y9L89lZXlyFJmKhXs0NoD\njGUoWgbixqOcdb4nCAAZksmi4JUhsc36MkeZMFYSrUNHrrz/9HSuGrJLGveo\nyxEs50zJZkrshR5oodR4ZiA83Di4YpL8n8iYVHc+2ZkFAGjHiwh78EAKW5+r\nttRzn0Ka7lVBuhzfGjxm4nKY1D0HJts+Pqd51l1nkm46nbW1if7eN7zDQTAj\ncoM05CbVbImJwQkwjqGua1jPN72zIV/C1BuazDW9LAJpeybqySoHkJXOFUjC\nqb1s/KyI8eIrXzPNPVLeKvpyS3In+ViSI67qPK3xPokLuwl+W8g4XJFfNKeG\n4H4X\r\n=mDdM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.5c0ab7401.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.5c0ab7401.0_1615330308866_0.994954917935484","host":"s3://npm-registry-packages"}},"11.0.0-canary.59010b6dc.0":{"name":"@material/rtl","version":"11.0.0-canary.59010b6dc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"50d7bdb5deabcc12155aabf504dcd933c71c8fee","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.59010b6dc.0.tgz","fileCount":14,"integrity":"sha512-j0SZn78uS8KC7iLUhQLthZfN3JG4YWojy5dGdO9Zu20utMrJwa00CawAu19201zdN6drRfIq9kWiE1LdNjNwLg==","signatures":[{"sig":"MEYCIQCk6wrrRj2BNeUYkSkv7e842o8PgBILJVDbB9OVC5+yKQIhAIDBdPa0ZI41aNW6DYmwyCTpAlIraYo5ouEI7Cbmty0/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSPpMCRA9TVsSAnZWagAAhMUP/2xCPSZGHvXfjJ/GwZzA\ndNsh8nAkYiSsh15otSxU/B37y/fy55cIrTRLEei0sHzB1Fd98cf3iHqojwev\naZZMPZmQalxZVDHZr/L3lInh0LpB2NHHk33PCyz34Vbe4tGnWw9oitA3Dlx5\nqDaTlgdR2O+8mtc1uwVC/aQMeGCt07zcHMMMkzqvnK1zdZ68ILEM5Lbz4SAv\nXjt/oRk6BjqN2+Frd8MBd1w6qdiyymqhsNoclr0+QGwMGCZkHwUMK0beSwN/\nd8eQAsLLuDSeaZptNlndrDDV5ePChXFrERNnDhHaRSBibPbAoc4TX41sN2C7\njPsC8Q1zytJ2wFW98qJB3U00E0FOyQ7rLo8MbP7YbAXC7HtnEusclREALdhk\nu4nSaJqQD9OIzUmb1OJ+mWPuhrA/fXzSpChhr55wrmPy+Cfp1X1NMv4RYq2U\nr3Gsbn+XEsZQoLoypz/hdjPq+aM6Mi84OeEiWoISO9N+vz4d6Ww+I+zjhIoB\nM8v3A7CZVDZhT0q4AwJk3TDv6MUyhF4wrf0yvq/2Wv9eKoSoUP/8Zd3wuTe8\nYsvdd7gBokuO6vg32CIaegDFrAH8eAHh/5CVjUh0cAhOKdcKKkLMZGOzLBY3\n2ft/5gNAsxdsYUpS3tt9S2/peba7BjmEg/WtbBhFqsKtEoOch3PKN/kc66GI\nJOAo\r\n=nv40\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.59010b6dc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.59010b6dc.0_1615395403432_0.947300404500572","host":"s3://npm-registry-packages"}},"11.0.0-canary.9e52f5544.0":{"name":"@material/rtl","version":"11.0.0-canary.9e52f5544.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7c6ccff8b90577ce426676e69d98972c879260e3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.9e52f5544.0.tgz","fileCount":14,"integrity":"sha512-DRACBKcXBdZjfWoZRrCHZBxZC2DraVyqA0cm6HKPuSh2I3CqHmcV7jRdy7VBi89IHl8Mk7F3vmJPgZIzaBrc6w==","signatures":[{"sig":"MEYCIQD1n23EcuklNSSx3D9qYrrDobe0b0iTwTDXUm+mQEuxBwIhAJkJJVOPCBRTQ3lw6sJzxSlXXlhwN3Ym8XIiDOlUvUVQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSVUrCRA9TVsSAnZWagAAaAMP/1SxtkDkp+HDCnJhZSA1\n3WHTvhqNtZOfZw/PsvbBUWXL0RROrAWld5I8gmkoZpIMkdWO3u7Fsih7Tufa\nYRRNjEXcQ4HDmEIOZcN+4sSP7qiJoPjlZA2ZWJzGA6Rl7vpNdU9N4MOGxiDl\nNWz9j/Gz/MWD09fYsW99Hl/WL4JYY5BcLaK17MnSiNO8IwrX/bSmKrW3A209\nCUNAq/eM7O3BXtwArPefAnfAcFfrNLf2ofhjjB30Us/Q4xxXbKu4zMpeO//t\nbqN3TlhHcJqW1v7R+/Asq1UasriVldiEQBLSNZe3DgIoHVLU1afhWZaA6k/u\ni55Hrpam35gK8duJz+8lFG83n7hCyJ3grR852T7axO94evD6tM3ImvjkzcXe\nIcDmeknUe7nEX7fxyru5Y4q81KBjukDzD6c+8q1hlOAeg0MUkr+kWQpwga86\nWWUWuEV7ELoiJG9VI+5C2OFAgsz+oEsKKmRbASvwED3qC4QB7vpemwSuUgD9\npc4KB8HxvZ2XpvW1+PYJaoWJb2Kr1r6TlFxEV5TyEmcP+l3TIUbsAQvjBMrM\ne4c+cYJ9dlx7OqnKL3J4c+D9vu4zmKM86SfGr3NY/4wsn6UGlyWkgymrOCks\nhlpP+XCLuHOow8WdwWgczOVX3QgmbhL2EQKfkr9V3tr/h98BOidG1bWLndBu\nLLih\r\n=+qgz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.9e52f5544.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.9e52f5544.0_1615418667087_0.15100411110294787","host":"s3://npm-registry-packages"}},"11.0.0-canary.a678806f5.0":{"name":"@material/rtl","version":"11.0.0-canary.a678806f5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0a4a6f460edabd1a9c28dd7d14b27d22fb13b8b5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.a678806f5.0.tgz","fileCount":14,"integrity":"sha512-iR49NDNWSbR70Gr2oLT8R7D12mroqYc0isJriUq94V5KB9DUq6FZed2maDtZuL/BgedQpHxwuiWgyWqKZD9iNg==","signatures":[{"sig":"MEUCIQCc6tVMCmJtE3vhGjjxNXJuuXzm5UbSJa6719rPAtha2wIgM2VL/WUp6zNeAWhtuNpRudqiu4CuTYrIuKJuW3MSRKM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSXchCRA9TVsSAnZWagAAOtgP/RSCI2Z8OdOSFKkNNdCx\nJdYCFZ3IGcbFo2tqz9FNBIY6az+2+2jnVy7ddN2AqlNqbGNrShEhpELSvlAI\n119YujLeFmYLz0i6jDZMD44nVxVEpfYAVG+19G4bfXpWnouNzkZaWOEPdx88\n7y8ttoqQI98xFNSwSw6bGybyar/8GHwQ/Z+XID0O/Dla/y9oGqqGEKzyiaTl\nv3zsA3XWbm0uOe6DJGVw3tekHfoD77HNx7l1ccct7n99/tppggtNlJubXiJC\nsviASHs1o8V6oDb4BMp7PiGFt/x9m/tgw0I3ksR6qno6FysSv0FVycjxoRum\nUgiquJsoNTiL9y8QHFmr9cubYo+trWMLq4g3Ta7R6+8wz0XSPI7h0BbJ+Hx+\nyJsrstSDRvQx/yow972ChxZpNEjh4hmxROiJ4FCNGPpbkqMkAlUxNCGVG18Z\nafttximJdnnCiB1OsfqsvZqcnFdM0gSLbZM+D6OysH3vLIJ+UK3ukERlj5Ep\nuY6i/JQowHNVSkn2AHLHxJoW6HNaXBkZRw2PX+IIxUMjUbsQ6ZnoTR4ZIqDt\nRaq/YYNurt23ogNwfxf6Z8r0pHdKz7gWNuGM9G8fDJ8z5WJvmBNoj+CunviA\nscgXHySrDl+zTQ1iyiYuaGgabr/TegIRLyG9vTQBkzt9+OCi4esfhUtKoqmJ\n6wdU\r\n=zRLO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.a678806f5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.a678806f5.0_1615427360521_0.30092811716935475","host":"s3://npm-registry-packages"}},"11.0.0-canary.b2d22df5b.0":{"name":"@material/rtl","version":"11.0.0-canary.b2d22df5b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9f9d6e99a6e115cc3ab0dfd1b76b75af34e6cffa","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.b2d22df5b.0.tgz","fileCount":14,"integrity":"sha512-Ltm85YQBtPI1+ggWsnnCxUtnDBseBvFCq0YIfl5EA0ZqzmgQeYz3CdKhsijV/XlB1sO8xTC3A3x8l+TKmauvKA==","signatures":[{"sig":"MEQCIQCVB29EPpAl5JdAb57gHvCp8hWLf5jcnR143Y8KPBRg5AIfGi20Zw2t31J+DRk6Wa1omXR+o4zvWjVN9ng+IJyFfw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSk0QCRA9TVsSAnZWagAAkdkP/i20qHtHQqIE+XQK3pUy\nR5qIkVdxLYqHx/egK32bnDGQBLyLFI4Yq/aKP1BPDJv/aBQ0FIfNUV2JsZv9\nfHup//gcppgyGTEOXE/Ro5XGdBEz6DqYzE0+VwPIWv/TIWNFZJUgWTO5ZIkO\nbz0LE5P3ALm1zfDLYH2A5VX7wDFqu/P36Y3U62nYCGrQZDvgxjhBGAsnyB0t\n2sLBXF61yZbtDpH1FMj2Ouj3rmfHFpKjfDMG3J8JqFo4UxFIqZKqnWHsYgA2\nXwxzaTFgsfZGLnXtPalUYYKPjuWVeA72eyQWhtjVmSth5MNbb+YR4rmLFTWP\ncYyZxdrwqdMVjct/iJjF91omILqzerOB4470yT1eItkVUPBqywoYUvSAq8NX\nUolB28mAokF+2PmB4irl4MgLoo0g2LWgswuWgw9OnzgxxV4lM5YjedXTq//i\nq0EcqEMnKg+HCFG1KVh/42thzCFd/J4fAarjgoVC3VkU1xljcGbL2yhsCYGL\nuZNjQKuvpPLE5kHw8IzrLX7HehKoXz7mSv92qEHoihmZqsOtH+fUXKre3WG5\nKMldeRAaX8XTT5skNbJZZ6cocd5myH25qKtD7icyCqqlWluMSfGhz+vYacxX\nYuzaab5A//vOe+H9EgRZ8N9vJj/2zBY/aeEiV1Z1Ffxaoiw38d4bu9ijaX+M\n1aoM\r\n=ksxZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.b2d22df5b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.b2d22df5b.0_1615482128259_0.8759972543444998","host":"s3://npm-registry-packages"}},"11.0.0-canary.81911b707.0":{"name":"@material/rtl","version":"11.0.0-canary.81911b707.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3a13cb0caf5e87453f9b3592e1f7a1ab2d72e32d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.81911b707.0.tgz","fileCount":14,"integrity":"sha512-suKTY7qt6l4rFReLJvISimb5yihC0c3A32H2hazcN6+5e6AVh8zsTbR0hMpP2skRe/9k/KW4fYBvomOT5v89Cw==","signatures":[{"sig":"MEUCIQDmrKxiNv0+j2HD11UTz++i5gQns6IZ0kHMIfDjzRnXPQIgWz0gv7i1a530xi/b+cnGscKdJsG6sJXf6OmRSQhel+c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSl/rCRA9TVsSAnZWagAA5wEP/i1/pvj1C1kAIOLmZLSZ\n3jjj/v5G0qtvxL/ycskF93e9O+SBaYgD8uL4Z3l3rD5w7a529rl82cvr+1qq\nxXAcUEAhV+cU0ZH2j4p4E3z3LADyKdg7oGAfpOO/9yw3tX+qWLGZNdNxieYt\nCYZdZe+c534w1541AD1ZRTGrG4k3SHZI8v680ec3wWzug/6PiQ/feJtiUSWg\nKaaDWlrY5DJE4kAOou/DhERCUJCeaAKbCbt8tVwv2YUJKJXPIt1gR5qsnwpd\nGqZSxKLCCg+DEXojtxg5ztnH/8RJ9ms7J/9jPb6AyqscpGoPiHDhywCi8AVo\nAHyL0lq9eXnHNOtOETrhF7OWCPfVPyL4EcXzYQBjJB0pYPv79CI1JncfTqxe\nMb0P8jbGeKl8C2MVhiksk/YvnPgepxewEoghjciVkOwBXX5lbg9oI8VB2FCX\n4xOaEIuyucy3Sn576dcqKekPHvGCj3Eeu8nAO/txYHZCcl2P+O/cjwPc0KBO\nieNr3lmijNWJcSTp27G5GqC/n6pFpF25zQu0qW0J0z6wydl0UVkRyOEgSUOf\ndK/r7AjtUfcQH0VNqbTNH0sdsMVd44A8ghIWio8SGqUM+TWgzdXIxWV8uNRt\nUtEDyZEGsfwsU30sNh2RkCFgSve7+H5oBbXWJheT1k/RJNZjdKrDz0bI25Af\nC86g\r\n=om3J\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.81911b707.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.81911b707.0_1615486954571_0.9446278167607565","host":"s3://npm-registry-packages"}},"11.0.0-canary.9eeb35c38.0":{"name":"@material/rtl","version":"11.0.0-canary.9eeb35c38.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ff1ab7d555ee0521de701d2cc623ba86cd7f4e77","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.9eeb35c38.0.tgz","fileCount":14,"integrity":"sha512-gJELSjq3yOkjS+naMliYnZ0+vi3UmfiU4uewsZm0hRH69QapXO6+I2NihTHuG/3LFvfNKcBvS2UO0EOu61iXAg==","signatures":[{"sig":"MEYCIQCS03OU1GpKsn0l3Mr+q/KfeX4iRoSfEyyvmufXT1WZNAIhAONcoU99s6x0eLrE8j5+ojvWpRWkz3jGoyTIVN+DEwsx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSnEwCRA9TVsSAnZWagAABMkP/R7HuQgWexJEeYzgyraq\nA1v+c2SjjBPbmqcHdnq2PUB/1syeENKs+u8YTWIyj1HW+UVXJmYipPthj+F/\nmv6i8qxyVYN/bo8so9RKAqvlsGgj802LJEZE4k8L8L85PGcuDmSNRv3OGy1J\n1VwrTftF2muIQOhdbDWO9a4qb2/f2CmSKJc9xi+U8e2AvgP74YIJpp1IB2X3\nR/+yBK3crVQE7pJ0j2652TXLJPG7BFAI9c1Z066BKiU0B8F832/cVysbS8RA\nUw8xlfIw0x0axek8CMMMaiX56KamKQetTQoRRIdQQKZTH1DXNfEjYTq85yGE\nXVjVLzNcC9q+mNDDxmjrPQ4ah2kusYoJsEUwENJ+lCZj5+F2eaEWsO2eVPNB\nyomUAGwjOPw35ImyPMSvyEgukhut65BNwIaFZeeSXrwIMJsZCW3/Q8F1nVFA\nwjtZjFQIcB6sxS6kq8+wkT4kFDFhtpmT1vXFayEsNoV5e7JDU1TX1000qulx\nWoq6n6T++MpI9J7Yxss/A2wqFTOIFjpc855y8LeaN+7YJI++JjXf78IthHg/\nV79UH40NxIcMvcdqc5zmhvUvhvZWrh6oaqPZpStV5wLnlrLZsmjszaKsCUEq\nI0a2gKQenOeJuc6O3HkmyzNLbYCStrAgk+b8zvQhLLPSov+BjfCiAUqozvvh\nVXik\r\n=8msd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.9eeb35c38.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.9eeb35c38.0_1615491375511_0.42751669691973704","host":"s3://npm-registry-packages"}},"11.0.0-canary.12be3e95a.0":{"name":"@material/rtl","version":"11.0.0-canary.12be3e95a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f71bbe832bb8a986025d33cb6c54aafd38a13a1d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.12be3e95a.0.tgz","fileCount":14,"integrity":"sha512-rYI/Z+Ay/m8h7GIDXZiYUTSh1n9kaldyj/NZh/CUPc5bqJr87dHsJS3kLWyDaefDINbAsqHXjE09vZh4EPwfGg==","signatures":[{"sig":"MEQCIGWBCELRL6gGG1OCQop9FCI9nKiGM5JIVcZAJAjESE/5AiAIloKZNf+5+QjlWzC023+V5w7cnUzMXeZ4XBfWprQ86w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSnb0CRA9TVsSAnZWagAAUtoQAKN4RTk8Kix/FW056+KF\nOkgZ5iu7UKbuMj7j7U3Pu2U0iZzgP3tMEvq3G3X/QM4wB4Hw14kapyhTnzYn\n3Txk7CLy4cdNIYFG6mVw3dhbGPFJmCxeZQQllek1zShtuNi0B0zWdQ8bjQ3O\nKFPVZo217haJKADAsBiBNMDUTWdCx/9z4+TkJMYfxVYvViSNzB0a0w0wJCYx\nf/4S4qn+nxEgX7eV0Va5J4V1X8I11u1H4MYlWTmamW9UP/0Rh/eSfRbai224\n2tjoqINW4MBvW44C8VXtNBtMeXedrqBnRBKGGv2VCHtnLarWFuP6n993YG8I\nRRRJgYJdw4O2PK4EZ1ZyrV3FYUJYZ9YwUglW2IbQPKAhG+XcM3459kbu+Zw+\n8yNubZl8873R4qMoZlLrIg3uX+ApNP+DtYy4HeRO8JVkjd6GuS/K1tTrXSZ3\nnx53up6l5TgDmKxWHCMMOZuLy7ozvO8OhNFzSd0O8SYjaISH1MmFDP7nKcYn\nb4VmNfcXKBAuaRsAKK07+oZET4j9qSGcCwLr8nKn1C7gTIKbNueE+D4hVBwj\nWzk1A4G8sqeECE5hQBsi75ZeEF9qCFgtLRyxNr1wfwwwtJRCWa+S+1bwDJw2\n7sJw77tvKeRZ/b8AWvTKQmb7CQESNOD01UZzBmXsYAYjwB31wsenFAh2ACEg\n+qMe\r\n=5Ai+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.12be3e95a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.12be3e95a.0_1615492851890_0.5779006261794677","host":"s3://npm-registry-packages"}},"11.0.0-canary.e683bdf4a.0":{"name":"@material/rtl","version":"11.0.0-canary.e683bdf4a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5a14122f5041215d3475232fb8ec121818301c07","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.e683bdf4a.0.tgz","fileCount":14,"integrity":"sha512-Oh98OFFjLKoQ6NdTETkMHBqTaOMsKUwA9sG8vy/+tWukDYfjPXCDgpW6+AhqhslgZJB0Iy2Ac+GzKayKGmfpmw==","signatures":[{"sig":"MEYCIQD+Nr4dYMoKHClMN7Z7hs65mAPbsZJewj4Y+bxrkGJBOAIhAKS/eUhiYIRxGKdBlY9GXiw3NCgvnPNxXDogqYUkbP6O","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSniqCRA9TVsSAnZWagAAud4P/i9m3si2HYKOZYcAvgT0\nuyHJs/Yr8xuDalWCxLFa2k2Ik6FEVO94I5kwhhPtthq4SkPczu91WPk8TCym\n1klH+KGB/ELgV6LgS8FaIRhLpKbOgfhDtr/fTXrJpmI8EqhAGFGAnmwijRiI\nPvLAumIYi2nloPsgd2xswJQ/Hm3A0eMnKF4vpsNXYhKSKjXtozCc459Q2bqX\npZLgBit9ZUmALGUm2SmX0g6bdQdoeqyUE4OVfjiNv2WgicdI9TUlXEkcNQUN\n9wMB2IChL9At8UZy3BQ6W4UXUmuBTB+thSocqDcb2vvGMa1Y5q/MyNY/cEQo\nGamcK4MR1TpvAzaG2Gw1WCjOorEXOR2NoBjA7uZXjc5zfXiONiCFyZAJx1Uu\nVNBQQQn+sa/AL2cn4eVXoiO4YBDIJkDU4MOhg6VlHfGajD4qtkxpcv1cstRj\nL3jpwXucS1i3Ks7s2/0kmRuG6/iYHcko0GdiFSeZdcqRFabFZZ/pWcCLGU6/\ncBN2PwR/ps5T/GVi4sr34/0sPJFNzF+8q/8H9hrMHk7BbsNTa9hUcXGm1bh1\n62EVIDgJ5YxF8Zfq17JqTSKMi+Z8rITxwvBq6Aw9GMGyzLOxZhkmM66ISz4w\nSz42YGrA1618Tb9rKqLlOE3RVgM23dlkjjgAuIqpMp6NR0m6xRGtddLLdWyx\nysBR\r\n=APfi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.e683bdf4a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.e683bdf4a.0_1615493289635_0.28149278014380186","host":"s3://npm-registry-packages"}},"11.0.0-canary.a07b6d486.0":{"name":"@material/rtl","version":"11.0.0-canary.a07b6d486.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"326ab17cb578e6fa3302d7a40c2883b0d94879ed","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.a07b6d486.0.tgz","fileCount":14,"integrity":"sha512-Pp18ZcFZjc+55ywdcINEvA/4+yUI/Az78iTxuQxyC739CAsmPqcAZrLdnbUFOAGPEKeTIso+t+DOubcXgrwI5g==","signatures":[{"sig":"MEYCIQCBNoGlzsVn+Jl/sh9uIuoiBfwRSUl4WKh6EJtRPOiS9AIhAPJO9+g1SxNfeV0lcoa9TxkFw2uJcgUkLoAhaYDYOVje","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSn5fCRA9TVsSAnZWagAAQj0QAKKCFNBxxCY7LLRTvwvz\nnHzNZZKg5YOGWuECBkKSpmjMdLyUMRQxPSJmddC1xBxXp8BC7hYXwzo4flym\ncai0JpuYYCtpiNBpThLy/mRdqePM1lXSKo08AsujWlCm+3IyQ97Ye2KqiLQ3\n+XqCqYK/uAhoAOQ3+m67Jyer0ub6c65XSY1JZRxPUhthPHlrZtH7zG+2/Np4\na0sH43X8oadWT+5xkEAOiFJVWMZEdq0WK8yX7A4EOIeh1+4MkdjaDJ8tsNtq\n16eTTHTmzUChxCqem+1brqAyhnTRIHfmdr/FBK17dAJp4jREFr3Vk1BWiWZT\nZA8aXkJU/6r5KFNnNf97WTVtQjiZZnZG1v0xpAS6OyW6klwbBavzmdikNTvM\nW/r/F89Htm/FTGamulBneGK13nA8i9uZr4+cb07kOxhFZLXfbpP+TQAXrCc9\nfCpoVJcRUBezezmvNgBfJeB/FuBqPNUh2lssESDqVsHreeok6xNaA9Cv4Id/\nWJPSnYFvJ8basPmciF9lKpPeTfZ0fxJxFhslDa9Sk1GqdHQxvYGvvHJJlqvK\njjpGu5iRNWqOZodhuZQKlQarHYknq+tFeFLFZIbZvjVExBDIQAoIQLPFlub/\nRAh2QGnPlT6at/Mh/6K8kYAZ2cJ14UTB+E2nKOlE1edgk8iABrBkmkA6m8eA\nhTPg\r\n=ADrC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.a07b6d486.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.a07b6d486.0_1615494751203_0.8189185889903392","host":"s3://npm-registry-packages"}},"11.0.0-canary.1e0653477.0":{"name":"@material/rtl","version":"11.0.0-canary.1e0653477.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3ef57d0b0833422d73c87515d3509536de9a9f60","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.1e0653477.0.tgz","fileCount":14,"integrity":"sha512-G01J9TEeJEDasJXQB/V5eDQDy+wnLdjOJ0HYAgHLarkny/SElJ0XL2qv/XMibUpDVRaOzTieiaVJXtrlO75dxQ==","signatures":[{"sig":"MEQCICqx2uzTckeWxvoeWiEEQ1tWHCpnfubhd4o8VkEvViHMAiBEPdD1+kY1LlviQ+qmvieKJmZFnOgakYD3Ms+Hb5q/qw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSoASCRA9TVsSAnZWagAAp/0P/ix1Vir+RSUbWxTae4EV\nNvfylAp6bs+frec2n1hBl68FwV4mVzvhOBXbMilOdGnbOj/FTY0AHb5dIo9N\nwKeLxfQ2XaLmxVZcNhm/FYoJq4ZRo6zxo33mkfWfGtEPPRffLkg3sIxJjdgv\n31BVXSiEJCBU7gpdi3uyI8w+YYmxsplO0kw36tG37qzDlBOnFqybtvB6x8j6\nP/O0A0a9e1HUY7e2BK/ZMmh+6ntB1OxzK0dlds7aGr8pHY0+exf2QyDssjWS\nlGIYWq0gZePjPiLXC+o7/A1gK1x4xBe4H7yQWwNhQUpnbBfvDaExpLqzAqpj\noV+Go3moWi9MYdKNdSMsEoOyWi7myiE9UpegzK8Z2574ZSIzBuPBhSPyl1p9\nGaxbm8Sfvgo0b6rC5iIoCEbak7MdSddhdM9HMxtcraEdBqA3BPA2v8hpmOjN\niP+2O5N+8IWr3CGiJXLSmD8GXNykadhPiSWO4Fw2jD2RYp5QkYYvnWfCh+lA\nYw0DyjsnMZ2SSoZHP2Sh4qAPJ6Lw+b/fEBrSH+jf+ywVee51+7JlX1TD49f9\n8ImBGuzNENLDApEszMwSn6zOQay78vhB9mwqoiuUP5FlzgaIcGUjy3yd1p0r\nP3Tu3oJnkIwAGfOWHpScjVGuI7xXh7ZQQMi/NKKN7lQ1jrGATiyd46NkNXUS\nYF2b\r\n=axnL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.1e0653477.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.1e0653477.0_1615495185908_0.9229502337366604","host":"s3://npm-registry-packages"}},"11.0.0-canary.148e8cfcc.0":{"name":"@material/rtl","version":"11.0.0-canary.148e8cfcc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b60e59857941f2e7e60c767f6cd06ece00e0b219","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.148e8cfcc.0.tgz","fileCount":14,"integrity":"sha512-mfeRUxctpJA8V86amhhDmxZfMMUEsRAI536Snmt9Z2+Yz+EM6yGTkRy/sAT6ZkT2CctFQivXyJf0TmztuoZIDg==","signatures":[{"sig":"MEUCIQCnijkq5Dvwsc5sTI5FJxQ/YGnRy6cxIKu/5/EeDLbc3AIgMXwNUePJSIfl0p/lbatoiIHJtfL/Y9YHmJVYkmf8B5o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSp0cCRA9TVsSAnZWagAAqLMP/RwQvIpmXcVbdaQ1u+JV\nfhIa0iqizl9wHpWcInrY8OGahCzB+c9HXI5gAHMxQBe4bJCW8ZFssx6oLj1W\n7ywGj1fjbmkGDck+sSWb6TWjYPCPy8iKz3h5CHXnsSVIhPlfguhhTAmzPJWI\nh2ERatybol2x4j9pRImtD8MW4AlA+oRQvBpyPiUCXduBXg9oMRcHVbJbItuz\n2Suh5E0CuENhaIVfhfajcgLYNZHOIX0ECnGHaB9KU/SIcJokRRukKM/Ym6cg\nERFQW6KUbj2fKOEymMJErpB/gAV0hUkj7ygAYEW1aF2InhbdzpxdXRsoAzr9\nlqhpLhnkuc/RRS6mzZtgu4dOymRcBjpS6XxWyQC7jsN9e5qwHY4ukUPjjfZ1\nLaNt6KUayE3KwxHg6ifeUoamyd7x6zuj3CGZ+qGPCrABlYPvOLyY8arSUqZn\nKYy+LtHJkBJlVjRPCpbYNDM/4yF+eBi4uIZ+nVyuUbfiNffyQkJGuXXmoYwT\nBYEJa3uwiJG8ztLHcY7EO+Vc0tueSnbNvDoiPkM7rNV7yqaK562eag1Idx00\nHlBvhSAftTjydjlDBONrO7cLKtBnxSkSrxkrmvu8NNOEi70ZXJBwY11ksVi3\na+dmKIclMkt/GSEITCsKfTkwOyMV0dGfvcdfiaMSM6ewjShnNCcY02LK7FrH\nk20P\r\n=J58O\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.148e8cfcc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.148e8cfcc.0_1615502620439_0.9251632001766348","host":"s3://npm-registry-packages"}},"11.0.0-canary.73a227194.0":{"name":"@material/rtl","version":"11.0.0-canary.73a227194.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8a5ba41726eb9e94ed9e76eafc2180f7dd834722","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.73a227194.0.tgz","fileCount":14,"integrity":"sha512-Z+7b6gsQ9LOKuZtW/T3cz61cRyCXxw8ZXAB6WI8Wcx0OfmBU8r58vCBMk7VA1HGFO5v3wcw05fIpZzrO9Ci3gQ==","signatures":[{"sig":"MEQCIHfVKX0RYsGHHq5LCE1TiHYWlXgyMIQsAFfzcApP0jxxAiAeOmClqKyT+mU9olNqHeIsgFvLwcObe/AAofMUtsUj1w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSrR5CRA9TVsSAnZWagAAjZ8QAJVMBThDsxHNvLuWnKam\nwrTwegiU/+Ryygq5f+IU84KL3/WA5f11nnUOn4qM5niK7y+g1zI7QdBwQcz+\nlMGXaGzwA2jHjK0XTYzf0ntCC+vn32oXoZOGAQkyhjZKZW4OFePCvRsJ/Sxd\nxOSfAYre6NnKY44SY6dIr0q0laPH0LFACh8KRwqTNOl+hW5HOsIWfMIUpJy7\neJk6Wo8yU5hfetuKLrOdkzH+XkZ4q/EDZsl6sIq2JEKNzno6oPybBMd+cxPJ\no43v6nu/SHts3Xf+PNhLjW9C1LhvcRdVQE4/hRvfVv4p2RFVlwC77Itm5xZh\n0C6nS/UB4XCBaMsQ2iETUC3LauRQrDYzB9hJy9THdnldJ1p2uikiXos3JybB\nKhGnBPQzL2mujtJ/XsBitfXClxIksW18N8BNMfKPEx0kK7rc1dXw2EebTfdY\n8mCXfdOoMw0C7LoFzUmKtuT7I82ZPTHkTeFfMPjJW+k+d2AO8DEj7j1HTtRH\n1iHDIr+3+yd3mzn7bbvueXweDF1xwcH0EGF2qI9e4wpvq4bBuhCOsGLKOrdw\nNqTCWzv1up4m+0pjh2DVC+FgGVZxtg/qqjjvaC2jLgV1fimCII1QT/S5XjzH\n5CyeVhjKmDtWH8T5jsQP/K3gk1Tyh2YZ/l69ZDGwP1d5iy63Inu3exwfqmhz\nc//b\r\n=Cewr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.73a227194.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.73a227194.0_1615508601040_0.3983847594870389","host":"s3://npm-registry-packages"}},"11.0.0-canary.f8579b7ea.0":{"name":"@material/rtl","version":"11.0.0-canary.f8579b7ea.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9410de12fcbaf263031ac88bd5a09a53721f3f30","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.f8579b7ea.0.tgz","fileCount":14,"integrity":"sha512-wAuwy5pM6uJnOdbS74EE0Pb/TfVHHmxcefrBlg+/REMFtZd1y4nDr+66rIol3nvmpnCIRqd+++Fc5gEeHKQmIw==","signatures":[{"sig":"MEQCICf+lkwCMXcZsdKuq68XqScF9Zfd9pIKmdH6IxNrq83/AiBBoQbgmcpFK9YqU45Zcl6kRpo1LXUawXIrUmETMG/N3w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgTB0pCRA9TVsSAnZWagAAO2oQAICrZh5AvEFRXk5g5awa\njqglSVr56zdZJ3KuQQcQp3NRVfor9ziz2t9nAG0Ydv1at8m43iDZQASRB22p\nsBdk2esC7QlXLjCtjcET4YH6U4vrvRiQpSdZOpJCuTbS1tpyhF2ADTVdpw8y\nvLsZn2Z50krnC5AoV/Dn0o4fINtcTpNo8b0w1byweb5as9u1jrwqWhNlBlGa\n8C8l0DNKeVn2MMVJXuR2WEjtNlqoSkjXqDbGhlFdTDtruZVEd58kK3uz4xiL\n59A0mM6Rw/MT9ZnFNTFmOnqKjJhcMtE7ocvvYpFfC9SH6MhRFLmbOZHQ+r25\nry0P+lktiZjCHfbjS6dDhFcesxZnONVCw12kgen2qKvi2Y421+ZmXMdb8wZX\ngozD8/oPYFQTxfN+1v+Lql437AkbQIZA1+zEqrRWB+yYYQh7+9MerHrIGq6N\npIHkh+yatnW4T5NvLd0KlvJ6F0A0qLeyJkvzkeKR6z1mhnqy72pUdcrjUXcN\nnmTVpAFPXFJAd9iLBxYP/WCiqtSqJJxCTl3Zpsp0/EJxH7SZ8sQ8YAP5uvCA\nqRF6MXuCKi+jrykKbFwvwue5QxIC5LP9acgM4vPy6jo9qUNpoqF3gZBXFm8w\nUiwHaj7ZDbAYpD7QEIZr+mxbxjqgOHx5cbmeChIRqCq1KGx8LuMqMQ6TsjyL\npFtr\r\n=tE6d\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.f8579b7ea.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.f8579b7ea.0_1615600936887_0.5451373910312824","host":"s3://npm-registry-packages"}},"11.0.0-canary.d2a39d300.0":{"name":"@material/rtl","version":"11.0.0-canary.d2a39d300.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7817eaa66fed107bf540e1fb2e2d980a75812ad1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.d2a39d300.0.tgz","fileCount":14,"integrity":"sha512-Yban1B60j8eLWwpwbIKO3wiRMFp3sdxR0bPd8/1GJEMSRZREpygSuAfe6mSmAHjqVIhbXrZhSiK5v0XFojAeQw==","signatures":[{"sig":"MEQCIFAwhQKCTiPihfrWLshOWtM5mhjiAqgMwh4CAlTvsWugAiASaEPuSqPyuR/j3ABDK0qjydHwOpbpOF74xfUwH2knQg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgT/0HCRA9TVsSAnZWagAAEucP/i7O+Bvrwg+wacmtaFn/\nM9CTFQ3e29J6rtJamjP80jXhsJTr5Hx6vwXTQhkjNnloy4VhfxpNqZLy+4Io\nMFdjxs1jM+EPq3YlgF8PY4tpR6XjdMmmBsKiCW2YQQygrKm/WVJkVSs6Gg8t\nOj2Cy0k+vDObpaKrZrosjtadXIdiYhzGckS4aFBx6069Z9P66MjoEgARm95+\ndyffG+xRhZQoxvEJlQUDUJcTEFn8RfxemIHqDpaAIplT55XVb4415Lx435jK\ninFABwaCmebtYNX2U40W/4Pg9zKsS6nTr0oE6Y5htqix299vhp5uLm8pSagD\n9IVagVUtgw+/pHcy0VnCDnBn/jzBEbRJdSPZ0jf+iC5+udxzF+OvXbsPCIlI\ni3xzrJQ5MXS8EbMpgXa/pYG0HVIejIQt7BWlxUQzEoqhh5eXwFOJIgtVGKL5\nAKYWrJm35tugk9nd0mO5RRLYaQsLBzXsXYpi/+topYKnw3PLyPlEKAX1QLFG\nH8+2BtIxmwBuWXNqywYkYG3KttR6cCxFb5k9KloYgtYwEqp1lVPGN3++WTTM\nXEYvoOQelfKeqOsuoPaIdlzUdKoqR/BotH9BvVXnw1LarYkuyKR3OShXy7oN\nHJzWdWzglOnM474JnpB0K3zUZA3tklsNd4sITXTrBX+aAJVmaHBiMxKjy4uk\nBHAz\r\n=zHTF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.d2a39d300.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.d2a39d300.0_1615854855038_0.03692931321118431","host":"s3://npm-registry-packages"}},"11.0.0-canary.7cf67823e.0":{"name":"@material/rtl","version":"11.0.0-canary.7cf67823e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"66c69099bc01d23ddd0d8339d2ee2b2f53817a22","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.7cf67823e.0.tgz","fileCount":14,"integrity":"sha512-2QKEzy1vCZD7Evs6VyRM6MdrIZVPmmXfwTt5gl9+hl117XEl9n4nGy1I27ZaBIQfPD58yErhPfQNtrMV2VhAsA==","signatures":[{"sig":"MEUCIGSIdhpmhMJko4eyPILoVuj1E4njzXE0zqG9KfjCLiy+AiEA9MflzKhNuVY4YkncBK1j1D3LV4O41HKh9q+lPVm+NKM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUPawCRA9TVsSAnZWagAAd9cQAJ95c4o8+ce8SmxY/Fc8\novljpZvDUYr3y0vhMLP2AwYvz20Txl08X+DHgscirxJioycnmNKrgBI+0uXW\najCvQFMzGVlEOf1BoBj48P5yC1Fe1hQM0VcFX1mC0MfCtjbnQc93aWFTH22e\njMu5M6/izl65YjxisbgzTbRg6kTVxdypE5yQ1A86b2O13Fypwx/7lBMaHmVO\n7o95fU1hmre+DLOW+zYsJsNsaitX4ApdZyWWXq2FZV0Gh85Nyn/raeFLsm4m\nC838MPa/Ziu6KjaIEceiAEreFsbnG+q7c9kiYhoTYbRtPDar72p8bn01BXAC\ntb0ro9+SNCKh8OzaXjfzS51wzd0+Fsmyk78n2eLmbBv9JmHv1Sq21JfgLJxm\n0LiMi3DiRNxczlNyDAySkFbK1wRRXyfhsB2xiwau/LdF3lIz+cQy3gylC+Lj\nCMDU/rgTVByO7670S9bLN0L/WDZlB/joC4lEHHa6Ud8ifzi+vXnItxDp96Xq\nkbk2B6kjz79/pm6o57Fg4jW77UNOPJ1P6G3ebvQ11w+L0+hEKmRIs3ZwC9Bz\nH/8myqrFm+uYYvmERoL1m9ZkZbQaAaWITOUgQb9UoV4CzU7HvHsdzYAzkGP5\ne24HVozBhRFW0U1OaGOnjrfviAKFZXQR1de3rw1VzHJOwFStRGsTjRa1t3IP\nWebt\r\n=XZn3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.7cf67823e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.7cf67823e.0_1615918768289_0.939139497730473","host":"s3://npm-registry-packages"}},"11.0.0-canary.67d780c79.0":{"name":"@material/rtl","version":"11.0.0-canary.67d780c79.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d2b96a2aa09247b04b7a67c808d8159e332e00aa","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.67d780c79.0.tgz","fileCount":14,"integrity":"sha512-JRZP1ws8no3sxfLOnW4ntBIn4JgZDnL2qHXqe48AuPCSP3wjQpAZEX1UKtw0tsiiUJ/VZ/Y0AIa0Orj+AFTlUA==","signatures":[{"sig":"MEUCIQCUtCt1pSZZrHm24sLvKL5VK0dBJbZt7If+6+aVcrmO9QIgLX8MK5R2blnP/PPA0KBVydY7qHhJb/iJ1R0qxaSG2ug=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUQs9CRA9TVsSAnZWagAAaowP+QCIgVer+2Q9sGx63WnM\nMlDwSwUBkCEUtNrvqWyv2jUHfBkg8Emn3rSWRsO1uPU0plbDGYh862U3lmGN\n1/8RDBR2+cKFjLCpMXF9AEA2FbhAyOSqKbD5ekBw2Ng5aEYtVoKf1msuHXvV\nswORoJbX4IvUVpQdfg0Cm4gQZqiKMZ5m6+EzvbleevWhiIVvHnO4zdcV9JEr\nceKsD9wcDhvBc5hsevl53oPBkSFb8Cq/p8WpPtkwjqfpeTcB0B8DUrqJ7Axe\nbeMF3TM8M7hXOVnBujpkvT3zOVpayul73BZgCF4tiWVN5BVKACaLFvsAv3W6\nETviLX6g3QHyM9A3xH0LKCAEZGXWG15yNnaCUgeY52tqvLeupTNRC4sy55au\nCTV+ZBrcRFW8Vu+1jCgf5VWQWErckfoAz/IRkJyBCRS+cQiN38KF2FFn/AuR\nwZfqoxg4ES2eLEaQW1qtdzoefoXGlZlzu7PCrIAX6P0f2C9rdArki/KKYxHc\nMYNUrUDrUVupFGNJjEzp2tdGHLsf/xB3YIMeck6RAsq1Cg4LLxHzgjxWj88e\n4u7fOZfDIzIeIEtRPjfvfLf/qNi8Ruj2NjnBJ3AidIRwSrHJ7i6eA4z7xV/8\nh9wCcZhMiGck3B/h+y70v2/NThiOUEzwSw+viKL16yYCH+vMuwzFh41tXSiR\n/WgA\r\n=MngK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.67d780c79.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.67d780c79.0_1615924029519_0.46845912412116","host":"s3://npm-registry-packages"}},"11.0.0-canary.0f358ddae.0":{"name":"@material/rtl","version":"11.0.0-canary.0f358ddae.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bd8e6eb882b120206d7b6072356e102d7d6b497b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.0f358ddae.0.tgz","fileCount":14,"integrity":"sha512-Ikcgbi8R2RLVuwkiwbh3+wg2F8EDJntw5+7B/lh/sguo8rEdSbtCynagt7ISU5RMDMmhlYiSbISW8813W+3tSA==","signatures":[{"sig":"MEUCIQDpy7SKFtktQR3TDL++w/DyvOUbUyb5RPakOV2nWAnnCQIgOFJ3zQs4e2Ay/nMl/jhtpBOTNE3nyShiRV3GzY5cMFg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUS0dCRA9TVsSAnZWagAAMXQP/iKmx4Gne8se68eOF5tq\nlnSHztAUmiJEdPWYpL8ylVhmGHKECe61rgJroYg0sw/AHn1guOZrWKhe8KNs\nz4jHRARupiO4d+mNKIPLmlwQ9rz9pl8MEV1FRTmn+Z4ow1X0P7V3VEerKGWj\nptz/d86BI22inZK3Uk53xwAIXc5HMgCLsWB570oq6cstaFsRQ/N/hTlFARBz\nBcjruYmJhXAX4nRX0i+7R9mdK0yeKttyaB0G44Hzd+RVKR3l9LbdRwWCQN5E\ncAvOcmrDVofeMCT8vKA8lWEogsB4xckhsra0i3K0pgfQZZZgjB++zIhXoyd5\nt/HwQzHMvpl6squAo0ApI97iGgeMUlPL3Xun+ovMD0MJEBg8WsFplN+Cd5ML\nBG+mmJY0K/Jp098NavRgKioXeGoHwTeLfsHlzv8mqBDwm8ygWad7Q/lV3A3J\niJq2BFRk57/gAHfTXwTiq5wYoMIqtaxP8bMHua9Jf/M60B+az1Ky0Wlwc5+r\nvTvCjk8ygUiN/Hv4o/b7ihhs9P/QJ85AuKaseQj928sqwoXxVSOCAJ1c2zju\n5WhQv8fSgUt8AExTURFiM+RU+O/dAL46yyl1tdHcb9h6h8xUfDpslBJdFg1w\nC2pt3K/vg1Dwt8pGUp9Rld2AhfR3lML51XBlXexo3BIxRVSnj1BmDO0pxgZp\nPGSA\r\n=RFeD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.0f358ddae.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.0f358ddae.0_1615932701249_0.31131020098168305","host":"s3://npm-registry-packages"}},"11.0.0-canary.67eb0df80.0":{"name":"@material/rtl","version":"11.0.0-canary.67eb0df80.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0a0c7a9971deb39426f6e12798f429ed3e9bda41","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.67eb0df80.0.tgz","fileCount":14,"integrity":"sha512-8ObifNbPdeId9CUoe1+fDhGxG+5duhQRlud/CdN4NXSBqLCTcfhUsXy6Q/MFKxR1Jpm1iK9xvwhJw2ZW8kEMJg==","signatures":[{"sig":"MEYCIQD7cJrIawvNqHrLI5Bp/8zzvVi2AyPLlZXMJZvpqw1h6QIhAP9uzxzagWhRLe24EeaooM+OVuziASD5wrjjvGEeUy4r","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUTN9CRA9TVsSAnZWagAAbO8P/jZfZFqqd1u+T34/pgbR\nQ6Cpa1e+erACU0CR7idG2SyRriZv5XfZXbxU59s2wXGWsKPwkzgwMB8EpAng\nfKHMn5A3bx7PLSDHs02VWt3j9c2R+tglew8qRtDhbKaf1Q8Q6nWOAEWKpekb\nEm+BtLVtDxsHn/iJmxagkr4TSR89/rWKzYh/2f3noJiPbMWCO8VRKC8ZYv7h\naKH2zQ/pR/7e8MgZLIKGZl2C42WBjCoWY83ykpGK5NFQvMbulBVa4//iIVM3\nLMNMvIX3UjEJupbMyet2EMUHHzdW+NAMX3l4YRvtkW4iBdI7haSCL8IcQsnr\nEUNZILnoSRF31JK3AiYr2Dv2ICRO9nuRWBmC3WHsUfMhhTFFEB62eYVr/XJQ\n5Mg1jQTapAhriCSUXSRmST+yYLMsTyFNVEJBvAIZYFa/Eft6WHHJcQKdCRHD\nqez71EjDMMQHVafCtYoZmadbXSBvKIx2Z4J51cCfb5ANMIB/q1xp3XCyRxjp\nrmu59p9BQ7JKqw1HGbX3ByDZWsWvd5sf/hNePUiare8aBXvgKEWmKbQtAnq7\n8gSYKACNy+7d3kHSZUZPyEIAwJcBVI7nAV3J11Y6+Ib7GZGCsfoBQR20hUV0\nt/L2PIdwibpJupBZQk1pxl1N5XgCtp73jD7g+kAIOJDjI7MCZ1AxrbFFecx+\nXExU\r\n=aDp0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.67eb0df80.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.67eb0df80.0_1615934333466_0.2468516016024267","host":"s3://npm-registry-packages"}},"11.0.0-canary.941ca3b3c.0":{"name":"@material/rtl","version":"11.0.0-canary.941ca3b3c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ff46a1fb1a743e8f757f6a7dc415acd758780fcb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.941ca3b3c.0.tgz","fileCount":14,"integrity":"sha512-mA557js22Nd7ikN1FmS1n0s+DZEx38aqhwpWww5MASSPPzLS10Qri4iURkC6sykoQ9BWs7pe5+IHHpvBCQBGYg==","signatures":[{"sig":"MEUCIH8qkzFR0/hTxgjLA5Z3T7jrBe/AFL3YIkzLX4xQGXCIAiEAuvSsu2vpWhok3A/sllESPormzQj1d7bWKQsceZOrMro=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUTPtCRA9TVsSAnZWagAAUFEP/ix78BXCMu9yVXxe/2On\n/EY4BbUQpfnD2u+ovR8wZCYO0+RxRl64ziykJXMYVCW/NgDvkQ9USE2sZbM8\nmQ/yQq00vnsbvL3TUEz3fnynZ/D5hvlsxO6mWQc1V6d5RgYHB1gIc+AVX3lf\n+dtb3tmoD4RiR6B2Mbg+9iYVPi+xJPO1kiOvmgcBU/ehPEhqs+ZXs3lZSCfI\neFm0uel93uwHotg9u9rgNttf6kwnUp0R6J2KPAOBqr3dhjr3N/8KXvD9RWRi\nZTQJlAUeCp/zg8rvLgV9KbDn4PIImm3iQDBiLYAB4TUFGZlpKfuAhetnHf/f\n6PQPst/PGD9zyqGNInC/WtbUS5hz7xkhK25GDR8sGV3yuNi/keedpAw69Rle\n2GTd1o7tc6ctUaHG0fg0s8ZFzrEgCeTGRjk1sqRMbfYh/yk0L/mc3Yg8g4M0\nkLxKgXCLRhy79HecUA5giVX6NOcifWshGoUFreKCITCvzHACBxkzyHEOtsW4\nZrf2F8d8tV+ILAqRMHmW31207fybHeZcnxVYJBuZF8vZC/j7BnlYVY5l0tf5\n0qAHtf1sESVw/arWf1DKAcCFL9PNb4NCJd1x7OD9bleBnj4jxFV6B9rQl6Nc\n2gZvM4mTae9wGe38pu/uxwQ2rk/QeZT41fmxAbBBaDKt7xFXsoVGgjS67sSb\nmzAb\r\n=8LFC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.941ca3b3c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.941ca3b3c.0_1615934444909_0.5863345266982491","host":"s3://npm-registry-packages"}},"11.0.0-canary.3344d12ad.0":{"name":"@material/rtl","version":"11.0.0-canary.3344d12ad.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2e9c6dece4d51c8c1fa9aa2ebd4786d659ec61c2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.3344d12ad.0.tgz","fileCount":14,"integrity":"sha512-4EkAvx72mpsnPRc5jXNMbV+9vPksIC4Jrs7sJkxidw7LC/QW+yWdgvhIomBf+nQFct3OK8dx2FcGnJfg8vv/GQ==","signatures":[{"sig":"MEQCIEjfaSFK4FMIqt0kKklUUgqfBnetzZo+s1GtBMR1ljtSAiBg+iOS3qCaRzbMaWKrPt0Zb7szWVT5ax0bpF2LUa4e9Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUdNkCRA9TVsSAnZWagAAUmIP/RsyETfZgCA6BCdFT1BY\nieS9cXvA7YFOtsUeFqd7bCrna0B2XDIbLLwbcmGNTvgeb69x32RCoBqB7HiP\nZ+epfjdZU7g8OfqDVsd8eVLjEfMVW8Jz2U3u8xNLXaJqm8g00BLQe4l4+wKI\nJIRvQM033JFFIE1eGRAZXO4OI2H/vLw0grNUcncOIKPmYceD/kh/fghuab9O\nJUcuoPwaeMdKJhlCQpSr5a4L3Da49JpdGgssfYPmW7k6Gp0N2MQSkpg6YFZX\nc5H9hQx6E//tHfPmcy619JOkwIg6tIK5OI4ECoxayfJ4otCfs2fLWCSomPFu\nrUBt2hnAC4ujglODNZclVEH5qUvWdbRySPDP/pwuU/tF1dop2LKTAVkGtX7/\ng+JpC8A470MVr1nKk+gMT5AEJpCLbmUuKPkFL5DTUn7yVKJzSgVJ515a5L82\naktCkuEXAuYPJ3YmXbEQwGTIA5tRNhpJubc3zzbdNiNbDlYowxs7bb9Upuhg\ng9Z4uSbQtwLbQGCPLRFCWP44aKvtRUc1mlKLBXuc7FkAUSJR8tZq9KfYv9H7\nUkBVJmqeX3hjuhPLbIZdvRnv20bjR2cDxKYTF3jOf0TfPhvoFepzS4DUhSev\nW50aBep3gs4fOPLcWr8hK9xRnm3Bivm49wANBKgk+oY+1zZ7h0g/jbWHjf+C\ncgh7\r\n=MUyq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.3344d12ad.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.3344d12ad.0_1615975267785_0.6079593562754346","host":"s3://npm-registry-packages"}},"11.0.0-canary.6072ed604.0":{"name":"@material/rtl","version":"11.0.0-canary.6072ed604.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"10c1bc02f688f0c4a56e8ca81789db306251fd97","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.6072ed604.0.tgz","fileCount":14,"integrity":"sha512-s+ORjRW5NlKBusfIOXwUn7L/R/pvD0UDESdDnwy9wocEBk1j1NHsF3sNc8zkY2lK+0Uq+zkrI4vqbRSYbuY8QA==","signatures":[{"sig":"MEUCIQDzUtIui5tyVIktMDsWzlzcGUExdZM2Rz5pr4AFY1D5dQIgVSjEeeKPRQI2HRz6KpoHtgfGmzuYeg4fo9m6+aQ3JpQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUomrCRA9TVsSAnZWagAAcQ4P/0OBzglmVAxcrTaYXjmN\nvKtV31yp3ObTrkReDLJK5hq2COfNbBLUMKGTbw23ChFRsQhe98zTZLhdMQju\ncyNJks9WuXLE1PCYTyKQ+IU9GbUpNW7l16Z88OVwwyy3abTrGOiKhvtl0IWo\n9fqzaMXL4lkyr4a2BLCVYdE2BU1dGgMDdn6XdvQQeDenXRSzDT9vcUlyFPYa\nrNF4yj698DLi0emggyDIgWIxL3vebx03IfYNMOicMH0gbcGQOlrfad5Mqzfl\nHWO4xc+a0dVgOUuljZlwDyyLaebxe+N8YwqGwJMSjAOkpTlJN8cd7oziGf5y\n2+5UGv0v1BuK22b/ELwp3fwleIakABTUWv9lYv8s4tpBsFLZnBnPi2fsVx4e\ny6WRHDtaHUyxVWdmduECkDbozr86fWlrwKLDfJF6RHCH055VPPd30jw7VHJF\nPrbSwlNundMn9AWJW6GVyF9pxpAVCs2RCw6vwNSelCuG8Q0f5PaXaxB2xz0t\naMpPiD3XDNlESWgaxLmp2VrK0XoTdsteeYMi5QM/dmU9aoUoXtw7PD2wVmwu\nsHXSWxiBS9tT10gwV4tGFUO4TCdavsQAWi+qSGdAU7T5Lhn0mJDrG6ZmLh5U\nZAcejx+ZUn5v4aOz3Xn4gmnn3JFRq0h/HCafqAsiNJV+95agMKlrOb8lUnL8\n4VXt\r\n=rHqh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.6072ed604.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.6072ed604.0_1616021931547_0.05744302272875035","host":"s3://npm-registry-packages"}},"11.0.0-canary.d3a6862af.0":{"name":"@material/rtl","version":"11.0.0-canary.d3a6862af.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ecf942060ec205754b578ab5d99eaf8d29e82af7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.d3a6862af.0.tgz","fileCount":14,"integrity":"sha512-px0fVk2BRS6qBH6Po1tFcAB7ecDo+ZWjCiPvptfWLADXq8tTHPqIGmJD/wo9l+XnmPLsbo2n8fiM3wc/7X6GCA==","signatures":[{"sig":"MEYCIQCxizb2DMNdOxpHtFIJBCibbwcYjZ6BIjz3Z+pg56T2EAIhAL3HFhof0GxgaEaUiRLrUFLUU4zisoSpc6e2z/bjvy4m","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU32CCRA9TVsSAnZWagAAo1QQAJBGMUsyncXpPPxZmp4x\nIALSoHx6+h2xQWuEnCZNIPbHbWCzgLshmBFzALTMRwDMmRb4uLg0UXKPdWT7\ng3gPbAXKk+Gn+3MAYu/enpbCbVFCdwrjWACqVfoZLlgnW8M9IcWgpiJceCwT\nVNgLqeaXwUeI8dcIu1kc62KF19iCTUaIRkbVH4JT5JUrx3DlKOlMaB4y2MSD\nnvGbJpQ9hpVhUeUiLDSWTPs2A/O6IJ7RU8TPQxwg9URqfB19Zxw9W5MOmlnX\n/3CI5p6bWHqEVEonSyUgKI9clUkmMw2fL9we/VspqTd8EoOH0fnUabFoZDvw\nAtNtX+rIW7tJaKe6yS418dbVZh5QzVsd3r3oEvemjXQ/X/PJ52WUO4oTk873\nuxT7nH4LeyUDxK/nJ5+Q3C+HWpPndcUbbCZWgVytsxkQbcsdMUZcKH+loLSW\npTpIjs8uDAgxImYd8IuyJfDaxvh2vyy9l0fTlIT0ricVTEiTAywZq/wnXuPh\n9ipQpfDIXRRAn2X3k0mIKHLZeGORhDj/8cYtQxY6jlC4ZTObgp1DOUMlqCx1\nbCbabk9sFg1+rLM0L2Ky2jx3g6GHjdLvB4qZ2twLxt+VMgAuCMT1zZtKV7Yy\ngow3A8mdic+70Sw9wRHitjwudjA9Z4IzVVd1YI9CGa4kfM/5JuuM1/332BHN\nEnE+\r\n=1k9p\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.d3a6862af.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.d3a6862af.0_1616084353710_0.8838127843925596","host":"s3://npm-registry-packages"}},"11.0.0-canary.40dd242d5.0":{"name":"@material/rtl","version":"11.0.0-canary.40dd242d5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d013f82ff3765a999611ce0a8d8c8a0cc66afae7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.40dd242d5.0.tgz","fileCount":14,"integrity":"sha512-C15M1fmkbZvGQeG2pyUhTCjX92xFqkMQEy86yGGjNV/RrLdoIrHUeNBLvMfAp8ixx0/zxQyZLejmt86fNb3S+w==","signatures":[{"sig":"MEYCIQDORurUwM4jIjpCD3svHBPm2z1Vp+Mb+eJOEjewEggvcgIhALoxtIt++UECzMkw89vKbd+80h2NMC7MffWyLougSChW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU8MvCRA9TVsSAnZWagAAnZkP/RcnXyWiBDeNeeIm7R2c\nLTU0GtdIL3V+bJQXGlrQPcCJ1DOMvzOQXUwO8/+WfU40CMUIvJ51Cob5muBp\naSoSga7k0NaW8xM9UqlFKr2v9oFl8XVMvXnNg2EE3ndwB/lm4wTnMVmdwlAy\nfF9Qbzi9GrvxDNOS9pjHUl+1zxWnG32N5SAeofJsU1WW3FkycCq1GaAcqQ0A\nNBiihiioXAMBmbCxeVXJQ5UZxZBhZrSsgEIG7zN6x8I7xK3sA07upZZON206\npUX43cqIb5eThA9Fb4xkZx7bSb4+ZKgJFv3jPDU+ZmtWe4F1TOREqnMWQvDF\nZGj+1kWk5Ya6cFEA9nj/a5G4XY2tnoBEKe2lgaE7KPXsI4manPbdAzPZnme3\nlc33PcHOIb4GF6pWuBAkwPo2GJfR5kohtSG7OaXRm2a4mGCrOGDqGEWjekMO\nLUKEclhG9a4KFGbwrV59lN2ZkmJ5lZtcPcpJtGIn2SIIhtbZtql3gT1Cuhhm\nZlU4mJU0EWDChb+qNxeJy0LTtDBCGIaKMvcOmpOIJ7CZ17rRsUHZbnxlyDa/\n6RM1ay+KY7fULAgAnp4Vp2vWOWD1xfUebFAhAlXiqq+EHTvaiAtC/wRLD6aQ\nUYRNm3vesh7bAar336xoqXVL/EEG9CIED8RrWX0wXMYX+vvBAKMGYAGRctB5\nNbfB\r\n=1fta\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.40dd242d5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.40dd242d5.0_1616102190661_0.8538741157453125","host":"s3://npm-registry-packages"}},"11.0.0-canary.ec8f8465f.0":{"name":"@material/rtl","version":"11.0.0-canary.ec8f8465f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"db5244baa7c49dd0151a453a0255a4946e836352","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.ec8f8465f.0.tgz","fileCount":14,"integrity":"sha512-6lOHi4WdUGxbVAHe+2ObmC7sBXXBC49NgngRvHbw4Q8IdAPYkBtukHHButgnTbdc+K5uay5IPdXkn93o/rPyrw==","signatures":[{"sig":"MEQCIBF5+LMRpdHokDfvkjqoKDo6DeCovh3ataRHZ1zcyuofAiA4k2r/vGXlGQ2ftjO4W3x6771n1fLG1QsKhW+vGkL7mw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU8mBCRA9TVsSAnZWagAA/wIP/jtEXAerOKn99LSi7j1D\nN4ldVyRusyJJr+Sl8jSS7JMR7bSWlcTYjE5akFl2cr3VLiIUBnQeRas4UTsT\nMKiwtCzYB4iIloWCJKRLJWm3jOrX3gWn7TTz5q4klfsxwE4FEvHkAWsMPFK+\nGuImZUbzEoXqPo7n4ssu16byn3XUZbjrdy7SVFvSNm8QJ8D9KZNGoeEH0y2J\nCtAd18EgjudD5sVeilnvXF7HRQQQEzhWZhpdsiiJ+m4xt/1JO1k7NXMtPOvd\nDBbg8pWW/hOyGdVMQQT0PO9Nb4NljzzyglgW1dL14VRfFyjya3p7K4hphv1w\niVzimKu6ll+loxzuQ4s40UHt/b0GXR+KrKx1rjKd7zNFcMe9MubFe40U7m5I\nMX2nShQOnUdddo9HufMc62+xN8695MONWB2Zey4UGWHtZ1lPCX5zSuM0rm0l\nKsOU1APB3L7mVoJlpTyxtDKje+cYMfBGxu2OXET+GKvHzrQk0flmIMDh5uaG\neA0108Xsx+eIty1SM0DED0eWkGqvXT3lOPl6q9yzfiatneb4zy/hfRn7xGJZ\noWfWsO98S/h5fJnGNCaBsIkdNZVDP3mh01L0+/WrJNyYkK4xTfljP6zQnLWB\n1zQadR+i2wLiLx8vzGvB+TmveXpJs62BAPvFdjOE2/s+xvBwb0Zlot4uKFbD\nVpZn\r\n=btcO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.ec8f8465f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.ec8f8465f.0_1616103808534_0.5044383847092824","host":"s3://npm-registry-packages"}},"11.0.0-canary.da38969ec.0":{"name":"@material/rtl","version":"11.0.0-canary.da38969ec.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"dd5454cd188bc4f86939e5b331ccc20b87b534f2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.da38969ec.0.tgz","fileCount":14,"integrity":"sha512-J3mn93k20FSqrIM2ZMlhwPQyHjBnONlVGOW14X1UPTWhZwZgY4SsVHQmjA2IIeIh3sdtNWD72jaK11TjCy/yOg==","signatures":[{"sig":"MEQCIHGsaNGcxsoiZfF+bKP893rU5KO1Pedixf8PLv2C1AbKAiAyEBL7/LssX6jmY94DuIJ/kxJdsbexnccTqjyv5HBOwg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU9FlCRA9TVsSAnZWagAA9XoQAIZFswfFzCfS9wy+hMXu\nqC8UwR/GPkyDu2hD3oT1Z2SDyuG5uLAOEXwvOYHdkgQGp5U8lpznUxG8qNc2\ndBFPNL2sMlkHqk4uL2FbHcRSC/aTr9tJeCDYVQ/0Cjv8xevaGU0lxdiaMXGH\n1dBhKEHxivp0GUBCk4a44oTQ97bBpMnJlqAKaUxWKuDYKCgd9Qb3Ewgyve6Z\nYmsnxWOnKzGd/gD+I66pYM+/BDcBQfTYerTThme1jurX8zjBWJkFSHZErIBO\npbgR5eJGmckdR47Ow6quQpB7bhjs69BiH7ixzxvadWO7yXBisTS3SEbfhlY5\nlaRHBPRMMOUyhF+NdNy+MK2pXcw2ut2jWK/dXuyMwPW5kxZ15YoWmAoeH/Vu\nmwnK8MAa/U3w6L88cwNJl02i1PuNeA7y0lZeL+ZHHXnuHZ9PTV53YJAUpDPr\nb4iyJQGCYG+JqtUkdvN6EeEe0KiF34PJjQ5DKJEr14mWzUZXqfkOw9BVqaTY\n4SQ37qZc0q4ZPeUH53BIPONhXZwUXlmwBz8WYX/X/FwMMEQcTu3nsIft32D6\n9RzKoUAO80j2582pJR3tWDOjOUtq8cXOkgCPisDMprojuaKIFcNe0v38x4ir\nGWQlF2I2pdwVvFNB4uo5aFnsXfNhVeb2e3phZavqu+B+Yd6xEdlc4LRu6X1r\nbA38\r\n=mo5r\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.da38969ec.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.da38969ec.0_1616105828893_0.6135409346281215","host":"s3://npm-registry-packages"}},"11.0.0-canary.f5246264d.0":{"name":"@material/rtl","version":"11.0.0-canary.f5246264d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e7f3829fb94eef32d8b5fd87ac3e0dadd94c52e6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.f5246264d.0.tgz","fileCount":14,"integrity":"sha512-WKoCEeAf6x9BaXxrg5VKCnCejExXNfeAAzHuucoaQXSoojOzGyc8sgkSXyuGui1hPVe73u4NlS8Vs7/Wp/YcOw==","signatures":[{"sig":"MEYCIQDiuwrgLHzd59qyeMMXjRi+wpZ0eLYNmQsDZSBUaM7QiwIhAJ/ONZ3uk09pmlZf/JfRRyMxkXwt8Mak/uo37emYff7n","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU/I2CRA9TVsSAnZWagAAxM0P/2TKveP7Q0/GDTom/J66\n4UUFDzccyQWiBgr9OoK2YTRe/QP26OcMYDj+uTjzIxykj9CAVOasMT0efpjH\nyD237L5E/YRW1N8UcTmlGgofr2ZyqrENoLLAo33somY8lv/JdLzOmH2gxsbQ\n6C5uIJB6cbzWIJO1oDiy8LOqII/1in3p0u70WXQ8/DedBzvbLyIqW/eXBDjx\ndWq88Z1KUDpLyP3TCWv1PgU1S2nebAv+I4Ov37phduQS9qoYP5b962Gt7H1D\nqdSO64lRPmwWGZGLHOhgDCInNp8YFWyfMaOAGR2YLgQh8dAoOLDJxrD+2CQn\na4FMefFy5lmHVe7YYf9UbHRHWqUM56FHCm9B6yw9N5XjLuifs9EnDzPJEEVX\n2D90TuUuikv4eokYAvXrcwGjp01VObBGuIHMmKXEJMdQvU1vUuHargxOovki\nGq3l51j0ciCtwGqKmzafQX9zeuP02cC5NiAKStNWX/SUrg6eHHx9Msgh8eAA\nWYUIpx/eQSP2a2SFlDYkRVXMRQpToaSl6Owx96KG00GQZlGMDqiRg2ylGHLe\n6eSEzvKZY/L5fC6xUnW/WptzXX4k98sFXiHXygazXyrygVkRKRipAkMklw9Y\nWlgh+HLjs7tb8AtAdonNS2xwXjxayqaUQRswuNuTlu2A/QiyITlWi7seV/v3\naqGy\r\n=PNfk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.f5246264d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.f5246264d.0_1616114229962_0.14643396452347424","host":"s3://npm-registry-packages"}},"11.0.0-canary.03d34bbad.0":{"name":"@material/rtl","version":"11.0.0-canary.03d34bbad.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c4dd2f8de040907366bdb0269beab8aab181bd45","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.03d34bbad.0.tgz","fileCount":14,"integrity":"sha512-xIW5zJyt/E7RbhfUHklpbOqOj1HWT9HUdX0KSQnQAga6n1SmAD/CYGNBqbxaFG/NCuQyshMfGptnlwfUA4AAyw==","signatures":[{"sig":"MEYCIQDtkppoPaNSGV8Lp8GH3Wj29X+D8nnoA8FBMkGNcaIUYwIhAK2X+5eZLOu7x4aFHbja6F/lrmGsDJf2fptN2Wap/JWm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU/VQCRA9TVsSAnZWagAAyKgP/3oOCSCKmwFET/ta1OCN\nGZLSc/i/M1Tf3zKQ0mYIw/1HhVN+7kFWMZEER8+FvshpeRox41rg+89oFN4y\ncqo9tlQxAxgb+cB9Vp6l6pNTvWw7QCzuzq9YsmiV7+kUF7R+Wbcqn6BNcb6x\nwf5Cp43B4F23nr4CRW+Lso0eadksbAt8qaQp2uLZvgUUrFuJfaacqJG0PtDW\n0cbl51o6GjQeNNPtiKz1OqxJjn3ZFuv9KhhlMW+LDedQo0khAcdphQxEa95y\nlUOwLIo1lneXtwtL0u4kX/ZJRU0oUjSfFjUnbfoArB/cWAjBttTzhJ0scJRt\nDUx9yv+VOeTuz9/aS83xYQ6k4nSGg3I4xC8olp0L+7/xRd74UkJUV2pMk4pM\nhzgbqftzaBe7ptbBwRrEDvc1AIBu9ofINFfCHGx/7kUM+FT8ooxXXMadRBaD\nsJPO3dQE7WcJzIuUQT5kRisdGtJWa3VhCgRUgWd3zfIMP9Vm7H3/gZy3qkVN\n+w7a6h5WIOFkaZ/8f6UirVvEd3V5cBTJuBPt/Ft39Vf6x7Lve401Nz4m7ClT\nYjN1vOiAMxrpu0zPB6iEuRuTJflCt8zahsNsbJAUiThOyJQNsbLPW1NMYmRy\nzWCyVY+FldyuKcW6HNUIiLmDf7vLFNgU2gJAJhUjqtr9WTLXptRI1wlb3oIK\nXkoQ\r\n=KZtd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.03d34bbad.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.03d34bbad.0_1616115024144_0.38447823652583946","host":"s3://npm-registry-packages"}},"11.0.0-canary.cbc57c600.0":{"name":"@material/rtl","version":"11.0.0-canary.cbc57c600.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f42ea7b20a2780c1bbc1f4d1467c6b34a50542b6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.cbc57c600.0.tgz","fileCount":14,"integrity":"sha512-pC9mjR2h7M6vUTAhSEguAFirfpn9rHQOMGozHOAazKwDs+KKRYeEDb7i2o+KTMWkWQPPA5CrhJqKHjzhHEc2Ew==","signatures":[{"sig":"MEYCIQD6L24qydViBub5vgMN7llz9Q48GtjE4R0wxTfMvKOvVAIhAMscotqzzu9ytzU1q5nWESuwpp6qWS5ArafNnxIdfhic","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU/dcCRA9TVsSAnZWagAAmqMP/1KfEYwk4ljfK/juBqnh\nikLt7FZAtLGnAzUcEaj2FMr6/luMGiPVgq6E1aGajtxnB411BYDYwV0Yarb0\nL+MRNpVq6s/OSk0Asb0dMw/q4ICGOOOaXHo5iJwXQYcxb9MizMS/EE6oJNmj\nlWUkaasZxw0Hn7Hd1TXyGl6EwwosbB5L0qCL0HwGfElErshQLiVFtiAqLf8k\ncK1g/Ai7e3kFwcIjpMbCcth4KFizYe8XS55ZsdYGKdK0j1nFhMHFmAyiU/DZ\n7N93JGB7tixeYJgNlrMRTNF2hWcrKIBgCmIR5Na+dcX+Y7MgiXJWR+I+6SXk\nBGKxwR9KMrYO0uW0EhGeSy9hqiuv/V4FuBznRfVkM5UIhjoVGmBpePRF1UQD\nVXeTVPMnt3bEVFjbiZ7GYDvi1r0FT5I+sLkopXlmXzrw7/6l7zibtDh2XYuM\nFWgm9eRo/WTO8wO2oWdVIjUR8ytG45WXo3qIAeUa//H3tQ5Kq8SS1TfQ/Qr0\nX2PjDdpwgXX6V4DDgHM65XAttcqNtha6BrHL3WRvtq/bYDM4VQ1q0DHO1CTI\nuiWf7ZxD7JAcxT26TtoVp2Yxftdlc3n6sRI/JTJm/t88f0OOL+uhVQgzcNg+\nkHvc+HssXQgBIscKDEaj8wO2p1HTk/la41N+yXnn5BdomTYmY+hVPy5FtS/d\n5Krr\r\n=3N81\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.cbc57c600.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.cbc57c600.0_1616115547711_0.011322111616813846","host":"s3://npm-registry-packages"}},"11.0.0-canary.d6c5bcf37.0":{"name":"@material/rtl","version":"11.0.0-canary.d6c5bcf37.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a570332d09c41f3c0ed83cb6b837ebd4e3a46d29","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.d6c5bcf37.0.tgz","fileCount":14,"integrity":"sha512-KgVmcELCcg7utig6S+9j2eF/P/VmWQDeCD3UU/fwEkz90rYYCKL0/HspQRHkgXEI1JuqOsie3v6K+Qb7OIH/3w==","signatures":[{"sig":"MEUCIHY1kgMIo9hRAEAszkxaPBlbxg+UPXObYQuDpsKQFifIAiEAqA4lrjt1LcFkFG4+pz6zAGc40AJn0pnev4tYn61jr5k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU/o+CRA9TVsSAnZWagAAoB0P/3EZxN9la9rcie/sfI6S\njkWBnDgWeC1dfic92A/byLi084wflaDnSocxaOppL7lOlO2dDUw6JtHUurLU\nU5UMzqexNNY5elsYjSyK1lPflHDkiLyaFRU3O+6XV2mjhj7a3jtTCIOlxMfA\nhOQBJM50NHWbJoOV6NDZvTXcwDt+wQ6TbcjWJKfMsEFyzTSXO0IGDYh9KWK9\nuFIgoBhVnAcQ5EFXAHO7lU7Ak7413GqVnBY7EVpM4vLQFz+x5RarlSW5VSOj\ncM9IYGm0JSmsVmBMeUyE/3xe2Lg1jOBqYvp0A1XaI2VU7M/IEa3T2zaT8Tp4\nZKngbfPkH539WzeVrXsLF2EFfTzFxy1sTpigT6Nc2S0WjSreIAtiD4056kmd\nkH9pb1MkU1uQueLG7CDvUffqaccWvx+nLPu3nzaRamCPRCgXhQLBGKc4h3+c\nrqjlUQERi3pM0E7MTJS0i1oRpj5Zn9XdqABkQM3akcBHW5tWD2/wreSqtbH2\n5MWo0tmbYxY6qCTeRDtIVztLc5S6Hd/x/uDP+tpwycOFDyYnBAyosClZb/pI\n6XaNQENDBRDot09NmP3Zk0WVAHpXDVraVDXOm7ZZc2jJkUPFfQFe4LtRa8sj\n6SQWlwOaniA92u4g9z9qsQ1Ikbauhx4qD0Wzzwq0LgbIgzHM04B1o15Hh8Gn\nJ1sN\r\n=7txs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.d6c5bcf37.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.d6c5bcf37.0_1616116286199_0.03337096903225256","host":"s3://npm-registry-packages"}},"11.0.0-canary.fefc668d7.0":{"name":"@material/rtl","version":"11.0.0-canary.fefc668d7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d671514778b540fa5fd8245a9e6129d002be6718","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.fefc668d7.0.tgz","fileCount":14,"integrity":"sha512-x15XaPI8JSoPB4GMusM0nhbrXXr+Ozb7PiQcn1vwtzVICI78p/7fKZtXkDfk6/HLOvyi8OaYicblaMKClDQ6sg==","signatures":[{"sig":"MEQCIDSQCYapbMHs2F5m4cpA+p92Yd3scIh11oEdkBeLatoSAiAiVUia+meKRep3WAsRdMA8IpY5GjjD32D+ELP5ZZQucw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgU/9WCRA9TVsSAnZWagAAsbEQAJlhYhqOQJMsKCFeRzRh\nx5NkU5Dtcgh+WWIpy1V1NmBdMXF/97/4cxZhl/bnHmwzzOibBJwmXCtBpCyf\ndnNz3AKCmwTHd1rgiQro9i8AAyjZOxdJgJryI5yhkrAq9rZT9foY9PB8YaJZ\nnFSZTBU5wy4KgargQX9XDAPSHe3NIoHagaTKBVnBHHc89JxWRexEsZngTfWq\nuHPOpHJhMKzAgUpVYzPcOWsgTHaUo3NFs20O90vbyzJ3NlotxJ/0GjX4exJL\nMLFcEGJ0K/rPetNheP7kOu4SfqpYS2IcskYlEH9U47bY+JSaHoO9SAfCwnXN\nIO21NDoGDEX/UPyArLZBCAyAbP7LcrxKQKZKu5dXeJKWEoThKG82FYLA03yO\nA82XF3AbSfUbX61yQ9kqo9TEKIFm8lKYB7ZOx0rgnhO5VqI+ETmA1OIUSK7q\n5aaBrJ5nazbuUKpwt/OuklFjgCftFNxFFHpT5doE6rs6glDPeBd9le9M+MWl\nBMghA9uFNoAqGnBmtxsR9TkLdB4vcZeTCQ2Pie2QQyyri6vBbfEtXLFmM6/n\nENiaJ5Osd/nN1aFRHGZCI6e0+BSkcyye9NcoNgrlxmUxq0a7pJ3CEqvdNVhF\nO/h4VbT6n3x699mQgPwfwtF+dBslh8jLLtx6QkXnpX4bb/9ZYQa1cW/OUhmt\nI455\r\n=JPSH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.fefc668d7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.fefc668d7.0_1616117589441_0.7647724202737682","host":"s3://npm-registry-packages"}},"11.0.0-canary.faa7d3226.0":{"name":"@material/rtl","version":"11.0.0-canary.faa7d3226.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a88346e21b3ba87a967d40acdc12cb987e39ecfd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.faa7d3226.0.tgz","fileCount":14,"integrity":"sha512-BCf+1dQzm/DkChL/Oz/J+SPiQZBIRpItkObJCRccMOctRDdwRUZzszKSha0f+vLJ3RVzngqfc/+NBsP/IcKVQw==","signatures":[{"sig":"MEUCIQDzNziMwsbBLbYheoFTJdGfq/gHzCygXMXie9XTpzfX2QIgflqQTqABLu2Z3v7Kr2krofSMCzV64u5Lz4YOdQYVBgk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVOK4CRA9TVsSAnZWagAAEXwQAJxRGM976mXcTCFD2bir\ntfZcTGHoQJq7qe8+y4PCYbbIWaMspFD9v0mhOGsx9CMYDxvNkZgoewZ63eVU\n1ESGvklYri/Q6Cdq3zqSebXtvVffQYbi4f2kVlTNIr6ST6asWftb0h43sblU\nqzrYJZMtlRsyKX8dR1ZfQldGP3oslSMtmYAVCGJAHTGPr0G6l3+XHa/n5aZ4\nYRQKnFBwaw7QtsGeigR4BxBr3Z+jOeV0+FudJYHhp+Xllqscvy/etlURsEbP\nTNlSi68CtvBSJXoPAW3UbpXRAGEK5T5k3cYh+AwiqD7++uphai09WlNQfFG3\nclFF1BJRSA+iCltXS8TS8hezvrYNjMI17um+aBmMnmjrybGGW1BGcazk5EL5\npBkUsVMn1gQioUYKCTk41JaqEDltdjLwsiCMziDpeM+PpxFMOeuA1lAqpoFB\no6yMVF92I0l1sIkFx1+8brSWzL2xRGXLuoNjWyJwFuRIYV00Pujfhq7x3Cjl\nwhFMIEyH4rEwGAkinUck2wYd169JbNJivWi9sdeqS+psKoXRUwrgkUAbY/wh\n+VWJ2TnEAV+t330+9FATWLcUHlGpdvv7RTeoauEjI5P/RjbwvScNKPik9vkd\nF+47fsHPzWi00fNobi7DatOhuHOT+mt5cjwZRBfOfTPWddgq/llYf1O9r8qb\nX0RI\r\n=OU7k\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.faa7d3226.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.faa7d3226.0_1616175800216_0.5448669721605099","host":"s3://npm-registry-packages"}},"11.0.0-canary.c60449bc8.0":{"name":"@material/rtl","version":"11.0.0-canary.c60449bc8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"16d16f72a3112cf52d19801bd93f36e5ab6eadad","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.c60449bc8.0.tgz","fileCount":14,"integrity":"sha512-ziAfSzloW/JjDJEbVr2UOPiK0PtHpE/OKJyboDUnWwljER+pmO9QGE/JbyhM9Hi1N6pGYGEnYBxd8IbtrP7xUA==","signatures":[{"sig":"MEQCIE3QaXkNq8BDdnbqG/Vq5K/upb5K+N+B4U8VfCfr6He7AiABDhAO4u+STL7Yg4wjdUK78Gr4eQ2W57ZGZTNO1vtaHA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVOepCRA9TVsSAnZWagAAoYAQAKIEDQIM4wjlyrd4FGfQ\n1xWdgqvef8ED/PZkq3WaGyVdgWxbBqd2QP0A6USkR3JSmxNhorKjufcYwMOC\ntI8uhDY7Kp8eAjoj3H1uJxVcllli/1wRRx6/QYPR83E0fUwTjHKyxrN4QrIV\nOf+qSI1d7nEtzwIfhpuxBmD+slmV95SP4JL2xjbXHTEmF7EPcsOzbLvI+UzW\nENVmU/UHiwioSsWRFaJ3IyuqPzfeo2WzkjGGcCoDM4bpMv6kvRA2Ockjhleg\nhmijbHSu7vFVGaPfl9MCkikEJm0d1Qw5IEUgHEIppgTf0L/S5WXlW40lhnys\n57Efe97VLl1qeow8+z+prz8SRIrWrvcf4g+wY0KhryS958/mqQrEplyPN4/s\nmMxuRAUtsmAiBHr8q1dG2hUUzazaSiDzHvrpPmgygmp6mlfP0J8M+yPivnjV\nX+0wNtFLdRR35FDly5BKYRL4AMtIcm8CM1rDnNUgtESgMpY6Q8cbof2BuE/d\nY8eW6gM+QcaFQtBvhnYByS2PjGKeSmFXS+RQxJMoZaaQbw8T5ItjyvHDUY9+\nByLpc9OJNd9LPV0cvQ2IeT8DW/Nhva2Qw9sZpAJKG3663XA+MY+Ripa08dYS\nZlYNdwAiTDsQJimNdKjZ/l9t5JitZ+lfQv7/Vz1+x/srH09WdP9dX0eK0lTp\nQIt1\r\n=C4Xz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.c60449bc8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.c60449bc8.0_1616177064872_0.15413628217506892","host":"s3://npm-registry-packages"}},"11.0.0-canary.5f0fc444a.0":{"name":"@material/rtl","version":"11.0.0-canary.5f0fc444a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"18e195179af97d0f571e5c3cab79460c4207ed13","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.5f0fc444a.0.tgz","fileCount":14,"integrity":"sha512-nB0Vwu80wCaiwr41zElPj27I2hIJNDgL2ortD5ygm+06mDhslUPSOHrF2Zpib7dIrk/qHZyxPiPM7BUp9ZGVmA==","signatures":[{"sig":"MEQCIFkrEA7ksH+Ao3BpnkR37EB8byEPufjG1b9F8HOP7X1HAiB93OUFYdYC12jeWH1T9zUGi3yOt56G6RpmqhVIUZbmAQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVO9OCRA9TVsSAnZWagAABiwP/0Ez7rM+8camxStnjfca\nsD1RUvymw8/RVv42zwd2mWc/wtcFty/soGw3IYcncuHmuJB+q9/Jm65WQp88\naSxzCa7rLkReE4nVC2bFEG6wH75Ix6NwcotMZbuPzTD3t12o9BrKEgPYIXP6\nb3eXx8C8bGrDMHX7+lgIA8KykAx5NjjSiUCdPmwEO5PTvEzoeAmin4xGv6GU\nbGEmZs/R6LgVMSnekeKanA68Vsfvk7oT39XiXy2V/PkWoMqWGTdAMwlaF8XI\nDK0iWVsis00wL9F4JFFAEITVwz25lzXqzOhvdbdTc7+1kohExw1InVVz0vUM\noHlkCx+pst84nlXJ3NFuOfsQyRuNNh34kzpFZ082jS7ABEwq4SDN0MyHq3Fj\ndwWcOFYNadobYKL5PioCHyQFSa/tOb2wzxluU68xrzW7kbzXcNtNJ0wLf7Bw\nLQULIjQcJwDqFfkVDf6KILc9S6usCPjpCAxcJD3IHQuX7UfmxYihHdC8p+Kl\nt9tejOOq6TxF2GzUfHWHxv0XMdNaPfsNHsMS2cCpGatx9dAxzEwPwV7oPIW2\nGyrBUYZ9H/cpoSaez0gXhUXEbDrWYY6Xw7OScky8lUvM3S0IH9Iw8nAT3kiV\nFqpcjaL0OBU84e/zd25GSYxF2erjnpQsSZwdTcwW50lHOK7zbxbzSBn/q2wj\nq0hx\r\n=zJM/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.5f0fc444a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.5f0fc444a.0_1616179021583_0.37984454142644375","host":"s3://npm-registry-packages"}},"11.0.0-canary.4567a750d.0":{"name":"@material/rtl","version":"11.0.0-canary.4567a750d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c629f96fc7e115c73f9980e7475b9cfa13f72b83","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.4567a750d.0.tgz","fileCount":14,"integrity":"sha512-fJhKr2izs5IThTAGZL3TA7NoRqWY0Sy76X4RjVCStL+8P3u43eFrsSJ8aJX8YQ1Mkj++U+Ckt8oaTZxf1w6wXA==","signatures":[{"sig":"MEUCIFRDMOri2WyTJlBWexphDHd2YWheJIMqoT0EV7McGH1rAiEApsM8w7d3AgvxYPUCr73uAZib3wqNUwbgEji+chtBnZE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVVi/CRA9TVsSAnZWagAAdAsP/0a2hIWMJ4YeNJ69Kf//\nRpFnODJsNM5RV7K+cTr0EE+jaqGF54qJo7Lt0Q716rirzyM9UrG9tnvjbt6e\npLvH5isy6U5nb0ckpblfqRo2Be4JTynpzEl9I3j/4mJc+BkaN9cXSLRBF9Wu\n6BCA2C8kFKzS8jfury7350urUwizK3A8Sj+Wo1WaMUG2P7IsW6w0L43yKUCb\n+4FehYSmD6GiXRDlx9vLmn1tbg1OQIQ0uCW8H+U/qJjC63O0oE4632P3F7XC\nSe60lcIomeNQ+6FcEh+BgCnYOhFj6/udWPVWXflOo42jmvsXaGVh5R39SQuz\n/6x6dkwbFa+figZcOSJj3tVHZ0b094I9bNnApcGfxkmzSSACRjyNZDJjhfg9\nRScbquy5cTO9LeXNrvlslf7PqFKCsasjfhL/UNAk3fWi/211Fl39yI+5pnBP\nB5oDTceqK6I1YconzfZsz5XbIIn01Ks8PXLWzkMBVHOs6LJ/WzL4Pn4TCb9H\nR50/YV0ESfYC7RDXHh7nSinh+waFchf7Kjc1s7xDl6c1c5WxIFwPWxuPq6oY\nazQ8/cPNntwSG2ChFiDbe/uffahlzYybYYSr1YQ5NEWFm/i0paWcKY4aNcFw\n9q9T1lxWjbHKHn95OTYycPpDkW2SID4TCc9vt4pzePQKl4QEI0gD5bBWVaw7\nv/Rn\r\n=35Sf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.4567a750d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.4567a750d.0_1616206015351_0.6413420586743837","host":"s3://npm-registry-packages"}},"11.0.0-canary.0cde52f5a.0":{"name":"@material/rtl","version":"11.0.0-canary.0cde52f5a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"62219e83381ce276aafaed0d8a684928642875bf","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.0cde52f5a.0.tgz","fileCount":14,"integrity":"sha512-rW9ZPG70cEu+QKlJD3DTiZCgRZWnprq2413SAtYQS8YNr7pNUMdNptCyCCXLWlhnstwfHFjmHQnnpilEvM//Tw==","signatures":[{"sig":"MEUCIDnFu4oB+GMaaZKwVRaidTilSLWmr710qLMQEid6v0kQAiEAgRXeKvmND7JuymqXhXyO1erNxWUounKckT/OIHnYAro=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWTADCRA9TVsSAnZWagAAttMP/jMAuMBpVpPGyDtRsTwR\nClEPjmuWO/0+8wRsyclbct9p+mpMr7qB9H9sV3dJu3Cw27q/AUAaKPDJhn/v\nm9U4Ep4/wUnBjtex5iugbhRrpwDfFy4AhT+uyeb37z8emU23J/hMhswplVSD\nqidIbzk9PKqvCF0Yd72q7LJtOHgEbwxou2U/J5/TBQTn2iUrd51MWAlG0yyS\nJeNLqThVhiEXfNCbnL6PB+gexo5Mg5exiJzHRZgopjPFkKykQ/DfnfMxImpk\n4zC7Xb/yn+Sihpk6fJnp2SlM9Kadjy1Ucj0RLlF37+cPpXWxAx2/MomM1vUw\ndvTruVqPSzxlig1HS9f8l5ljZsjZf2UNpm0zAfEyIGwZ7nD6GNNFWnfLwugR\n1GScQmYkisaisMfmCKnLJtQQbkmL7x2/t2BRkQidUt4AH9JHgrlBNLUr2U6I\n5/ciLHDOIwZcRzUF9aAl+yA7YMLLFKd2f5OTsCsdYqEMClnxqAdA++eMAsQG\nuXzGnwnnQ7qH12a+tewh5302PBlCo2RLfZgHmjB6uOYA8oUakp6wKNSxgXhY\n8hl6IN+rLPGX1BrMCG5cm+ZHQpG3ClYVdCGQk0YFwDww+ljyhjthx92zDcIT\n1Z/kWHOQAgS5xeaAm/4bBenkZXPEXxcU96o05/q0XDZqpBo8dreOJAmlMMoM\ncuCw\r\n=zdg8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.0cde52f5a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.0cde52f5a.0_1616457731456_0.08156389616011572","host":"s3://npm-registry-packages"}},"11.0.0-canary.48f4b67fb.0":{"name":"@material/rtl","version":"11.0.0-canary.48f4b67fb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4610d38fe5e40bcf94b262170e2b26910710e3d6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.48f4b67fb.0.tgz","fileCount":14,"integrity":"sha512-rnLdhK3rRH8KjRcdmNM3iAo3NKaGYPuiQ/6fUn1p3VDnSFQ1mnfXqeTi8kX9Q0z5b7Gw9KkUOjZm7hMmfKXCxA==","signatures":[{"sig":"MEUCIH8Kj/fEpyj0Vv8bB5u3xi1SERT4Dvy+6wZ3i4vUaB2vAiEA1t919mjpO7wB2l7UzVrS1M9sGJ3BzDAtWgiBccCzt6E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWkcqCRA9TVsSAnZWagAANr0QAJE+k5OoHNdNW7owANbi\n3+WzqXzMFZyNJvburigH+BrywZr6np5Be1O6L8SRyCmK/a6hL8kJqGDF6T9Z\nFQoBnIZhsIBDbDhO4lMFP+ZNoTecOje3FaCIverEeOcl/Q1yN+R9pqYipcqL\ntBqGBzVxSWsRiGj/v1ubUIDIOdA2+if0tRPAGIBtQ0nD76PSFnNYid0iBPEm\n3RF2gZClvwUmHRorn01WTPjuiDKYKPayoCOIJuZPHr0b7BnsB/DEt8lXn18a\ntHhE0w4NOEpdntu7k1XrvDlhIFS4KgGRCFRMEgWYeDisxjlsZ+I9odpjWMiw\nV+0aBosIPEqUz+J2prkBD/el9v+oDfwAgeFRCEO6f2A6+Qt3s/r3PQUVDmDQ\nQSFeZ2p/5cK6OjWdt94SN9wvOrnzgv4XTVMtTcMQwzL9CM9nIueK9/GD9HM8\n4M/aQmy1jxfcvYuIZ69rtHLlQQLtZXI4fP+7o09tUikGrLBrUTMiyxhsvr8z\nZpbNI30uXbFkyEFLbeJAXZFbfBhCb4Clus/IanGrTCIqIodymrDg9UMo+QQe\nXc9BoFPfwsERzEenKVgxvKtzLpqU/KW5ePQ8iVFOJf9eyQtCBXRizBu4KOdn\nU8MuAMrzQqxKDdGLS41g3w1c1E8dbmflaf6G7HaB+sOFQhqIG0nM4RDT9IOj\nVzB5\r\n=Yk5Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.48f4b67fb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.48f4b67fb.0_1616529193889_0.39532458823649663","host":"s3://npm-registry-packages"}},"11.0.0-canary.0b8cff734.0":{"name":"@material/rtl","version":"11.0.0-canary.0b8cff734.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"faa6ef303fdf720416a3c0ca4b3ecdb71a5987be","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.0b8cff734.0.tgz","fileCount":14,"integrity":"sha512-qNVk3LGJg+H6HN+UXZuhOni+2WJDld8PWGeW/dDG+e3bwaFV2oQ10sO+M+Ce1y6iCS1Q22VBcrVibNPEHliIqQ==","signatures":[{"sig":"MEUCICJmVw2+ecytZHgCRAmtxfR8UHXTJcAQ6e5/Lm9atE+ZAiEA6l7xAAd3N4tK0BtP99Csr1JYX/WcarzL/+n5WxqbMtA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWkmuCRA9TVsSAnZWagAABSoQAIWTZKcYIHz5Ylr+waHg\nRDHaQkL3Xpt95T+iHautwj7E/q8ZDjdAmtBb+BPZEfryk2Po0LrPEawt5Z1w\n3UHzflWYwfwcKbmSC5o69abRqdGFFbaM5H6J+2gwZo1pC3TdRHv5h85CEr4E\nOAOPIGZD1AlOPsOjeb830ROmaK6JxkY3JEpkHbRpSj9/Bk8LQ/4GLzoRv5eN\ntYMXtfOLaPPcn92bfXjR3Pi9qdHtON964pqXGLZvD6wyn0cauu/RsOzTrHqA\nl1m0iHKdZiTcJC1O4EdIJv2zju1tPydyr9iTPerO0OTs64YEo3FrG6ymPhdw\njKwULKfcNjTvGlhqqlBXv+sTbytpevmRPveWcb/EdRqnviJcmxyVfZilZkYA\nzLAagcfhhtelhaS3yJ1Bz0VwJT0bo560QScLNmvGhN5w5C0srjXk75IAJ77N\nKBo6BCw7yxWggZaB3Ygu7H8PzOTeseO9fJITqujN4bQ9eiHSEPBUqHnzJOCP\n6UZ7usDBkbiARkiQ4YGm98H9+Bq9UvSviqr4q7p8q6njCadcOfWRl0vED16y\nenTZuvGFFgOe/7l9vogVAE7a+82vmCZOqPn8d00W9YmoVq2PDotawihUEiqa\n003xBLYjddLFVS/P5PFnzeYbE8EgUg+Ct672FJKc96dkkwlf5DHxbzDZSY79\ncbNF\r\n=Y1YM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.0b8cff734.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.0b8cff734.0_1616529838284_0.043687147249211966","host":"s3://npm-registry-packages"}},"11.0.0-canary.8943b991f.0":{"name":"@material/rtl","version":"11.0.0-canary.8943b991f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"52305638aa3efaa488376f7d933ac1b839d34c06","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.8943b991f.0.tgz","fileCount":14,"integrity":"sha512-CHiVYFJfvuIrgHLAKTbYm15uahnEDgG4CGR/vHuogeAzEXuZbrFoILyeqnxlup6MTHZAqtug3JW7OHrd4H9S2w==","signatures":[{"sig":"MEQCID+BmFOmGPNCjgkvROwA5rVWo4KkX/lFONdnDi1JcgDOAiBKikejdwI5HzrJa+YqFaSXWhmHDDe3ZVjLqxPhVw3CuA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWk+FCRA9TVsSAnZWagAAwbsP/Rl7sECm5N6+t9oduxJn\njlGDjWBokJV0jHoNxwqsUJdnVty0mk6tWZWpPv1w1DShhbPe/pUgHSvLES/e\nd2MRI7ojJTNsGs7MgxLwiK0XG+snOrbZSJGDpCdAuIzXFkzGp20T3JI9m/Tv\nzy0dB0dMzF78gtKC4OBQucXN9YY6X9O/jQKzCJpwplTCquiCFu8G1QjjTWJf\nnqzmLIqowOkqE/fvnkQPbl+KLNK7Q9u2q6ghJKskorQ1wqA2D09HF2l4COjL\nX8hXCeq00IltG2QRSzo71DlhjYFfwHcPhdZkcIuaVHp26O024ltCQvWTV0QO\nHvJtPbcX2wIUVbZstgIl9wqhNCtU4ZXD48EHgqdYK+MqhAx9b+gozJV8T/BJ\n0n62dtWQbH47gL4Kw4OvF6N17oBCZsgc6/1G5gm8CBthGL+B7/xzmGlFrtvZ\npvlAFvqNei7C4xI9fXsnvsp821TPXfryHUtQvDxFvsz7vZhUNuOJsDKuUwDo\n7DsbtafTKV7dcEKFdlvkAOmRlBWq+IyQywTUfzq2b5qq6uAIn6bebT3p71p+\niyjDazufwjXu0J/bjWxqEbDEsbI2eeJPPwx2BHxaEdVhQ1jyOPAqp/n+fOI8\nt+yXCa1xiJa09ZYPa0JDTm8SVeJsZjGxTOOUcjl97R7JIOyC0nXxe7a5cqQc\no+fn\r\n=qC1i\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.8943b991f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.8943b991f.0_1616531332759_0.6396359473743103","host":"s3://npm-registry-packages"}},"11.0.0-canary.3955d8d3d.0":{"name":"@material/rtl","version":"11.0.0-canary.3955d8d3d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bb1f6d574f12d74aa55de7d8a3af6859357d5cd1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.3955d8d3d.0.tgz","fileCount":14,"integrity":"sha512-wW6mjPMSzWgsHdPySBhFwDFwkc+TdX2ZmXXWfTYlqOciC6AVMlgjE6X9RA0I5zZwN9Onz9pMycHsikKShOidTA==","signatures":[{"sig":"MEQCIAtpvbECaYJovzbvdposaNCI5X+bnxJbRjNRxiLimomPAiBt09QOpjk7tMTl/saCbgmnOwt0DHI1YFKPrvIh/9yw3Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgW4/YCRA9TVsSAnZWagAA+8EP/0ym5jfVSpG2OBNkviGA\nEBRrNv1xopUaDlNnDddbeJ8lgMcOjIde9ccUe9Dy3MTc2rdmgFaSGbG1YbAO\nl0RpojK5hhfAO190ehDspiezSPIQkcfZJDkrNeFYvcm0vWxJpaQz50+3WgNP\nzjrERsig2Rd+1hZc1/nUA2SHPm5GihIKdodcW2LYKwooKVt0Zsma7hvl0L80\nofkjzqCtZaNNjXIcZYWvlOBAk/97N3LEIxC5JumRO9Fcukusb5M1xHm79i3I\nX1fNmT6cVEocxUHLM+VtoZWtbx94quXIQEZXVvfaNiCHKVG/myzQtu3ORAMB\nwYFwAydF3J3CwchhmzlGI0C9xFobAJ7C4xu8ZmZNMLH0pUX7KIS/pr4V/s24\nWYxbx2w4nCUxzNRVwjzyQTuhRPlAZ9F8Y2Ej8Dpii+cSjrn3Ed4uXbn68CJT\nNyPP2CcEyfelwk1UttGVxqv6Z75BneciZfX7lDUTbz+isZD4S9lqn3rBOfjG\ngQbh5zJ/uC1vzyqrAXOwhQ6lNQLz6tCX2MULtlBe7NRkKo0xED0ODQhMm+Gg\nijhrzNX+VrsAuJnATJ78kgk0TvJH3uuCcJ3d7LmPH7ZUoQ0jasew0JqB7Eio\nwnHwLJFgZzOIQA11d/h6lOAxscZ0qm0a3NZFgEXLg7NsQcUbQVt5vquSWeAs\ntMOq\r\n=6rFY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.3955d8d3d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.3955d8d3d.0_1616613335853_0.016646974570332818","host":"s3://npm-registry-packages"}},"11.0.0-canary.23ea2d85e.0":{"name":"@material/rtl","version":"11.0.0-canary.23ea2d85e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"275ee2c3a5a9f00523358b6c11444b4604cb0fa8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.23ea2d85e.0.tgz","fileCount":14,"integrity":"sha512-1COgqjx5O/p4WddL8WSNRxkyeoZBnyjXNf3kOCS2CMYGyhFgjjMIPhpywI8NzS1WSKuvkXckCXLKwhhs1QqqKA==","signatures":[{"sig":"MEUCIDf8Pr4C0UHIxyOpdZBY5FshCc3GEWVk6lnh8ccD5I9gAiEAhRyPWxSyaNbFbONRkXCuJgPgzjQZ5QHkSeNoDLwCjlo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXMkECRA9TVsSAnZWagAA2ZUP/Am+pjJ3cl4thtj54e3z\njsQJddVPrMlu/4WA2G6UzYzAZoPDGCnMHs/DKCnf996Oms57jX2LSw70xZ6/\nqKhxjspVVhThBjGeGbqaoUH962Xoqqubtkvz/ALT7zC51Hjw+7MOLu4yJFG8\nj67ZrU79NcWkeQGWjRVaFs9rdGD19oRRPRYDeLYxDcXwdUARVUcZE7jg1KI4\nY/ekX031O/KZOeXJ9XMfLH/s/HyVXZOFF5E/0sw8UQ/q6Bscx2nmHUzYaXcL\njeurTlNCVYgxeY4LMYZ74K3gLORVnA+yOTQATR84xwoEvEzQpLHGoxnJms9K\niCzpUecQ9yrNsYuYUo2YxRM3Z9KcbA51M6YELxJZcJbR4KgSPlnNGvdRkLEM\n6tVEdpvd6JOCsknv3hKICvE7nbhjhteFwvdv9GZtgLcHYTfqH4ks7hzj6o+M\nuMB8Yx7UsNX8JAwsjbJ5lcyF+DyzcuaTvOOdTlNRV0lPdhMm3tZdDGefa/05\nXV5VzAIXjfXrQNPOxhshPKlvxl0YzBfrVhFxF3cgXcqKdWYsk6+rHVLcFZwG\nTKwFvcTYaTDTQUoEVCndg0ha0pFIdBxM6RW1PhKU83l+6GSI6VK+Gzc2rWpI\na9YsPE/q5K7S7Oc7nf1bkF4borvSxNvdYpQ/V9ONT9B1zEiKV/bMylhzBlwB\nVwj1\r\n=67RF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.23ea2d85e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.23ea2d85e.0_1616693508118_0.9419654841032921","host":"s3://npm-registry-packages"}},"11.0.0-canary.e3ec22f45.0":{"name":"@material/rtl","version":"11.0.0-canary.e3ec22f45.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a5ebedc3aaf6cc9adb0fa9634016738e36a9a927","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.e3ec22f45.0.tgz","fileCount":14,"integrity":"sha512-2JiWCcgzy1LjCGggA79v/mXKii8legVKzSfhl6zmWCEFGk0gwXgrXmG2y13bAJ0ZjhZ7luSNGBb2uLCfH0fxDw==","signatures":[{"sig":"MEUCIDKmItYBGW6CGkfSmoF+mxHcACKDL+AZWRcwSLc2j4jTAiEAhBnWQY73pNxDLsGshVctBD/oWWuZ1TXIFTGLNr9YGHA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXM6BCRA9TVsSAnZWagAAJFoP/1e2Z8B8IUHv//vq1pbC\ni4hXn4xCXjiJQTEed+VZGCcTXr3fGZCD5OFvjTfCTPPGvFLPSB8TWrHnNBOP\nUW9jA60b1RZ7F/kHB/7JHA83UNDnNKRgrr7si8VqCqh/iJ1ZMlZ6jtb3aZXn\npNj9Ied5b36+z2BV3MknMRHvPboypymszUZD4m1GIgCFnUdTiuYe74Vt67p/\n0K21SWB5oofT7XgQ+766wZABAH+R/It3iOJ6RoCIjd2dGjJi1xYiS9STn9Fl\nSAB9IqUgP1DJyN2MYaBGaWAYtiA1q+oqH2tl1frwVXUANSRzmz9xV5eIrFNC\no22Sg6xKLT5W4auF2KpKdYMBJ0iK1bOD4TwEYM08hQtZ0fcJ8rQ500YUJtLP\nHYiIfxHAC7PkLfkysZDG14niXVXAr7jKPAd+nlilpPwg+OMeEAhMSC1Ayg63\nK8Md4hKuoWoYn389tcOUoFiObbqJEPfqwagDSuuKTTAsJsl8LohTPeKA5AR6\nwvuUPkvXdXSLuWYhiyR1cTYp5o+2E3nUNSnTn4ZwMwWOyG4naHYGmZ8w0q5c\ncLfiwJtYSHuc5Wwek0g0XY6QIjk3DwkuXjogpB4WzyNNMWDgRWY0cgJrmOLW\ns0R6JqkH4t941bUWwT9wXZ+o5ekv4H/+Elm7uiGJ+MwIlyRaVJwMBsvVPEKz\nOgZh\r\n=L5vV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.e3ec22f45.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.e3ec22f45.0_1616694913043_0.4925549134676759","host":"s3://npm-registry-packages"}},"11.0.0-canary.4ceb42220.0":{"name":"@material/rtl","version":"11.0.0-canary.4ceb42220.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d669b149526a81f6e8d37e3eeb33bd7845d56c82","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.4ceb42220.0.tgz","fileCount":14,"integrity":"sha512-QdVBkLHlaRYUMTdPTZajXv4eM3zbmaONaLCm/twzJJzXkYKcvkIcX53CHYOV8ePvEH/9XtQ7fd1K4etpw0w/9Q==","signatures":[{"sig":"MEUCIGbgPRXzDexoQZFFjCH+8w9gQPj1FDUOXuePvP9+tlUeAiEAz2Bz5tXOEP00qyyB/oahH7ZeWF999G3SZiC+cX7AXDU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXZO+CRA9TVsSAnZWagAAfNkP/0zQdFh0mteJp0eyPT8B\nGiAm0tfp6ptnG/RG0OKhN1XrN70f1JmVqp5Aw74xefAbD2NFqDoKCg2u040x\nhTGsu8BgYZUmlZOLjrvDby5DvshNO/pjDfv6KdTtlCm3xcJI9WN6uQmUD7Bh\ndGQLNvYkcnmwIPtRhZBLzPuh6QAiVcIXoWKJ13PGXlhOiMtG8R3b1w9pX4Lq\nZ71Rq8xnhaeZsScMeknPvMItdGIY8bmToZyjpe/S5YubvSIWKyOsUroEJUQx\nZDPwP3L3ahBM30PcAv0FIaG0/HkYg8w4/0iG56iXOz83rBIdCoQe2SddSWeY\ng2JucBPLfSgNyvfLBSWEB00khPIB4PXeuaDsbIv5ajHxR/ERR4zc8ERvIfZ4\ngX9+91LuQHN7J7/pmxyj1LOqbTH1Elo4tCb9rQYQgdl9Nwf8LeM2PrQMcAzj\nVBWuyrcvk1X6jwIfSPAg+MZ6OqaAkFTWduNCvyEsikMpHoQQcEutfd7931Fk\nJ2owiCdrWTEQfoiufGuZq1CF2hSiSV+JgpNBsmhJQhk1yTB1+rde+TTLfRGq\nG+XfLtBCZMtP3Zzz0ATCgEZ8l9yZqULd9GiaC0lqtAK7Kg/NzK2Zi5itC80W\n0sb5VS/wdHXLe1T/bZhtUeqbWcR4oNw4IIz4fzGOS13Czb6cJ92vcIgT5hNC\nwsKl\r\n=JINq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.4ceb42220.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.4ceb42220.0_1616745405566_0.8473602353162644","host":"s3://npm-registry-packages"}},"11.0.0-canary.dc9c84023.0":{"name":"@material/rtl","version":"11.0.0-canary.dc9c84023.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7457cd29defffc859187d479d36350784a4683ca","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.dc9c84023.0.tgz","fileCount":14,"integrity":"sha512-6O2DFeyKW1KwYqCvvb+sc/xOOF84XpkqOA91JMRoBD3qv3jM2942dzjYtUskZUcu3W5rVvsp5xEO4yc5tisu2A==","signatures":[{"sig":"MEQCIFH5udpyrjQyS5hQJ6awp/NrUc2V9puB1G0RiXxszsObAiAgJv7VHBvXX7Be5g2ccVVhpApRFwukHdRdbDNB5D74Wg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgY2RNCRA9TVsSAnZWagAAVxUQAIhZMK6xFb8yYyuWdhbJ\nJD7YFy/9FSW3gyLpSeFjRzSYH2eul5t0s2/O2/jBnIGtSFB4/ImmlQe4HMUN\nhEbStHJCCg/K1yNCCaFXng4Xd+Urefb1BH3y/MHi2fS0DKNoU3UUNiu/ngjp\nfGQNJimC4ky4cHh4Su7FFb5jqRCxyi9PdMcnt9iBLRBHHiiuJ+9LZJQLrJjg\nJr7iZbV2hGo8dLo4mstJFgPtJfrKl356R6ZZSgfscv8w8zyOUKeYwyfneE+Q\n+FXp7CbIjSPRbVHbNRX9j2/6s8kSNmrdleq/psJMqTLQRkYKJFr3oTV5IOBt\nJZ5IE7oOa2KgVxcYwsZYVfnPt4E+bDaqf1diSP5HF66lfglLwqha/wkWwdpr\nOtZtv4CKtY0/oeixf8dYDt99omZgP2C4g1q97nCSfzqRxeBTamU0GBQP/uDO\nk4IWlOAZnu3tvBfZT+DMU0H2wQSbe+F/6PKm0071Nfe38+V4FYNSKCgJa4zg\n3iESIclzUFcqiAMziVKJQu1kAeT+WdMyNmju1mYK6QbXLmqaqFwDn7uTPV+S\nVKxg5nvFBPmyhtZDhYRnhgc28LBHTmc4b1gaYM5b3iJmpss7BdQUXFvjk7z/\n0KAMUQjJpyDcEo5aJYZ6xcce9cMxZxeGACXifmlbBQAYSSb4phYcUYD1fj0z\nLGb6\r\n=qCSp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.dc9c84023.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.dc9c84023.0_1617126477299_0.04163066807715676","host":"s3://npm-registry-packages"}},"11.0.0-canary.56fc26962.0":{"name":"@material/rtl","version":"11.0.0-canary.56fc26962.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0974401872ebd79a0b2135b50607d64f808f155e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.56fc26962.0.tgz","fileCount":14,"integrity":"sha512-jTBNnzMrE+8zwlddtUDwvoQKG1KzogGDLMnZYRiv3oL2BPDepF90cSJGB/w10eJ1KAsVN23vdlkINecX1CxdPg==","signatures":[{"sig":"MEQCIGeD4J4ambfOWeeJsw4R4RkJtYJNd4VdlNYD3EKLa6dKAiA0Jd6f579BrHovod5+s/WKV3+TOB5Tm9OYnyvPbKW6AA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgY8A/CRA9TVsSAnZWagAAvLIP/0DTMqR+vyE54RWiOtD/\n+UXDq2F/vywyKZJRfWhz6tOxNJRfu9+c6tCb9yVgJTohqv2srONS22xOOy9a\nI2Rlb1vJER9ZnuT8IrhauV6z6WGLuPa6AIf+bw4jy3sE/akazwOCZNHGADAP\nI7xYc7eGh3NJ0vvb3jG21HxlZJFGPqfKyn5H+wRQujdiGbXkAu4tbxkN+mu/\nnhzA+Di+35f7CKSvjJYNcU9xINE7CPwdxeAToQ/EewnonqV62UGTVu9gQ7Uc\nrSnbZpkaYDhnSmWb3egxbyJFsBT278TWpGcUHM3wbeR0I1p8ook5dUcv1wc8\niFCl/lny3e+TgzPBDzM0mWvuRFEa+5N+uwkoZgXUbZK+OHZRZmnsA44MY3TI\nosCMi6SVUWbYzzd45D/WuEdzoyh6xQiQ+t09YY/Y9Y/qf8DKNx/yG9dETh9z\nc1ZXvZEOxrgY1zUB81X3hpyJ69B7B+lFSGnMCNxaId/i4miro/fBm6JsIqCS\n7pIKUAsfaFxL8AcaGnstntRC4gd5BPweScWMU1RMDNSC10woxvTjYzo6JJJ7\ngk7Ka8ZNDrIIogNk2OZoVNKs1pe/JSr8w4R0DEVDisSZGe34eqCbeoxknMVR\nmnnKqBNHvA4UhfTtJSlSLANDAudaC4XzRXzCSofO7VU5QjeWlHe6BU9dBwwu\n+pN+\r\n=X+TH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.56fc26962.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.56fc26962.0_1617150015512_0.4951239049653462","host":"s3://npm-registry-packages"}},"11.0.0-canary.bc318250e.0":{"name":"@material/rtl","version":"11.0.0-canary.bc318250e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6f2f01204aa739d620e7522a292d7fc8fdd2681b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.bc318250e.0.tgz","fileCount":14,"integrity":"sha512-UdHLWTTIN5a1TN6UkmKI81TFBsLHAi72ohMzAdzOMh7TiSApTOdf5GGdoqQLi6fadD5J8sjEyC11Dn5gwkS7Bw==","signatures":[{"sig":"MEQCIDjCeD6BF2MW12HymqgYIIODsyr8mcCV9ns98fxDY51JAiBzKmCkhwjr4iu7YiBrsdAPeN6UWHiBrM7KPxag9cIJaA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgY9FUCRA9TVsSAnZWagAAV+cQAIJS3AxLPA5cMkcZhn5V\nMEaEfIc4yP5LU6WExvivZJ5sb2egCWj9/PhzOncJYGhAvaorZYZc/MqMW8a9\n6HW5zHWs5LYorQbKnu01uqYCys9oo/c1IzkGCu+iauBsR45oj24d8oi+W07b\nf4d0Af1awPSgW8vyBf1pOWxLio/dVd+iE7i+YjJkiPBcazlcdkmSxxC3X89m\np3rUr/rf53+eFEz5KSssgjuPK20Drk+bpoSrktWCd4NAQZdOsb0GsCrOvVYb\nuT7MiF1ANhUmHQF/9NqxZ0aMWemvwykuW6d49z6nFtvOtjn9jvNuHaRmGPzc\nf8k77rBhrzF1BvowEvZjLgNXDLGyjcwYikVV6FIwVaemALWqLAb7fX/SGG4N\nC0PCOasvvlT2C3KsMoSkYt1XcWoHnR1U7hsFrs4pfGSNHck2QyTaX7qm+tMN\nQxvdjYGelw0EaNed4fwrgt9HRro2BPfVgHCODrHO9vPj30l/MYukxrLpWJGi\nM/zU0UIWB/PsXUj4YDmafky/eDQV7bGlrRZnHy9RDR8DitvN5wSvCLpgK6+E\n4s4YeSAIUMYjt428Aa2JNj/uOgcQVKKrc0ZSjfuZWD2l+U/eD5fblXlgzK9s\nLbcX0wp8a/dru6Gy/ucqDAIYPpCvX0w/Tn4zAQgMC0asnWW3CpPLrKriBtw8\nzX0T\r\n=r8xQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.bc318250e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.bc318250e.0_1617154388034_0.22418579202882327","host":"s3://npm-registry-packages"}},"11.0.0-canary.edaee19aa.0":{"name":"@material/rtl","version":"11.0.0-canary.edaee19aa.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7ec32d8cba6d3a39605d9a8d6bb2d7755ff507ca","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.edaee19aa.0.tgz","fileCount":14,"integrity":"sha512-HyT6k7CFA0yMEB2f941KBuaYlVRqyClUFcPstn1A8MOXqvzZDCefd92XuLlKAXU4UiA6elEF8wM2NPEHd7bcUQ==","signatures":[{"sig":"MEYCIQCPRHVW1gJ7ckO2NgWL+u30Pogi+kWhHtZFUBgoK8uhdwIhAN9kQ+sD/Co3M3VYVB8saGITEIwxVO+JXATCb8IzrvI8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgY9o2CRA9TVsSAnZWagAA1GUQAKGyHzuRBLOJsDzleuaq\n6nnUnmApMnmpkduyOFrmbWep+GdW/ulsJRsB+bX5a12SvZg6WWk6Je6X/oS9\n6z6nFsJ1ER5QE29EDrYOD0aNhIyFcSnNULkr5u6lnsuXG2TWNAJaPQXxo5rM\ngrj0DKHDhC+681pAf1a67DmUq968XQhtFYDKJgE8DwsdixE49YDynGvr8Xj0\n1e+Rfixngdpi7E49XioCkYQhsS1St6QeLAVvBLSZsfev4fK8rh8zbeuczkuw\nLoanglL0DKr6m8k0HICDnzb8Vwd3ZqQbVMhK9aSP52p/pnNI8odIFuDPDDY8\nbwZ7q5C5oDzQdNUj57f9r3yVv4kz8Twb8j2+KeHHn3uZ3lKzg0dpk+pVwRB8\nvIqSwOODsD4l/w7tnB+OpC2DjuNv/Z6SHpgBZR5l1D47aF1JBTmCgqLo6Ott\nR/BNIQzZcU858VpH+lPdLKCGDsu2bgaaluKXiahSJ2YuhLEWioLw0VoplkAq\nsSTaA88RnNtDznqQQ0X7r4GD4cZiW+MeJERYbpKvRMDQZwrtoVJRJaDSw5Gy\nvwPMGS9ItReO6QQ06QCEgCw2F1MyFn4bkdzkxneRZler0VfMFe9UvJDbFKNU\nQ2CxZffWXDLet3dVz5KnO78+1LtC1SfOKIptjsBg40aTlN4l31mSc9BRNf/5\n0Jqg\r\n=Rx/i\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.edaee19aa.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.edaee19aa.0_1617156662381_0.15108863364870895","host":"s3://npm-registry-packages"}},"11.0.0-canary.24609b822.0":{"name":"@material/rtl","version":"11.0.0-canary.24609b822.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c67e8e9b3645d4c2fcbb501b6d2be885cd2998f3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.24609b822.0.tgz","fileCount":14,"integrity":"sha512-hVNdSrX8vv4RXDg04fqAm5JKyjQIHqsDhX60+066l6IhYzwl/8l8Ad1nrrCwny69C8dPauiZI+usKrri+mSSww==","signatures":[{"sig":"MEYCIQCw6lmfKzlvgv7FJA7QsLUHd6IRB1DxHUXf+oTMt4bhwgIhALl/IU/+dnkroErCmm+fQ0Faa9Y8y0F3Kqs4FOQhmwsD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZOIBCRA9TVsSAnZWagAAU7wQAIZO21iSj/DClVcBTNx8\nvTu8JufWf+BpoAfxk3B9bJeDIBtNefX8vp91/uhWrlR45cQ3Ch0xH0r2bHxF\nOcBrHZJEvs54cCcivDL6dp7YoYlwBzqafSL05BcOct5t+tr2f+5ynTJv/Y3L\nfIBr250APPLB02ps7xVKyqauRTg/zHUu5HeGm0NAjrzcmv1PNC9M35qrMgAv\nSvfwbxEp9iwxLFjw+DOOWu56SBNpTGCTHMt8ZAMRdxm3f6aKCdrRMOsogIRa\n4PjRN1EeANEZ+4e4H2jR9xBvg2oKa9EEjVwcpS7OJy80UlnIMMWoinCzXjr/\nGwW28utkIliXUTge5YvDFz33aBTcakcYbWdVM1y+P3ym4m4zq6zNdgHUHL7q\nnM5Yx6qAk964Zdga66J0YFmEy0RYpVIcM4HlcLn+7CFVzcI+dCJmXUT8s+l5\nIpC8QZ/PPEsZb6WWavCze4AJ0bAZTLaSY53r+lGFGpfDtFJW/rVIL79vnIeP\nw46Wb0srKMV8aYLtYB3PeESSLqtj51Dt1NnW7eaajDCZTD08+ShbPbJtmhvC\nKUg8x4ZFc0r9eLSmLEe3nbAmza6yf9mMHQyv9yB8Ac3TX8rRxIFKjny6rt8s\nwzeEjt6vSpEeTpDZCavzHNRn/doCPsRCg1tvgib38BMlkCp+8j6W/zZzO0di\ndv5g\r\n=U0tE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.24609b822.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.24609b822.0_1617224192663_0.3962740471555932","host":"s3://npm-registry-packages"}},"11.0.0-canary.b6cddc2b7.0":{"name":"@material/rtl","version":"11.0.0-canary.b6cddc2b7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cb2a597aef840bcf57986df9be5d17a5ffbe86a0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.b6cddc2b7.0.tgz","fileCount":14,"integrity":"sha512-736MrlrDZBmCz596MYYwEgoiPOsPKhZG0quYaZjx5cP0/8IpTufGiVQNHHvnAaPSUL4Zp7m/ZMxYvf5Hla18aA==","signatures":[{"sig":"MEYCIQDuZZ5NHKFL2YEz5ayYSrGlTX5Utexul20QjpHLg3CajwIhAJbdGCnDUYZ+iuUKQqRc7SNMgWlmDEvT3mcHi6E9F2Uf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZeD5CRA9TVsSAnZWagAAQQgP/0wu+O9rR+JKKKDAW58M\n6jyCzciNG9d5dZi54wm27f1Q20tVBORnrNkyHERtAH9Zv2xANTj/l8ebsqUp\n8g+9dFOUgLA7hwS2yhUJ8HmNVC3ZoU+Qym5e7yOQyAg0mMyvHFEV+lMytO2O\nXtboN59KYfHd7DosTFFF5Am04O8xYjjRj9/PIq68ktrYR5ObXh/UXUmmTnqx\nvveAI2qYEwOC+wgz06PaaDclZrFVP/X80BzIGitt75TUzkw9FJt9Bu55Mo5u\ntYbGgmgJtvKA3/vBS/XjtLL7ujqclJJL9u3p7L/SZO8f5r5pJkGNGkp75L+j\neFT3UvTN6z0WtcmJ3XOiuc7uRxJMIhd3f2Do6jrg5INnn6R80gyIr+xQVVQq\n7gobHsb4JcvYSW6WVG/2F2pnCZtLtczWuTT5AmZcFNE2sgAqVrbP4D1rgInc\nQ1Fa2x+ZrOjLgJY7if9aSDGDj3TG5A+QP/aj/QmKi3K1ipPSsYsRJes3JeYe\nCZ82DeW2FHndshir1pkg0XjKgSq9qghRBt4I2QITqbtEuDHB1DW2ys9QoGx2\n9oQJhgJ8c9lBfGzkM5JD9EqJhr6Y5uviUoezgEKmVxHlXekxTHp0mL93KTKV\nbSPK7Wk80MBKAmg/uJSo+yudZKeRedBbCD1P2MYtZMqzDgIWKAeNgBTClBR+\naRp/\r\n=oPwF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.b6cddc2b7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.b6cddc2b7.0_1617289464793_0.27882349001741025","host":"s3://npm-registry-packages"}},"11.0.0-canary.94937c78c.0":{"name":"@material/rtl","version":"11.0.0-canary.94937c78c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c9f98619649e40b88e68bc79fb46ecaf03792d88","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.94937c78c.0.tgz","fileCount":14,"integrity":"sha512-TN60Jq6yRwyHDQeRf3Vek7+I0v+WZqsZJcIUFgWwdl3jQMOQ5YRX0sVz8olQM2OoARlZuAtRcryNlhsTCuVYAw==","signatures":[{"sig":"MEYCIQC+9toHcbaGQ1P+esSJqzTfZbi+siogp6aDEqJpoCLOYwIhAO+2e06SnS0BcndMm4bT5vAA0RFZdQBq17lthMe0fqQA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZjRdCRA9TVsSAnZWagAAcUwP/RzozrRk4jfI3TxgPTV7\nD0IVgSFxf1e8fN/m5reMOP6i2rVuKxwWal2XjBTkbzu/yU1DED5UQzC8cFb1\nAfALZAtSAN+1sr/102lQ3TGT0OF9QDwguWZeGicg/mOqG1eQYTpbX44T5TFO\nX4jMBOTiEko8pv3yVclH/SRb7shCGj4Mnl08G6anw0ZvQ8gfIlK5NqHeS3aF\nkNlJQnmAbJZ6qmXX2JzqHF2Sjnov7/1fQX/XsDReoUdaQFEmfSy39UBmOPnT\nYyIBGkYQ//wQ+l4DMF8ACLTE0VPHkOD5qu5Dx/o/aY85yFM1KTGqQGNP7nEU\nKbdYpkiEbCe0iZa+R/kmjWRNLgp3JdB7IpwdTsPlbk99N7pd9xeF91AJDcjH\nLWU7oO3MOmJKKeVsFnW0afiX5BJWYgrjOv95fxIki6ZK1EhJM2TToIINhrvX\nd+qAILV+8rmKi8SiZfg2uqJeD6v3ITuYW6F3R3ITWjICR1WN6afiyAiE85k8\nUQYOkW9v6GHojxToENKSJlWKPKs4LrBC5FBSDXlsvVHsTRgLUch74ixFAb85\nc8+/QLcSvf6OgLtapD50AV6pN+n3BF71CBCXQTc7tofnlkTX67icJNTm2cEz\nfvXJ1TQ87IdKpREoCSFVUBNepKO0kxJXUkCDNCAoS55zA+86fjQ1sZry1jjC\n3Phr\r\n=QSFP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.94937c78c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.94937c78c.0_1617310812907_0.26505325074673247","host":"s3://npm-registry-packages"}},"11.0.0-canary.e7202cb57.0":{"name":"@material/rtl","version":"11.0.0-canary.e7202cb57.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e62e7c5074bdf0d4f9bfaa222b2e1d7cc95582eb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.e7202cb57.0.tgz","fileCount":14,"integrity":"sha512-Om2NlHRCDHQ9Gc3/vuCY2eb3FPmZ+U8pK3xsp2qIlD1XKdxp1vUhJ129psEgY8tmjh5Df0klPjA/aARDNGa7vg==","signatures":[{"sig":"MEQCICbfH0xRh3byhG+W0+/Zx5OY9s79NFmjAUh66cfU0zw3AiBD1mmbjOU+vekKNQnzNb1XYzpUlA7TszNA617irPDzow==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZk1XCRA9TVsSAnZWagAAbBcP/1X/mGFKqeotWW1wn6qu\nkHvRKu7JrjrXQlqpstLwiCkpiyqTeV22P+Rr/qSlBfqxoN6xVfGtoXFR1vyV\n5B6vwyDa1RjX+WbDPuVVrs3QB4JYt8V6MHvNMojAsgIDPe0zRZ8W1m6rSpHO\nAKzlVl1y2o3Zy4htAbqX4e1sT/SB79xNa5Hm8yWjl1IdN4W4nStl75f1DUcq\na8x6mMjJ2GO51zqNN+E1xHiu/vMx+tyxVwg5WRORiSzm9o7oFp2j7TzzDAVy\nfF4oKnye8VVJrhoerLa/Pcijn0t7TjGa1B9Gj2gjCSPKWRhQqFYj2g5cW7Rd\nb5SGfJNMYctbDkkKPWS0ZMbFucZoAq+NfuXYufNj5Pf32TcCEZ4gd7/lA/Qc\nMdjfaub0TRbP/fpzx5QWA5uYXWLmjdURnCWRfr3D2YoZlYjcuc/Tvj4wrf/7\nD+WuEGX6CRV8HwvA3s8R3YZ3kEzCmNK5FJKmtop5AVnGNeaD+Rh47ZmufDuX\nJ8Q9gFUjzjsBqg1bsFknWJW9ANMnRwi8BzOwMtuVMvAui3PJVPHe27zeQ4mc\nQrirbg2GaysoJoX9ZwZf+Rw7edXSRE0FriWQXXxlhPcTAvdO5K4IoutYETdt\nLY202j+VphwW4ITlwd3ONjqxu2axkFLEthLFT0XubYuaIHsZ3owTsnpAUjaS\ndvxf\r\n=8pow\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.e7202cb57.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.e7202cb57.0_1617317207316_0.3505543466588976","host":"s3://npm-registry-packages"}},"11.0.0-canary.1f636b205.0":{"name":"@material/rtl","version":"11.0.0-canary.1f636b205.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"663a571879425a69dcbd62d4d7bdc0ee6ccf185a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.1f636b205.0.tgz","fileCount":14,"integrity":"sha512-WbKhpE7dJ/R3/0uSO0le81bar4EApmt/8Ji/7wz4q4czjv/QpFEDKMmhD6a2JDs6+6U1cG+2L2s7Qb4C46VArg==","signatures":[{"sig":"MEUCIQD9Q7e/sI4jMh0lGSuVT45yfPpXUO5FzI3BqXph5tmtkgIgYWySfsMeSeQBN7qo34lg6cOLkyYDfZhjXxD12K9XSAU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZ5lbCRA9TVsSAnZWagAAZ1cP/2Y/LoAcJPIq8nxyWuQR\naCJuUJHwG1PSBpIzoN3dwBw9bkMpMErtwQdiFOR6ncvRu6+ayU3JW0GKXOFe\nw7khFx4T5T4swniPT7Yzxv08K13Zxp1nXKW44W/feMoQfPWIZLOeO32s+g3f\nGiLax70M2ibUmzCZWE6E6cfo8gPrcQzsD02HDMM5KnA5VW5/O2x4J/Qefbfz\nUH4nk5x/eAS/ePWy651k4OWGrk5CNWq9S60Aw0sxn5RklG+u7vKXinvc5Ur0\nwafeWdXNmn5IK2b2lLGaUd9xDi/X6+WACMxMlGpDGx0HacvTazF6U0SxVDgX\n7X5nBAwzF0lgxvF2RtA9rxk3J0LITZ/VALaybu0hkjBIpbWKAMhfkSeoclzn\nuUNNVohhamw3ygX28C22IAD67Inwsuaj/RDrCeMTn2x/b6IWhnIcW/U97Ze+\nOYeH8K224cb546Cc5oyrV8xCj6gnIBD7MwiQZk/ljMaRvku+/tVpDOuGPFlf\nVpXcmysAqCEUEYTyp/Y3ai3qCHhoRujTtZRFlOXMsh38U4e7RCZVbVmNm1+B\n8bA/fKe5cDBx7MRzUCsIYSXOu+/bS0ut2o0vJtRQ+lK94ptKeKvO3Feuiq5s\nD3pxCyHLdQbzuVm4/nfE21hXweDX7BK7H/N3dktUMj5ZMJyTtRWFNdPuiszu\n5mbf\r\n=CgFC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.1f636b205.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.1f636b205.0_1617402202951_0.040514771079461775","host":"s3://npm-registry-packages"}},"11.0.0-canary.94f50b260.0":{"name":"@material/rtl","version":"11.0.0-canary.94f50b260.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"41057631f402222066e73f9f1ed437407f530632","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.94f50b260.0.tgz","fileCount":14,"integrity":"sha512-byOGcqegmFpYtNzZkOBKP4av1mYOfzt5PkZzol8Ikq9LD6CVsuklJgSBrnrbhF89ogenPDSufvn7+YDxzaqSUw==","signatures":[{"sig":"MEYCIQCnstqiMg4ej3IrZlbGJw42EEn/FQz6b4060zJ7NvDBoAIhAJHBpYEVvzm/K+0EQf6fMj626ymEtdLrorNe5ul+h8pU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgayb7CRA9TVsSAnZWagAAKy8P/2pLSYM9C/OlZqlnjJ7r\nqMr+hWJKjI0JR38YP2iVG/8DumS7ZwzTgkgF0fIfK+LuGrzBmL0tH5XL9zD4\no6QwRQibexm5Rmm6ehUK4OMnXcn9JDEnlSqoFrYRi918CAX50gMtjm59fP2o\nKAuu5X4iOWe0KLn7vbxeEOeKXPZZyA+NPUCDFHNYzBEFG5AKTkokAQlhWsRL\nAX+0RI3czKw7w7mYHRQy76Nj1deUbDv3J0nnZk3ruAeTZ5XePMeURx+S01mR\nhPP8x8ip2iqxENpw1nIJI/t4GhXbX2lx/nSj0tjOWYXOm5C9k7LuPlmMHrC5\nQlJkop59dSikuOENZc9nIV/kn3iEGNshqAl/eJuzSebFZnAq/nzZ7rOQWkwN\nHKFuYTr//ikyhlhXrYAhBBl23jhKBczCjg8jayYgTy1HespCsC4dncSAXO/6\n5VOTYEuuZyBOimiNBZusRXIFTOXvJ/mTuz3EXflER3AJyjaL186eLHg9dYIE\nN3ifR/RuzkpeW91JBPlC5o/yYca5PpUcDoPfVTB0bDzGB0Wrg5/y79AZ/4jd\n8W8MEaLrH+Wx1mCeZkdvXEFNL+B75yLpeew00t0c4/KBsG7wkLFv8e9nJNFn\n0GGLZKsF2UVRlWon0rBtCGwNGGOG0D69S/hxlUnvDHp1/fc9tyV4wbW6iWaE\nOnLT\r\n=0D/F\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.94f50b260.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.94f50b260.0_1617635066571_0.6238948825122332","host":"s3://npm-registry-packages"}},"11.0.0-canary.a4009b80a.0":{"name":"@material/rtl","version":"11.0.0-canary.a4009b80a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2b9745dbb04355de114a71b27556ef0adaeab7d0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.a4009b80a.0.tgz","fileCount":14,"integrity":"sha512-s+6A8u4+0nbvVbxQcTObm1yZucTGVfMSJTi6xsiEZMk2JOwb01K0mI3USZbKvmMkdjuez2Bwt407aEZ5CWcewg==","signatures":[{"sig":"MEQCIDkW+viYynKsSiYRgPMf07rlSxJF3X72jXihgQFR7kYNAiAVz2c5bRSH86PnhD0oi+O6bgQo8Ws20cEpJnVc1p4AMQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJga4hbCRA9TVsSAnZWagAAHy4P/1OBhIzEgHenBr5NFnQf\n+xHgPJXyJGH+XAKJLQRk4PD1S7DzkcThzOGD6PWsHF7qj0fNE1SFccNinLaA\n30saDjWT00gPFnUtEoquqEvA8ioS4rCgPfLjAueUx935d9E3IkiGW3czGrgg\nDaCqwq1gcv0kexiakd2zdT5qWhZQnBrCz9i8tJwpX1kpc5y8BjlsGgYQwBkt\nNhlhAbkJA802O+Sv8Yc5SPzNT1bdO3HIsEkMssQkcud9zJz+ApLEff4PzxDj\nRUUqbr4RF25Hkh+LA1PVgeGIvIFDDgJWPTJmt4cupoWG5lvEakpiIZt4Hu6W\n6HFGi2ltM7pkGr6Of8F8BoQZ3jpEjOs98q7s/igX2wcKHHrKRmxkw+8H7TkN\nvHbRI2xiP7S25D2GNlgGgyoJDxOC7XUkF8OHJdzJy1z1RblARVifV5V5MgMS\nnPIPNXXAdmAagNbuO0sksV5cP90GqWqIwP58nJ9oJ2Wrvme+D3FnnQ8qlLSV\nIvBrAsb+eyeZr24lKSOrq/N9eVJFWqqBsdRBbEKxN0qK3OzPxmJFmryd1oTz\nHrejRGe0TyOP3koACqEyUKq5UeHDlRHIo//OXDl5KdnniKyiF/J1HtKkuhv2\n3c+ivUY0I/OPI+ffRC/2Hk85anIRyL2juPjegx5SvK5G1PDAPzvMMFj5oUWr\n71oZ\r\n=7Deb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.a4009b80a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.a4009b80a.0_1617659994579_0.9078875688855472","host":"s3://npm-registry-packages"}},"11.0.0-canary.15604bd0d.0":{"name":"@material/rtl","version":"11.0.0-canary.15604bd0d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2b4fe42a3384abcc6b32ffef15b781971d3e281b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.15604bd0d.0.tgz","fileCount":14,"integrity":"sha512-b8EujPF2t8Ski0EIpjM9V2XfhQEeUYIr13I2A+7p8YRRRTwyXA41Lj3MLIO40JAxg6MQqLJZbBrCaLzmo4odEQ==","signatures":[{"sig":"MEUCIQCc8y0HA0UZIC1Ti3w+MBCDcymrTWJjh6X/zKWuxnuV7gIgBIXM7oZy3RAcMvQ3lLdwqE5RKnTPP8uHc+UEl3MqNzc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJga5IlCRA9TVsSAnZWagAASewP/2af+QbdFidMagUgjvXc\nXlVuQdHDIu9FKoufvR0JGoDqcJGt9ma4GnniAkJfKzy2tPk5DMsj30mbHhEh\nOr7ykxMuw8WbxGyX3s/RjlcTZlFN26y3wbvqiWO0fvBK7Ob0hMagiABOALA4\nazIquuxYn2vT56xSREM3aY0z2PclMTS7auyNMoKgsFRrJfZ2RlOIUd997Tt3\nt2qORDe88ZQU+p1/cPG7vtL8jcZYfrsEFlvpD8nhyTfFVNM9bGfrBO6wtENM\nuJxUbKUvcOtTpkToT30oMMLWsdZ/XABjSMWMNiyfSo1sgs2Ey/HnbgUICrA9\no3PhUw+8/ZQWUGsDWvnz6vMpg0w2tgvG0wlMNkO43w5EcL+YDLi7qg8V3H+D\n893ht8sd6Nj5xC8Rz/EN25GeIPrnOjfHTc/EkHW4GCx/RqSWtj6LKvtd2IIV\nG2C8NFgTayVMlbk4C07DafQYQA28urpTcFXNF6fMmh92nBelPrkjb7HNSitS\nowfKoBc6vUmefxkZrgAUn4C49rFr/LOkfpTr/MPIEU2ABfFI8u1u83mD/rZG\nslZItG8ygm5idUEOY8/woSnrcRcc+RRi7zYc5ByQ81tcFkg61TODxd5RnOeK\nrf6ee1n1aQE7aLRS5jglkJv/u5uHlZxNjTwztdkCmiz2retqInwvHo67pzCY\nQg9j\r\n=fdkh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.15604bd0d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.15604bd0d.0_1617662501447_0.36902594077262174","host":"s3://npm-registry-packages"}},"11.0.0-canary.76da7876c.0":{"name":"@material/rtl","version":"11.0.0-canary.76da7876c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e41ef82c09a199f352be89d6e1eaac5ab1ebfb2f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.76da7876c.0.tgz","fileCount":14,"integrity":"sha512-ZxAlWjyjsmB+azU2YmNiJ+cgDp84Q8gbdfOQLQcdTHv+CcsW7nMfJy/rOlWEpH5Da9IEmxDegnDeO5LxvUR9rw==","signatures":[{"sig":"MEQCIEbiEzWWXiYfJ9ZyWyJrT9LubvPjqd00v9UvIEpIBUP5AiAYZRkxNEav3cAngtt4gEiV8FeuMWXmEQfwJVhCXZtWtw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbQ5gCRA9TVsSAnZWagAA7kIP/0C9HUHM37K7jDxpiL0G\n7lNFRxopsFDKR0jaCKNg+gIU2NhDyeAuKkAKiPoElPnVD+3yWQ38vS+4QX3A\nn1LsPeo5rnTVbVI6Af9qsL25qhx9I6mYrCZBKexo+RiJ4XrWOOg50HWrSsNL\nsUVG1iGx5ikdWjB+4PW7PIP12Q0++4h0VF6VEjFaKWfkNlu8XNvejr0AaYnI\nIdVvw76OoYP2eeKfGyU+oGowOGxs5c/O9v94xVXYh7NOfjaOuPWfoOGDuEfP\nofusYYEAavW5smvlY754wnQlaEaPmvSbu5ymtDvxkVRiNOdmr8TLp7SZua23\nO/V/E1UKkuvrb10qj/MGts3/kzfuPQ0HpILl5iO3XqPgkMW2Tuw+ECu5HOvk\nlXx+YdmQW6Irt51hSIaoOB46Wpv6dC/jv/OuTYQlXA4z2jiOYFT8ol97Oh3p\nGLkMw7M/+BwuWw+PaQXjQJME3vMt+RKs0KwUPx7pZjGXglQfWiD9zTcNvBpn\nypmQcA5hjYXSZVhyVfIRTUxObgwHYkUcT8pLCQzjcY+UkWbO8KsN81tw8qe8\niTQqqXeaKlU3z2EuZoiKc1INGNiqBIx9d0m1ySOSz+fn52urfCXAiAOV/PsW\nqRmdd2nSZKOfjr/RH7Q7AKZ4MPZ+dhU3Zmus/RF7iDOMMkRtZG/l/b6LJNuo\ntDLb\r\n=g0te\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.76da7876c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.76da7876c.0_1617759839949_0.3944353628759929","host":"s3://npm-registry-packages"}},"11.0.0-canary.6bcb6cbd2.0":{"name":"@material/rtl","version":"11.0.0-canary.6bcb6cbd2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0c2d1d969ceb3d0601571427d416507cc0c38bda","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.6bcb6cbd2.0.tgz","fileCount":14,"integrity":"sha512-EJ/uFKN1BtCPYVqUGKClPfbVvhgcJZcLBJA2bWnGek0U8KSPPoEVcdfNBByLkoSY/WXPw4ilaX+tKsFeyAspkg==","signatures":[{"sig":"MEYCIQCCQ+k5YjTzaO36K+JhAD/0UI1+oMJbbgJlYIJwmWBUDQIhANYTNb4K90kHVUcSJMdzFntmtSNmDMfdNtEkGLRWMM5D","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbf+iCRA9TVsSAnZWagAAw+oP/RvzSPvHSnYgPAo77iJ1\n55u35RJxHiT+MgX8ebtmg7/cRYyfYaIYpKya1/hJbHbTMxxlyVhnmD16qUrf\nx85hWhRUFoC6OznQU9mxToFW610hCGOEPiCxXF/QE5TML3tjbBFaImylDR/i\nGws8D/lsPAorvMZ0U7DDQw+NbWDcq9kriCbXaYt7IpZAT9NBxec3UW07ZWls\npOzmatcekrNw+QALVFyIk/IbJnNJl/E/Kn2mQEmSM+lZ10khsdnp8rOXLd4u\nyfKU6mzGOzaiAQPMenk1lzv3uPPoFBbcgn3DQGARK7x0+GUe7sX9r35e5HJ3\npsUYPbiVEfgALnAYj4USSowCIN7/oj84eDd1b5vVRGV2Qog8eWj2Vf00aIqg\nHda8DHBnnI2bB8KO6XAMt2xhOvovFWuJNdTw6dOs4TdA6LhhfM64Mh1Nd8Ax\nHk5SadI2QwYSYAItUHViChCW/B/St48GD+CHbm6DUojQCqUMEqN6rJ74IlkM\nDiCqNiRkcLsODrNMNl4U411tk1u41hzozCrVLLDFbZPFvQBnJnEayA2Ad5f0\nbyRa8myu/hiq5SU1MhPYAKcm2Oi3MPAOHYcot4HTZtCK7e/NWpT9JKQ9/l1z\nmuDzpGawfHPHbJVRa/UoMspLxvyHibE45KL+1/kUOlif4NgZWe5gqCTU+7ZW\nQzMF\r\n=Wugh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.6bcb6cbd2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.6bcb6cbd2.0_1617821601815_0.2917459994199947","host":"s3://npm-registry-packages"}},"11.0.0-canary.c91e8d141.0":{"name":"@material/rtl","version":"11.0.0-canary.c91e8d141.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2a4dea423094a319adeae87647c96f993e7eff7c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.c91e8d141.0.tgz","fileCount":14,"integrity":"sha512-QtbfHWd8Mn3flhFoCCaDamdk2C3H0Ex8XmLXWs4ba0aU+AQH9aZHnPu+yhrcyZJSl1zw2srlBHqeIlvRQrSu4A==","signatures":[{"sig":"MEQCIDiciR+ITuVWHXwhvl2THcRUYTbKonJcj4yTHHoM5suhAiARogln/IviK1GftxVmMq2SixLv0mGrXvDqf0BJpklPcw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbgCOCRA9TVsSAnZWagAAGAUP/0iQ2BDuJRBBqDL31ZK+\npEao6rzDQLPGZGrPl0VNrUyOs7XTWHjUql47KGNKU7bE5tZe5bU42vKzRtZg\nBQrTOyFhsTMqKeMSSERksB/eahzt1Uw98usEzs8XhuFmZmo/BflDh6a+MxPY\nkbySp0JOym+yO1ZD7THpOSa0GiywA+Li11B1WnYC8hai4BJBbBucoCfz5TYt\nKQ02+wej3veicw6PhaDeqLZzT2FmVQoInXS2d0hBJ2AUENS0azDT/+nqpXZs\nXOujf82Pt8pBtdDlpMbop3L1/NAFfoSicIDqc5Q7wetBKp6IaCi2GzPb0gWw\nZ4If4SzNHzvjF97Nr0Ub4nnbyNwJa3iGco5kzyZZVoiGlrptXrwEzTqR7blG\n66k9xCsDkorrqM0LHYkqUVIBHyio12df9sZAJTW+JS6+ob9pcsP6PdPjygo7\nskK3Fqr1Bs7pi9HKymPkon060kDUellAOAuzwzm6Tj1092ZuhwDnJojNDOdU\ntYqlU4egjTRdWAtW8et8FHCAD8w8+b/H6hAhQGTWPuk3q9WLzeEjFrmdm2+Y\nys8Mw+LFxeWH1vr1tkuZO2bBtys4QR/FjO4GsJk+WBEthyau7E5wn5Y7l1K7\no88wgPTu8haHfeUg+z7ePyZRHwTXXfoezMXuptok7Ptp1dzCsImFsaISh165\niKxE\r\n=bww8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.c91e8d141.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.c91e8d141.0_1617821838036_0.326125339453615","host":"s3://npm-registry-packages"}},"11.0.0-canary.f77c50860.0":{"name":"@material/rtl","version":"11.0.0-canary.f77c50860.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f496a7ff2c1ea5d4e1f61bcd5ac5f1e0bdc8cb5f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.f77c50860.0.tgz","fileCount":14,"integrity":"sha512-NobQgpeK3AJunt+dg9SCERcVKKE98/zyZI6ooIl/BJqhFSAln5gYUPGl87xE7jlCqHZJLEw3y3fqdzezzYoVEg==","signatures":[{"sig":"MEUCIHmYcrAvyLt+mE7X/c8Kbk1qkSOPnXwYWYvl4vTAm6S9AiEA7FppR8lAV0r697Dsxy+x6FdTFaZabIUeZgvvB2EieJc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbyKuCRA9TVsSAnZWagAAiw0P/j31GaDiKrs6nZrIlmQb\nQoIg4UERpfnWjvLkpl2h0MSvQjhW3oNeTj69JCxSrsJ5V9xDxxpPFIZ4cOx5\nd0UKECp433ZfTobRJkOr0qxQjyjMrlOCu/GIrbsZ5cX7IA65dKe9GSKDW7kt\nCe4UYIw8vXsUuGYDdCg23g49WxCOZmcoi+L30dbDxcv2WqjAHXVs7Qh6QqWs\nLno6Bh+KUAX50pdUNosrrEvInjEAFCivSZK29ooypR9lEwAVxUp3WJmyTOha\nT7XX0sTFjxHHFJjcgijQcV25vOCNnYOUh9aNtAkhIVwQE/ZPuRO+rz5WwuVt\nl52evGiillAmb9TKE4HmLGdw8E5lkcAlTc+JRl5aEKVSLx4cf3Svf62e5b/b\n9Q9okiZSxqMC+wwWL3GtOpLinm+ZIukAsVGcYv6IfTKl0B/SEthD+NQn2WMI\npXFohURVbGdi8XJh8W4DKYRY98OOdnedV7em3yDvJ1vt+qq+9pA42/jKgM94\nhKSoM28SQSBbyoRQGgPGVH1h0GKGDUA6+jMRdfU0TfYBpzv22fZ4/xni5lVG\nSMnW9ePqwBf3HVRgWLImHZlPyXc0ZFcs0VSUvBn/1XgACHl49VKIpo3j/3OC\nIaTDyjt1jK9Jrbb1ts9yi4o/aaaCJVAjRx8JWWswYbTddulXRV04qUc8Jlzm\nwSf3\r\n=iSxQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.f77c50860.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.f77c50860.0_1617896110452_0.49485925909155526","host":"s3://npm-registry-packages"}},"11.0.0-canary.367d88bdb.0":{"name":"@material/rtl","version":"11.0.0-canary.367d88bdb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"12e8d27fdc615c477b68fcf11b96f802ec180fcc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.367d88bdb.0.tgz","fileCount":14,"integrity":"sha512-1Hs7+J2P+jh3zZiQSb/Mm9mMu4tbMS8QPvIcz9ztRxpVLvOfuNCQFlC78z+AsR+/Kt02u/17GIixOarB9TOLnA==","signatures":[{"sig":"MEQCIBhFFW1RsbY+rNTTMCm/yGfJ2NwCW5MPUNW0d49zGs4NAiA9Qd8M8WCKlYukHupczlrpP+1qMUTZ3F6UELmehf/Aqg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbzFrCRA9TVsSAnZWagAAjysP+QF2uBHaicLn/v34lmrJ\nkg95l7FQzRtfZ60rlM4eCUD/eOjGvcU4luL2i6T9I9s1a4+8asrspWm6xbG6\nQM3y7ZPOkTyG4m2FGgGEYJpA05j+vCzDPh+iSxN3n70DlBu6om828WJuI5z4\nhqvjtezFj4OFp9e/k190iA1ZZE86xm/Ueqy3XvDtu92N+vuLo8+p/MG8ujte\nHa9LbhDzAGknanvxGUAqi28V6jt5HFURFD0pwomiHyLQMgZi5Rsfc/CuiJCw\nROhQVQ95BIYvDgKkFF7jXLIz7MsVyWzXu5l6xh9qgTVuwnQLlCNLsza8b0tv\nSa2VUc9JoLDpbg1m2P6YLoOW4xb2RJaHhAJ30i70SDqfJhR2ldrGDvLQZ4x8\nj4Tu+hXJbeWMmVneaI8jsMhwyCc7KVL3DwnZanZaWLOfDctP0cj5LssdFMhx\n93cELURSWnX11KNSzqFhZOKyLaxvp+9QlURaYrMgteY8sdyCc1EXYIwDd4bl\nwB0AvZ2RPte7I/BwG0qxOEqLTkqaxSnp/WTbrkF0U6YyuTMzLQ7AYkP/djKN\nAmVJ/ZoHuJGZe9RyfdfY9BfGsc1T/xbj+q6sdlhl7iPrHr41/YCIdUPkZAiY\nTHnku9A3S9tUVp/U2eAWI2uit9kRMAA6uuobNitLdOCYPl0L8gdto+/KPb/h\nWPXl\r\n=Zl9x\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.367d88bdb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.367d88bdb.0_1617899882999_0.5760149666633454","host":"s3://npm-registry-packages"}},"11.0.0-canary.0ec437d3b.0":{"name":"@material/rtl","version":"11.0.0-canary.0ec437d3b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"409dd7abfea6d03a158c12446928cea0b6fad5ba","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.0ec437d3b.0.tgz","fileCount":14,"integrity":"sha512-j3/g5WYKPOulJh9k61PUHQS2WXQ6vAZoHLVoWXWckZhzxSoYirmv3K5G1B/P6CdUcDxyafkAu3AEXnXogUE11g==","signatures":[{"sig":"MEQCID659+OyunVH7IOdxGVpSScyUogaL765QWovkQLjFm5PAiBGSg+Gh+ElJAAfsLBsQm7aC+0AobDe+nQQ1a9PWxxA0A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgb1rdCRA9TVsSAnZWagAA03EP/2H+pRH8+Yw49DUvXGYm\ndDxjo5AzR7iwR1qu59fxwnP7fLJIL8J72hSD8BqGzRsTv1vvKR+7MC5o0sBR\nFcZ1IVWjBNPaajM8+NtYapLrqpBUZlrDRkdV0JUS6ggD///4DNNy5/jUZoSO\nK1rwCUndCtc5oKPfiAOkwycuqJvSPNlhME1AXR6aNaEm3NgcrmHPl6WHNQkC\nkuQG/XkYi4ZWH4neSXIwmocbgz7RQBf9m0e83Jb1FdEopzCPg4U303bfR0vm\nZX0CDRtYoWOFqdNdfBRUvKejfzlYdz/86FoHFTNLo/chnlswdwbB6gsOaOPl\n98f9zA6kT08uoM39ZWNwXQICw3Hasme8qpehxJPWivw5t3P34o4HTDWn4JA7\nqOavhrlT4QiI5XcWBZbPE2NiOXiUvO20aE/PxMqa4AYzaTrEO71oX5e+FBQ2\nDAzk+bEgipsrVgzi7vcHdxolWigIUCJe8fQ/F0kPpL3skbwuCq6onS9rIch/\nxUUaPMyEVSFHExrYNX0vMCw4qXq1nhxbAQBNF6okU0zDFbe2wkZEV2kj3KeG\nu5N8rTg2EMidiKMdq7PT2mT8nHoJzHPCVdmLJjtAA4WcB+iY1q/7JxdvC4yt\n/mZ5wXr+cFQy6w/vHskpWpeZlmSSe8WRDKKCySBlNus6wWi/+PHND7kWExMj\nt/0k\r\n=TC7g\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.0ec437d3b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.0ec437d3b.0_1617910492827_0.5413790011812569","host":"s3://npm-registry-packages"}},"11.0.0-canary.b2fa996a1.0":{"name":"@material/rtl","version":"11.0.0-canary.b2fa996a1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f1f9c893bdeddd6577b83136b29590d70eae301f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.b2fa996a1.0.tgz","fileCount":14,"integrity":"sha512-gZewIG19ezLXvYYJGowBZzuhINliqrAyVh75+WIq61r4AZlZ25b7MSrLQRI1rX74Njzeir4uWdhX1WH7p3+dGg==","signatures":[{"sig":"MEQCICkeTopfogFy65JRTKKCoFmXiTmH9dNt2ZVVkCZZ1QWWAiBGLmmlR3R4j3Sf5QAf0U+ODmwnongV9ctbZEesoPzLKg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcG5lCRA9TVsSAnZWagAATCUP/AyBkY9SYyb+hpooZiam\nYCYln8AvsCKOV2Bv2JJgLcjX64bYoIelnuekXvtYr+UEDPdvzt1ySFvT4FN6\nFBA/iUDvdeW6/rHolxQYaGdRI2xIOFqg4p3a3ejBllwVamJoyFS3FAnFLDUb\ndFbkX5qDFJmBarbCMSEqwBAmzCPrfqQZH5kned8j+LDdU8/HBK6XQjPHS9De\nthObUmy6dXnkCCsRUVxQf2GMdby1+3DRPQBI45DrUGR72XjE29kmWQHkDpoG\nctu0Pon2LBeFItPI5X45aloI6k3Y4IwSM97c8R8FPKSinRcttS8NPuGB5kn5\njexQ310whVt/pV6YOTRdeDUUQQZgMZlROgw5eNi1jGmmFH9SbY1vAO0D0Iql\nkddIXUTMa5eEX9MES39kytL9hm+oySLVYefkrQ/MakoHh/GQQDYKaVEdlUo+\nS2IB5RWPb690mJdDzqlSxtzd3H88v+f6G01VZ/fAntZefoc06Js9MuLiou5r\nIoDtuX5aiUsXipLRmiW5VQWWx7xTpSkMySM0quoWsIHrpSBJWMDURjfs0HTD\nKx2Lpqz3O9oIiBnVzodbWKfNLpNGG6gUc2lYowJXNUNNMbb5hO0mgbUf52uK\n7jqgMhSa7EGKJTC6s8ZnyzGpQnNBEexXCjcv3pTNVcLiU3NKtJGVXZ4cwPs0\nYshG\r\n=YhPg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.b2fa996a1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.b2fa996a1.0_1617981028739_0.11862616289939942","host":"s3://npm-registry-packages"}},"11.0.0-canary.24255c408.0":{"name":"@material/rtl","version":"11.0.0-canary.24255c408.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ba41bb9fde8a78e6b292ea66bbcb5bfc85168b31","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.24255c408.0.tgz","fileCount":14,"integrity":"sha512-jR7RUeFPYl30iGMB7Oj0Rzd1YVPqpP+mgZy1uh6Hzuc/6n0Zw5j5zVhNdHdBKjL+eDbkktDjFQ24XnPgNZNcPQ==","signatures":[{"sig":"MEYCIQCsTkdcEZF+au+xJESd+HoQ9tGSuvl44G0sbTWFsgYdQQIhAJnoUCso+FOPf12f0CDb4jtdm4DizMjvKNTUuV20gvBr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcLUBCRA9TVsSAnZWagAAGykP/2ilGjMqKz0YojLgSHkX\nkLiDhPptiQb5e+a1Q5bAGF7R8/BfNrd2K8Zrk18LAcLlbCeCEYstZlMsy2NV\nZOBuQ0kdUlIeTFIF+UX+c0Hr5oWsKI5x6VHtAIqaxcKYP5Ke1RxhagP/e727\nklGbDkw1BQchkX+fYWHcb2bDTsS6NU/FW6GVN3kbmWahsZXOfXpBfRq7iQPM\njfd9TsiR88MDEd1JhU2rDfpyRp9CJGhIP9E+l75nnw3wOF4ETPP0Xa2oVqxs\nfg00AgvUEbBb34teu7RGClL2M7uxXSn4xkr5ih3BGz/emOXlNZBfODukPwhM\noE+fBBPPS0ltZSYrG42cC2fRm1m2Jcwtr7xmgPNH3K3b8kbErRuuN7i/PGpu\ngXZ3o6KamIfCtKnU+kVIBb6kGrWTHMPuZ2s5UBp3JdABVV4MpS9cNhMNMSC9\nd+7FUL3j5S/jiDojuM/pmJ0vmVyLMbf7NjJiGA92FXgjI0g23uLvxwnFrybf\nQZsGQgSFUaCUyiCHdDYLydeo8RJlcRcFhCgKFCzB6FlvOfRcjae/SqVN39Li\n0N/dn/EyHJJORnt4KcmQ47iT4VUwJTJMzDfRf1VhZF0egp26eZw2a1UHxj8a\n8inJNQFWCiYmfnMieVpljMpbBE1HBdG1CIvYg3/PTnH2YkEp3hCitRkTXY+G\nqelq\r\n=QUps\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.24255c408.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.24255c408.0_1617999104714_0.5446669420487458","host":"s3://npm-registry-packages"}},"11.0.0-canary.7d6a4bb72.0":{"name":"@material/rtl","version":"11.0.0-canary.7d6a4bb72.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"dbe370c2a9b576b0c65fe1b019296e2c3e769c9c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.7d6a4bb72.0.tgz","fileCount":14,"integrity":"sha512-Fks1gBemY/y/qIy5zwrXYtUr78GThVcPHu8mNS9rpRU4zJAZalu5ZSs318Mpf/4aNSeTvqWMrd3K0WxHMS0Tvg==","signatures":[{"sig":"MEUCIGzDT3U57CmO49YgF8IPGTuFc3C8HaG/WmAVbaW92divAiEAhkdS6OiPfbHw1+LI1SEgUFuHWI/qKnN7XItYyAvuHR4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcNrRCRA9TVsSAnZWagAAUDsP/3M2fP8W8qgUg9ZkCwWr\nPbuPs+DzdV4j6KwXYNoBzsCMfr5hr8lY/HYTy/wAQ4d9n+jGsH7kyKBzEdg2\nBxVbgtaRf+0nj3EbTanu5sVVsTmwlS50jLymbY6ifc7pX/iOkS6uaVExmGoQ\nTBkGNa3D4FX561R8CjbYM6QMgrJj4X3jM1OxTqZYcy02KVYv0AQYpLa2vTiY\n0hXfKvUJI+QPqQhcJYmeoHKSRJPC9qBgAXrEq/rpdZomb6jYdFCM16bJtjXy\ncEoSjzxrcPiZ5U2l5r6vE8zjwHkJkVSvvOEDXywCNDxsWY9aJlUDIqHETlwd\nzEib+kyt7HemCuGLpqeTI11HQRZQO6DujYHbGntmePbIYi3usqTFJF3q7pGQ\nizpIP7zvgiJg3iS2mJUcAOuK/RwtXozJKItzpnOmVpkftKoVoFzrbtVAcd5B\nf2UNJqHDYiIw947w2TEK+VSB5pA3XQgLFjbafT91R+me3AWvKw8bt7bRFgcq\no69YVryqCVvqoVUE+iYxY/fPKEA1HqE1snHKk4XkG3N5ZNBRxy/OAlPsoVfd\ns+MbA7UcM25BH+S6ZWeKyEVGYLyQH0d0gPbqPKhjTNHt7eM2WeBk5ceoWRlI\nUk9YxWkG57NFUsIJpY3e2Gq25a4u2vlvfJsL6+n3V7HQacFpkmnDI1m11AbD\n0cOn\r\n=5rcC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.7d6a4bb72.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.7d6a4bb72.0_1618008784665_0.1114156851228576","host":"s3://npm-registry-packages"}},"11.0.0-canary.352b295c1.0":{"name":"@material/rtl","version":"11.0.0-canary.352b295c1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"15965d2969460c74f84e3c2605278fdaf73dc697","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.352b295c1.0.tgz","fileCount":14,"integrity":"sha512-XyeZ0cHcKFlrqRZi2vX5oQl76aEUALzTk8AJ1nAueczq8E5ZQLX0br8gtnaRErormntMZtQSMGS3NdimVXw8Wg==","signatures":[{"sig":"MEQCID2nBwDtJaIUkts5gi+pdlx/AcxqjVvmNmPPsUTVTSmwAiBo15LeMl0uwUhvRxRQCUPHyxGZSY+PBBy7xlWfAb9sZQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19689,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdI4pCRA9TVsSAnZWagAACOMQAIhyGZ+Oeo/pcDCvA7fA\nLbJKcUdLcpKswwfpy37rXgQd2D45/lRoK7aeVISj5kWSqxS7nk+ZWArtb1HZ\n5i5AEwC9wXVD/1O9dyViJ2T/I3R5JXp4jdN/NT80AZ1+rk7NTakXg3WyT+xE\ns3i4h4LjmIt0NW+yL55sV0/gzRnuVTj5VtDuDswWfKnfpv1xmTs+b9ip4+ws\nwT9gSkCaBspVakuY1l7V6HE1nO/WF3CUESMTlJzv80W9imwTwnkRsF2f9Dsh\nm8ZtzNL4Ov5oynf+ual1nT8D2lAbcaKAHgZyqOf1iyVNhDCHfG8RaWlr198Z\nXOOOCk3hd9jjuz874IdVvU2hNYVM+qo3bvVfDUDvA0bxdOz6/dLKmgpvlH99\ngWvgGin92TCPMBgwlQlyIzncrbaresf/AHRCBHtYgKxnfJnUcNJIY3Ms8lPV\nffQxiB9J7EWkka1O1GYDO/gR1rTxhdumrEe/S6W4yTvo6BKhzoQsEwSQFqw2\nYBBRL7U5z+DPoC0jxu7hr+k1mtWjtoz4R3TMkCaarA3cOZNinNWwHrVS9O4Z\nSwV7foGtt+1HKpMSa6WBEZ9vWpqIdJYFK80fjB/tY4vMLV1wMna2sxpdKJLB\n3ZiaEg+KrkosPeFk8ArLiDoAtamPu6ff05DLIg7XQnv6FzSUggyscKU2NW5+\ntSHl\r\n=3acI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.352b295c1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.352b295c1.0_1618251305496_0.14197495760131607","host":"s3://npm-registry-packages"}},"11.0.0-canary.ab99b8064.0":{"name":"@material/rtl","version":"11.0.0-canary.ab99b8064.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f6b32627b6c0dca8a60551a0cce2d65656b1b67f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.ab99b8064.0.tgz","fileCount":14,"integrity":"sha512-2UiIvN5DILCbflYd9pphAykOOO3gpo8U0brzx6cDb/F6gZWUZglzMnflnmyC/XdpsWPKHjaW/JBiA7l1b5vI4g==","signatures":[{"sig":"MEYCIQC7/EH2p6A5tnv816kQirMT4/uJ26vFCStC2g6c5VjA5gIhAJZpwz6NmHB750AHjciLzT6pQgk56gJRtPKuD9IlLRww","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgda3yCRA9TVsSAnZWagAAtAEP/A5w6bu2qf4gdzKUvQ5l\nh4h6i+fdZITSG9Tm5N26MdnB+sMhHaM4OoLPXQYPWG3d7I/VbvZelRhH6jpq\nJlIxlBOLSFyY76NpfP8iUK25ysZa0/QdiNI3K2PnX/h68AiXH2Tl/F4IguxA\na2HC5qqcgZ81s08gm14KzVkJHUCn7541FLp7vbHLrdiYi3iYoGjoYLQrmWpS\n5UQhmEmr631dBo+pPDafbG10ooPutQ2I5G4n7MMy0L/s2MzyVMLMKRV2i/W5\nbi0egEwNlwDxifAsSkCT5MPVRPijEMSLrg+tKNciTfkVHlgYauZbMP1GtIT3\nFafetPMecBnAeZaf0zOPsPzNTR1UlasGRj6MRSzP4CYrA0f9X18dCHflMxMM\nrNdw2+rlTaq0D2iI9mcXPBhRHb5cBrLjIrX8ZULBngRYWRf4lFfvSQt/nEz6\nsZhei7266F0YV6yaBVJb1h2dCenStECsy8s3fMvGg6os2Jt5adtzwiVVH46G\nSFWirmAFJaiLWXcAFCHddLW7RU9wbrrb5/w3ePUyNgbVZoZ5G8EZFCVL/+jx\nwxjXTco8H6cmWzYcuHCU8tKY8E5AV6V0dc9gz3Bc1jaqS2taWWjeUAD63h63\nEOxeqnbs0orH9HWLpredMjHWFQIv7h+aA3vdZC5eAYMJBvs8GhSSldD/qpUF\ntPt+\r\n=ypWu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.ab99b8064.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.ab99b8064.0_1618324978153_0.2805393138487251","host":"s3://npm-registry-packages"}},"11.0.0-canary.8f0a11e32.0":{"name":"@material/rtl","version":"11.0.0-canary.8f0a11e32.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"318f0139b4601a8f823ee230df029d0da5070b93","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.8f0a11e32.0.tgz","fileCount":14,"integrity":"sha512-GS1m1xNu8s88PW2jgBzRZH+k4f9VAu77YrbBZgA3ne5aV0zgf64mhF7rCYvDywz2uZCE8jvetZka/g4fu/CY8w==","signatures":[{"sig":"MEUCIHNOWj2UW2v1Ul05ES9IL6SN4yFUVGD/Pr59E7nmt6DIAiEA5GkEPL6H3L0WILXPxrAEztGE6nOPB0IVonPo3VKuwAg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgd0pbCRA9TVsSAnZWagAA3ikP/3yzhtSylkSMjAsvaG5Q\nw86dFXAtZGMQpuQSps2R/q1B8V9bNsNblG9NXawNeJ33bWGL0WWxHCewSfWO\nXGaMb22wxwsrqzuYGNVRIG8RYRLnQC4GMcqjPfE4G1VM0Uc1/8GLZr+OEJeN\nzHbjbqhnP8143Pyzg6gsufF14HJC/cqRnnYs5kI/MUuDgNpudhbVFP4EAUn6\nVIzNYndwirSay+d2ry8xzcKsH4epX+gLfabvU5d0gVtFRcl0bB6+hr0y6JV1\nexSyluCIbgBrG++qZMbRf0fv2scbzX4lBxBDphZKdhMk4ec3c9dFeb6GuFPk\nc/pj3TEaf8FXuMfASTP6Jop0S6O1l5uFIabLHB5y1GbuwRFgY2lAT8n9EvV+\nwaFlJzZW2wgcJdEoD4uDfT8KNyVxR6bDsMj4K0JT/GpS77UQaCuMWtPBwqNF\nzHO8Wxbki7QQ6ETW7/y+HfqNQMmOM2XEg/vHaMcfXYd3CizEa5MYV7Ci/e9W\nbWolVg0zuNA5PZUMJL+XWYBjLugHo6rul+7ifWl1FGOLXIStNPI4BEPaiAMh\nBj6VA+IS9Dkl6NgNwqT+jykvVaVPvTKDfzLbvZiE2v9dh0GUaRdYiFDvGKeX\nauX4mBVt5EJcHh9BqaRQi6/8IQOraHXRT1YIenKcFLp7NmX2Lz3r3irszSDl\nbtOE\r\n=Lqmi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.0","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.8f0a11e32.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.8f0a11e32.0_1618430554764_0.37389642475283513","host":"s3://npm-registry-packages"}},"11.0.0-canary.f5c6db8fc.0":{"name":"@material/rtl","version":"11.0.0-canary.f5c6db8fc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"080ceb3ae3379ce3926850003cb48dd9a44efd70","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.f5c6db8fc.0.tgz","fileCount":14,"integrity":"sha512-rU4bd/HkSRrioXhMRVYtekm10fDAAynEPAq0XmtQzLQsvUNjYBB7s5Vrt5xYSMISRfXFFI4dwo6SvjFrp6oN0w==","signatures":[{"sig":"MEYCIQCQFPy0NzRrzbAfFHWYf3TZGH9V5zEY2iWus9mwQoxDAAIhAPNvupBZfrzwHPfzyh6QoxQ8lsXIAdw0FeL7pw0Flng1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeH/7CRA9TVsSAnZWagAAgkoQAICAQIV+EbgDWUXMNkwf\n+nkoyYHNxZ+O838NQGtcMCYrqGCaGeZoJivhP6sjYel2EY5QDs53hSe2gHGO\nUQdjt8lR44JMxxqDTXQNVzxdixkrJLRLE6l9hyCoxb4wYEM3bQOIMEFwoqKk\nDnKXgkGJjVlB4PShs4uBgMeazmhe8VKM+DpMlMxB9jwNemUYlWSqWIHilNzk\nl8V/bAWVG1NicIsPUg0SATpkpnWa1JD8/k4enxl0A1/am92Gk+i0T3hb/JU+\nRP4jN7mpqvLNN/PUAkV4W8Hhbzn9TYw2cr4WMlH0BzKdssv2QPERcAW3/YE2\nPydX2LHWrGrscxBdAKN7omUwkm5Wgm9/euvTLE0fItEy5RK87mnWMhKm0Z+0\nuuXufXfAwNSBTvWvccnXRUG2O10sec2lyc6YOc/eHP4OmoekG9C2A9MGLj/e\nQjwewn4tyywt1yGtrxptLqTEw7neDbSmV0/w285AmHoVzQWIvW+Oo6Cr2jDt\noXJr6R4P6UoWfFuXmMK6REM7ViiddYmAuHP48okt7dajlZdcCOTQ6HG9DEYX\nzfcDKTG/Y9waYhCwgFvbkzZ0mEQrBtksdUjCXZkWWRYDMeZGNNk7vZ0Q47S8\nnRggr+Hoo3NHu7Yo41ikVnRIhQ5owcUs01K6uR+qUvj0UKPiHnoSfXVEl+wx\nMFGO\r\n=NU0U\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.f5c6db8fc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.f5c6db8fc.0_1618509819326_0.9790208038052786","host":"s3://npm-registry-packages"}},"11.0.0-canary.3793a3143.0":{"name":"@material/rtl","version":"11.0.0-canary.3793a3143.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3db7244972180612c5bd712f65778238fc8155e4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.3793a3143.0.tgz","fileCount":14,"integrity":"sha512-Q+vP4+t08CIaiGOTDtd+IdiuOERigQyxzXUxaHWxwC9N8iXHXWIuMbw6oMTBprpmeVydHyUmYmkA2LZtddip0A==","signatures":[{"sig":"MEUCIQDSgGrGSvIYUwWaGP4rIc+m6tMyaEySD67xGTgAK01OtwIgFuZq4vgp/UA9nZBal57P8eiVJhdQ/QwvS64XNzz9E7E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeIZTCRA9TVsSAnZWagAAxJAP/3hGApHNsxmhjUD0OfEf\nx6Y9O+QoOPQRTv4m7BQYsriBstZNJr82joDO0IN9ToFL5Qt5ZKM/sjc9xjl+\nMjOYWW0zdQT7ffnDmCJ0YCQRLh9TokzEOegNabAKYpeGA4IIuYNgkMtfqr7a\nUqdJ3zi83WvxzCl3+1JwCsN0b0+xux0zSqW8Um92BlRPcCOEoKpikpDvYPlO\n4i+ytag5k022gN+zMRny5NQ9m1SPbfPwvODlOvxZgF4/XTC7/gADdi+0VHp2\nHUZLkwOhwzVO5pFbGv2S0ieUeM6WALsdI/baW+ztX+Ih0Lb4NpfI7rBQSUuY\nbofd1oxNLu421uV+92IcWqc38Oc7El2wgyWS3jUBiqh9tP//7YPHmjHsgxY7\nrY8AF5IPcpc5yLlpyg01qgtipP5BUMegyAbS8N5L07ONsxkCvSCluawIPnT5\nVbT4HJzyn2ADKGdKoYR4aXd4GL7DOVncFoxz88jT8W3R2XjAe04UYhXt3VuF\nw0Q09oMhCmnoja5/QLrcjLF6GyLlOCxzDYKmtwoFWpCtRQifixks6b9Z7tMm\njBB3RZY6PRcyt56iEuVKoRy0/3QJsEW2n/zK5eokxFPtG6PGqGQ/kOH3nWl4\n0Vdppu6ux0QaI4MvWG+slFI6tNZu1FRlJxyc1sdvZpIctzyQP49AAmq74oLg\n2VtT\r\n=CbVb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.3793a3143.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.3793a3143.0_1618511443153_0.44166084619842216","host":"s3://npm-registry-packages"}},"11.0.0-canary.bc104bae7.0":{"name":"@material/rtl","version":"11.0.0-canary.bc104bae7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"677217cc6879dca88b862b95c6732a311b5cf81c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0-canary.bc104bae7.0.tgz","fileCount":14,"integrity":"sha512-g1U1vVkHUUEvmivFk35D81Z4l+8lovWPMACDvCkqZAphnZakOIy8RUmqeT/RRF9CjURjVh0hPnedFE17m++MSg==","signatures":[{"sig":"MEYCIQDxSsLLasWwkuleMI+CT/1LpHwvRxbqwnE+vMG32HEowgIhAMJ41CAcvCa9u9GmeRuQfkRi4vHzRXcHujc5eFEsz+p8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeJfkCRA9TVsSAnZWagAAT5oQAI5xQbLFBRp/FaVR9cFV\n5e5LUVeoTRH7qw+IFSPJ8jKrH0I+CqLXy6c7WCQBplF+7cSND061I/Lca3+p\nsTI2SWB46l1PsfZTA+hutd35ltrJA66iuHXuaiOlck7Xg70OpZL1QgTEEYFT\nunIWx2503xAm6kTkvIVnt6eYoegBksLVn8Sx5P+jMXkyjSAt+wfz8/lfzzAz\nXIVfIaCKoW5ztM6VEnTUuNH+XJIN3uu+b5oD+g+nNEwoi3iqtWbf/DSpN6nh\nqAOA9UEqumlQyTWBUrmOChEVKS5UDk4J34oaiFeK4LroHXjJO0I9bk5KM0KU\nWkrWgRGoEnGfV2kd3nNJITGIl5ThNrZmARUpEKX6CdwCpDQdQj7lIwsP3SjQ\n5rUJJtm1XK4lFF8RWPyrgNfpRy1VxcnrZ2RaAuD7Trs6TCheS760TsZb+gj/\nA/5yrmnJABXXizAq3xi6ZAIhfk9LZVOFZo6rU0tkWk0f+lPNpdiSTAnY4bUo\nLxxYbfDTXZB/R61Q2Bd/QemtL64qNv9Ec2PN4D7DsqovJ0/4SQ0U+Rw8iFRG\nthLdu9k6hY1IDORa/pPpzWnNZJkJ9xvtxdNjkXPoRiN4OL7XQ3ZZNy3cWdR5\n4aIiYTnuGBASm4/OTIALyjauBxO0h/nfiQZ4BnJen1pIDUQG7lj2L1JX1P1V\nT11G\r\n=dFp7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"11.0.0-canary.bc104bae7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0-canary.bc104bae7.0_1618515940269_0.6079619671449645","host":"s3://npm-registry-packages"}},"12.0.0-canary.3f342c3f4.0":{"name":"@material/rtl","version":"12.0.0-canary.3f342c3f4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0431455192512fe16f77626140dcd278014263f2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.3f342c3f4.0.tgz","fileCount":14,"integrity":"sha512-7VL3C10SE8aUp06igKq6Xle28iRk0M768cm1J/EQVVgM1CeSbuA2hY/Nv9FLoTWBkrNdSDtGbAGrZdBbRQGd1g==","signatures":[{"sig":"MEUCIQDQH88pqKXwnk6N0TBKweYdR07VUE2fVlqx4G+MxsuHxAIgCS6cTTZaz33slwJqMVhFYWFro5n8RnbVdAPrkHPJmK4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeMP6CRA9TVsSAnZWagAAGkMQAID0b6negllDhWXP6h4x\nYGSgX1J0akjMGryzUe2CjrZkBlLC/DawEi+wp1CqCMLZCvE/VE47v3llMDQ+\n9JlIL6uGqCjNoZOI+X5w0noZ8DEEXXNrHpVKwjUjC6FGyKfh+KsnhqbwmDX0\nslwK9bhHWgB3uLNlzW47D6cCApNlPc29v+cOAXzkyamf1XV0y4rmxrQWDWxT\nS36BzhTgpZ7Ua/WTfv9v4lN7S/dNpc9xuhH/QNoo1lRvN4uQVPRxji2sOy5c\nYabVnZtIJWN/V9ej+7Dkj9wtXaqIV3hScoZibIDIkqIxz0TfjK3newus+FQt\ntDrGnwdw7n1HMr+n+hGA+RjtsDdCqfYRUgW4PiIfwFyw8etmkipg+6DvRQ/m\nzvk07jEk9PRQSMardpkq5THHj311uErbX0tsKEkE3Dn8kN+ObHbAtSx2Muz7\ni+BwmLvtXfzH4kl8mboJ7USBDXuC7Ngir2BTHxhyFMw45hi1AVWPw+aSoYD3\nfNuJ8ErGFovI1PD6clfuh1VGgDP+YZm77qBdBcqjet1gw+20uOvGtur8++8Q\nmsl4p+ZYWXy0yk2Glkb0mfrSnDG7arRG1xUqoAcWoJiy8SckDIH2uPQTfbYh\np/xqdC976gX82wPHQacsuTIPkL/o5B/bQP4wI+pDnBCTfu9zNuQZezqdXqXr\nZG6o\r\n=N/+V\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.3f342c3f4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.3f342c3f4.0_1618527226421_0.5788387592413851","host":"s3://npm-registry-packages"}},"11.0.0":{"name":"@material/rtl","version":"11.0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"69e0ff54e723996730916e56b2a11b50275ecd15","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-11.0.0.tgz","fileCount":13,"integrity":"sha512-FcS8+N9MhnC0Wdd34O2yCC/5ylIwkfHjV5pbmHyEtb4YXoWngnPIxgpOr5PsUv95WSQBmeqWCRJDwS+sGZHoKQ==","signatures":[{"sig":"MEUCIDCjKSvhT/vuq9RjbuxxYXnl56C61nkm0PphzsuHvOCfAiEA44Dz5VISqLcyO3xnox97ykuCted6HR8PElz3mSmw3G0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18866,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgeMTuCRA9TVsSAnZWagAA+boP/24/Bh3K3rC4YfTdIEnh\n2Whgz8CGQ54hIcEI9f0jzuAhvm4g5NWh09iQGtpJtSLeIgBM+L3cv0/xlscn\nsDAwxvyzPpuMUWonJPKWubMmY98z6T1SkDx9KrZkthqbhkg3zvZFrLKssXUs\nLsgZhD+j5znTLC0rTwv1wY0z4pcr9HJZvRhx42EXlx2OAaaV5DkwqS4tLmuT\nG5wlu7v6u5if6pHvKidjCP8WjE6YifeBnVUDvFqfSkP4eiAI/QMV2T99v+lP\nbUbZBQEgyR313LofZRa4/1a8ZGyM22ZXDXvTvqNa2FKBose+YixZmCr9A27i\naax0jm5etrt6j3U6LXu8C9u0RdPTUQ5ulO9a9uJzKqmDTgW2u13HNnkEXn5/\ney3dR9qtpRdkB1+0eC3KU2ADy+8OK436Vj7is2LHhsm24+c9RJ6OzH9XpUsd\n7pnDm8rw9WM02GI2URVSTcNoOB5X0HttHn97qTE4dN+xVd5bTbEZ7id4eIdk\npZJTTqYVvbM9AYaBSt2Z/ztBD4spcWAvCOe+LPw/a6QwPHaz/87ie6ExMa5x\nsaoUUr+6RwGPriQKAG1h983xaSkCiRjoS0s8VF5heUNq4NJvyvqYGSm+MZYZ\nwzT5WDMAFXgm/aFmED9aSvvMkVo5n9x4RQ8dSfPyAS4KLJvagmTqH2fgJFEE\nMRtS\r\n=OlFQ\r\n-----END PGP SIGNATURE-----\r\n"},"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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"^11.0.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_11.0.0_1618527469565_0.2578084692334224","host":"s3://npm-registry-packages"}},"12.0.0-canary.2ebfc5374.0":{"name":"@material/rtl","version":"12.0.0-canary.2ebfc5374.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"98686f6ccb603804376f239caee94251429767cd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.2ebfc5374.0.tgz","fileCount":14,"integrity":"sha512-6H9Ta2dcFTSUvAdUr8zi1+JmyKnKEkYBWFb2kkFQbt9BY45kZ2gwCaOUSgoFFB8gglgN3hFyyJbBy5DdD+gkkg==","signatures":[{"sig":"MEUCIQD1o3hq1RYGgQKiam1KfxCfYEQioV+G3iEYn8BG/rInaAIgN0ZIyxbrCTnTY4DyMeITR4y2Z7ODouO7PquzHJflJf0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgefcrCRA9TVsSAnZWagAA4FgP/iwIzXHokM/qIHHHXnCg\nUWjVyPOJOFTZlmWUiV+dkdFy8ZiWERH5ME5p+JR1FcOCeqoqUz3kpm8FJh+j\nqk3HbR2ehujONat9wy8nuzP7w4K9ph3xqnm96V1UwXG8+22+E9p3hm0aDZjG\niWf/OePE2vhoqYSlZHD1JDia+f6J5nHa5h1uogpabApzR3gI2Ec5G7AHjvq5\nR/bTt4fT1n3T/vBF3W76ONzb/N1juOwiqXNxGTTSLbVqZASPSGHcdOPTbD+e\nq4VDuaBnBvg4nkAqPW7LX5Ve8ikElXdeqPfz3WDBAmoUedAtCsN3bJ1u/yu3\nD7OhKURPWid79lFIV3SdxpXPykUbbIxSv+AOUruDGx2sgOhWathGVnV2oYd2\nZBa3JLXoU49fLDo565mbfXEFzb7eWSJtO7m9MqQ/w8WIZ//3cnW/FLrOFREq\n6g2jJ0yVkqcFh3uO2DxhCUhi3iM6MVpaN+kMiJMMl4vsR7eKw06AdQR5SnYN\nboKPQGWNaqN0u2zfksb82hyE11d4DFj6N1DZo1or0prlltGT5u3y4JAft0eI\nqlm40abMr8NxrKTjHa/rcHOa2akIrYU73vz+e7JC3NbQtc+3Zmx21UqRm0bt\nZqxqWmDeBmXjSxl399QZVhIfjPidmcyFnHeXGW8+3mm4bh3u5Elzq4w6GynR\nT/kW\r\n=GZDu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.2ebfc5374.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.2ebfc5374.0_1618605867498_0.8851152295184388","host":"s3://npm-registry-packages"}},"12.0.0-canary.5631828e1.0":{"name":"@material/rtl","version":"12.0.0-canary.5631828e1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ed4817884576cd8c3ed6d9772cf519526ec48b62","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.5631828e1.0.tgz","fileCount":14,"integrity":"sha512-b2JAuBnAQ3nFekGtTXPx8AzVHPfezKPzhOadayUFB1CtFRlcN5I1Gj/Naw7iLDFCSzHgtD52O+3WDZKjDRhccA==","signatures":[{"sig":"MEUCIQDObx2o6jpChlXOK+6a7FFSbv5GOxXmMfOUMg5IGlWcpAIgWOcmPp0F3ZasVESnEYsSJFe7CgRA4HuAzY/5R72mvgM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgepJPCRA9TVsSAnZWagAA2UoQAKSZ+2LCqnx+VrdO5hX6\n9YhdMuaWYpipiTmR2q19uag0vAPr0rJtyBRFGt8tvYBF1eN0Kz8R6bh64Wgp\nTF8OtxAu62y7GEuPFw38OsnrITOsRQ6ye2xMM6tI78iIdyodwa9lY6hBvoyz\niCgs8HBill8X+6yAIuDl5WcHuXn+LVRyrPo958IBeIUGUwfjaN4wsUw+QjOg\nEtH36H+7d7M0Dc19u9RXU/qXem12uV4jvIDnuQld8MNoToNnT/o8hJTXLJed\ngF/XjIJ7rXixGRYS9/LcQrm3rAtSKQ3WqTlsFrm3PN5VeIlJuMElCBb/Mz5X\n0+MFyG4PHstBvMele6jskCMjZ6h6soizSNW7hPUnEPb1e3XuX0U9qLQ+vGaa\n2q6XaF8rgc36ibe8enA1vOpDpE8LikDfx8qpn1Kgaqg2itsQ+LBHr6wOtnAM\nLu+IHGBUqPDhaE+W1hrdH/dQ2ftGotUXDbBMDsN6aW0EqAtH8hLgJ3FP0pz+\nq7YYB02cKfLyZimWGM29oUlPIA1vBQZDij09wtArRR5IcK+kJfNAlKb+gP/Z\n7crbYq4Tocp73smyrq5L6Axxk7g1SCx/6f25rxYPBZKv7pVoY95eld7Z26Qu\n5kSxTD0UuHBQ/UI9rw5koO0327pNDH0RBB7wsEgM0dd/976zgvo5RCSA4Avi\naNt7\r\n=GBAE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.5631828e1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.5631828e1.0_1618645582701_0.6163277164325696","host":"s3://npm-registry-packages"}},"12.0.0-canary.bd685395b.0":{"name":"@material/rtl","version":"12.0.0-canary.bd685395b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"dd4c97f6ca01a3dd4fbf1edb6a859ed0ba7a2f58","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.bd685395b.0.tgz","fileCount":14,"integrity":"sha512-Gbazl4/qnzEA02Z/oyBAOBUzGSXexOMsDYO1REHByNZ0X8lCv9MAY2j2vvTAGNr781ed+s9tX70ZvhzyKuB2tg==","signatures":[{"sig":"MEQCIAxOKK32xqDrp0ubPa3WUvLpDGiyk/DE5OqETy06+3RGAiBiO+PMKJF3vSZf57kUFeKN4Nj2Bd7s9/XwCIU5/f+7Zg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfc60CRA9TVsSAnZWagAA/ykP/RiGX6AhL52rhQAyRET7\njdvInft0By1xlYIoBobZ5jnS+lyL001sp0s7ok4iYyZ01exHb+BRLVrCXaFF\nkY3baRlFCAJA2JctSHouIhQ/fgwkGRq+x5WnjeEzy6jyzB0M3WAFiOzhBM2u\nE3nHo3zw4PGCmo1mvVeWTy9HYey4Ahfs4zMyd6KMoDwEYStnDzX/TbgGhDYm\nwcl2avZOVshqos3q5bfJLrnlY4Lp8dT7AI9yD1lKcfzln4LlSsv0eGLvybu4\nKvCIsbyxWKgUxBX+qQvprl63sCJFQ1kXH+NcnKpAR34AtYO/Yciofqfoywh6\neGIEM/rtkZ9fwnqtl1KFKyJaoezFyvQEdBJcQE5HUjsTzJSTVhbG0Qjf/1vc\nm1EcJ+vvuSWr/v+18BUKIyi4ZlOoycg8BCu2HyVX69iPOpv+4y+imajGLuxm\nsXBVDPnXVJH+SYuxWQIcNq3v6zP2IxMSfMPQjC/UqRtDC3fHYN90IESHi4Jj\nQhb5nzlNROmdjSpOPxaZz4pdlf+nOR4Zfr3Wu29LLe14xNdYFOTmOlK/K++9\nvBCHZHdemhGjajqGBvkx6Z+gCr0BojsL43mgAHRfWR7lJ7P1McxNiXbK87Jo\n5cpXZz39bgenE9jMV618Fq+Xqisima1k0C4BJIjVt8osfo5oD+klamL+cOWF\nbxcx\r\n=Iqa3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.bd685395b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.bd685395b.0_1618857651741_0.15827997127837512","host":"s3://npm-registry-packages"}},"12.0.0-canary.b52196498.0":{"name":"@material/rtl","version":"12.0.0-canary.b52196498.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"88b1eaf1ed3fe7e080c565165b382692aeaaf7bc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.b52196498.0.tgz","fileCount":14,"integrity":"sha512-iunqIgMnKUQ72Wi5YBxjOlo/r0iR+TuGUPtvZvqbn2EGKz5rBJETivMgXXHdxqSw2KfB9DW3wiaEtYfaUj1QTw==","signatures":[{"sig":"MEQCIA8wMbLkrTRtJROwSvDl5IF1U/RbNw7eS9/l1mzak5T4AiAa1QY0E0YwKi6DFRDO7cMgEozqFMEz88bFg6VlQ4CseA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfeClCRA9TVsSAnZWagAAP9gP/3im/B8Vs0CPfmL6itgg\nSBkEDFWD9cNStbopRZG96iGCTrRwiNewgWWUFj2CWQ2tun9eT6CuMU8Na5GQ\n0GoiL8wEckfBgxMpFXnHmMxuYjfHXf9w1/ElA7kEvSPc3zOsi/hFm8v5taNR\n0pDlZ8Pc70j54AWIaAdOYyhEeb/nHFu9uvyGXXIcTIE8ngrjOIvgU54GDB6L\nxUAdUexSlB92jzAnNyEQMwUMn4Bju7k0BcgHDfD3FKs+THZ81loeAhC2BYL2\n4y/CDQv7p1q1jTYb9483SA6gqPpWxyIbTfI90O4e5JAly4jN2cLEKopO/MpK\nZN0kkTzr32ZZ7dPWel4J4nVL6uCWdVg8qdWIP5XZbShDQmN7AqX6Od2pr1jx\ntgoYQ279XPmToibuiLEQ3Y6/I76Bh970DRItyW6HbK0Y4eC9jeDITFyBxc0H\nFpL6OaPjtDkk9Eb+8uln71NLmTzhgON2YsXtJtvoMU+b7+uufsTazIx69F9u\nFK3fOjPlXWPJz1hwjTimq/QKqanY7Y8rcjJa7c4JxJc+um6NS8BtIXQjHaCr\nKK/21trodvQGoDFseE6hozcbGO/JuTj2iOK+f9OBNj5azVSif18JNPZAJNve\nBQwzn6+IwMKQcGA2WI326TNWNEArj8S/teoph5Z7udPnb4WFYczEPsnivxmj\n/rpG\r\n=9kkA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.b52196498.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.b52196498.0_1618862244701_0.24466960159822193","host":"s3://npm-registry-packages"}},"12.0.0-canary.8ba3e298c.0":{"name":"@material/rtl","version":"12.0.0-canary.8ba3e298c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5e8e7b34be282a8305bf43ed27a8432376573c3a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.8ba3e298c.0.tgz","fileCount":14,"integrity":"sha512-s/dYlTgHqp0Onm/DeHwjdd0ITxeyXhCW8cJANLiNtxabq8qx3zA5Ddlsgt3SKoNvEGxY97am66SOWs5Zr4RguA==","signatures":[{"sig":"MEQCIDPw9R5Ag169IkrxGgbevwzhKtVZkKAR2YIRTgEFhDmMAiBcGH1J6WgmRtZXNLrJiFy4xtbfQy2eXKiyZe+zV6T/9A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggDHDCRA9TVsSAnZWagAAwYsQAKPX87EUn4g1arL17mKI\nRwFsYS1KpLAnu0N0ul09eEROlMUPL0b/HzHH6l+69Z+3jF2fQMmxF78U/Atq\npg84IdKfqPc4jc77bhSV2bx665sWUPjDFRoTzJyMHEMov/ztQfsXjxSHw6E7\nRBiBMrqQJ9j/eED4763IY6aty70nm4jPzhzezetaYzz3V1IEdKpU384uE+8h\n51d4yVhOK96Eicmn47wyxz/nexWazPDuGuUYfm9i020LS7YHepDaZarzzON3\nbCkMERl+iT6IFhhxMgcNFX9O9DjbIDTMYhMvwKYakr33Tl4C9Xagos9p/5eQ\nnPb1o33hMMnKkrzRSLn9ScEVOKowdgLZjgYYUEVJ5+CsXmLoEqu0W6u8QXYI\nvS9WQ0J22Z90lRZ48cMirrAiQcuayeviRNUoo18UTFX8R14cOldB0ggwG5ie\n1VPTa7TrVdHnrpS6+khl66dGzRzglymw4clUKAIjyXFSCMv6kZX7vE7zT4QR\n95HlCh3YJfIeO1xd2zxQdgnU6QEB/qP2ZFhGBP2uTvxIiSOIDcbh5UPL2r+n\nzq64CT6qIi+wxm3hEa9qpwlyOJ157htJlU3Vi3UQOtH7kYjUeG3Q7hTT47mf\nxg7g1C+geHRZwj4sOBCEMORT8IveSYZMlam6minponAAqZceghkxEqk8Or8R\nBnmz\r\n=jd+i\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.8ba3e298c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.8ba3e298c.0_1619014082747_0.7163863549036573","host":"s3://npm-registry-packages"}},"12.0.0-canary.c629eab71.0":{"name":"@material/rtl","version":"12.0.0-canary.c629eab71.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"53b575562a9fd3a1abc6de2c29035f7bcf129e2e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.c629eab71.0.tgz","fileCount":14,"integrity":"sha512-d2MgZAnYLd24TPzwusVEHUwMeoYLjYW71hx+yca5FvvJmz29htsFO6fb+oPbHaqz9LHV3kvE9wto2YiwRaMa6g==","signatures":[{"sig":"MEUCIEXw8gUcY+wHEl3bnFxiEIHmKUa0A1XIJXTGk4gWZgYbAiEAkHQdILlGmwd/d27Efj2pNFVEQfTAfeP107lnbIiNJrw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggIN4CRA9TVsSAnZWagAAi+wP+wQSOawPBB60AbwJecd7\nF5aA2CvkWqJX2ATodR5L4K0s4ZXLTkwa03XwAIfsSkmFxqigM4oHeM9HrzPR\n+v084aAyWlXLVII96tVatJ2wA7cyJuIvQo8rwewBin10o9evZK+PB2AtTOjN\nsFuOOsP6eHbwjWTVQygIZmSLSop3i9UiOZoVFfv8uKZ9xMBgzt0MXjorsPtz\ndGZ6+rVroEEIX7qsBBnVL/4KjdOFRP3SjdmWCkHd85ISm6VZBER9UzVqFll5\n3etqF8YdNj+XEbIOKIFCyxjv8prPcev6QdNnJONXFp2hGeI8ZeIPcG1tGwgn\nB65/MJvYvHAfKz7g8qJPOW8yvux1n5M4NXmMShjWQ5p1ek2DHzWY4VxvFwe3\ndPYQGN6V/sI3oKYDMY6VwfpdZzycPsoaBCETVcD+9lJ9D9a4AOwLFsZkh5NS\nlY7NFBegCBRHyC/l2tcszL5mKLueg0uLnW94Mz42AXQE6Eg2RT2nB7vakr7X\nivX887n4z9/orhRC8x6+Etxlw6a1kF7VUe15mm3Vt2D7q7B5p2z2tk4wFsPR\no4McBrCQgE/s+qnfSgqRFCsybWlaBD1qqzD/av7mRVh7udo1ddEi5kvLQUdr\nIAMmyxzN9u/UcCTAzr5OLeyzBfjySUC1nMDRW+pKse44gND6Rx43Z3s4o2h5\nnWMJ\r\n=UI3w\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.c629eab71.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.c629eab71.0_1619035000439_0.6158050779260409","host":"s3://npm-registry-packages"}},"12.0.0-canary.8ace3b810.0":{"name":"@material/rtl","version":"12.0.0-canary.8ace3b810.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bbb20339f5fa39c9bb5240050db5fbb0da6b4bc8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.8ace3b810.0.tgz","fileCount":14,"integrity":"sha512-EnZYduaN37UPmBBhYazSkb2XRqFlgJ/MMRp75Dk7hav7xkavLMRG28jAj7OXG1Jc6qUYYo4pqhgWpJAqde1Mtw==","signatures":[{"sig":"MEUCIQD755nvkrzhDCmhHgHuhXozGv1NuV2A3GrfvycK4g4/LgIgEmiFympj5b/AzlGd99e4tjhI2PPIvuw+F4602BwtvSY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggI0CCRA9TVsSAnZWagAAPZoQAIxem6fp/eRcZHV6h4Dp\nEEu03vUH1yM33ophS+UWG1ZLIH69Hn9mUJDJ3GneOyiiZ6NEKkVHqdNJE+ag\nSpfM8oEjQ5ry2HzsjZjARUC3i/P1VKkUun6c5PqMqhbslOJGwb5vnD6acNN7\nfnI+0TZaSl8r5Ui9jCl5RVh/tONPU+YtMplWsp9RZDRn3xQloMI878zG2VJj\nUCrBZncm/Y9X1+RiXYs9UH//73JNv/6ZA19OzaF4ukOrOE0IC8stW8CApvs9\nQ+6jmhUxGGk7KJI4gOxv6z6so4SKA3+txRuOMObBuF3RfHFy/5d8qCe6TXlq\nP3uS2oajFUJ9j9DO+li0j6sj7/Sg20I1cGG7DXGB9Kf2arFcWdR+nVdliugM\no6n4FVAC+NJqflzj1r/3imVrNp2ORtkQpA2x5/urhNwQqzROnHvXwl2FgTfR\nwWokesw69prN59+jRqh+/1KJ1ya5xPNFz3LXY0v7mgvxSzvfzFhn38atGhL1\nH1et5u8x7p+/fx8pxCkuEQzPDEUGwCixdjUdaOrkl8TjsYH+zzXOaWfdld+d\nxSJ1Ix2J9ihqublLHbf9wGXj3UKCq7H9lKa8bnDGkByzgYlkmI7J8OGga3s3\nZUqXBt1R6Gqly/N7UHXA+9Oh0WMLCacz02++hUjv3HSNi5N3KEs/R0Eq3dY8\nvdie\r\n=XHfY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.8ace3b810.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.8ace3b810.0_1619037442376_0.4618991094655951","host":"s3://npm-registry-packages"}},"12.0.0-canary.70beaf42d.0":{"name":"@material/rtl","version":"12.0.0-canary.70beaf42d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"525c1650ce929217909190d78d3e47845c1158d0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.70beaf42d.0.tgz","fileCount":14,"integrity":"sha512-jmpJ1opA9JuuWcxkJdm5UZb80alqFgwhQrtbfvqe4m6S28e6XqS3btlo5dAopRxuWTpeqfmHv5tWNQvoj4WZtQ==","signatures":[{"sig":"MEQCIA4tV3GcxJYKxI7l3jnNr0Qc73Z3VSrlamx4YP/nE4VVAiBTPE/NuxVqAuMeaH/l1wPqjlra3q8cQHd/1p8p4rkFoQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggI+8CRA9TVsSAnZWagAApfMP/A5GTSvzlpn1m4v4Uz9i\nxC0ZbokWhdbfBUHo9zOcx7PuHyVpnqPm1shw4AdtqAjiPl5UuLSCC7uO7azh\nq5yOhv0C5sN8arTqc8HkZdnyF6vvneEskWDU+ilgYaVRk1YWwgffIYHC7SBG\npCaIU4gaaFS1JKVZl4vbSKLBnaw1HuZd4SlZWwoQ2wXjzpXYJs+r0Vwruf31\nD8ovvuoo09IsejaLuwW58bEgrKzqS+W3ZCgFL8n5Ppy23QuOBHhg5qoTjNYV\nQdkakZWCtNY51xBWecIn9e+k9k2CIZLd/+SxfuabimcUbryKDnlfQyCixcHU\nmhu4CtmN26jAMLMBF//yCFXiGPQsxGZSqSqvfZJG5CHc3Azfj9HD1mL1Wr4j\nKWtB7g6SPH+yhOnMtZaGYnfP6KWwv+DcRluqCtKtn5e1tdk0Fl77SOeQ3Pb0\nWF3jCUO+s9AtPr//lpygd+Y8sh15YnTVxzdvhAaNP9QAPoL7CnxLSAoIOEbj\nTi5ADsLgcHBXd7mJ7j9rdRRsDhM/TPVxqalSYvIIOXA/NNC64Td1fv/B9KS4\nhVbgCtVRJP2UzgS6TUf3iWxlXBHtA+k9tyq0VSfeqGxhDa3Rrwtavr/RXTpx\nrC0s2P5Ht5ECLWyqw1pH+lD0DOdQwgBAbwVzJyi/K/8nOGdS5Bu1ZHa4b0S3\na5Tv\r\n=5pDN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.70beaf42d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.70beaf42d.0_1619038140466_0.027570796182296853","host":"s3://npm-registry-packages"}},"12.0.0-canary.cad489689.0":{"name":"@material/rtl","version":"12.0.0-canary.cad489689.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"11825e271c0147b74d3ee77aa53d203cc707e81c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.cad489689.0.tgz","fileCount":14,"integrity":"sha512-U3SBEWPs6RpQMPYPQ0RXM0ROCl3VXY01O1AGaYGQ57sa8ikvD4EeqwpKEeAzWPFTentsXVbRmRJ2/81VAdUpLQ==","signatures":[{"sig":"MEUCIQD1Ah9o8EzdpNadGb7nscnQ/xEcl2oPhrwFPwk0JnFiUQIgWIe1SdBl8heWc5BgN6rmte8mYRKX+NijruYgIl9HPP4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggaj8CRA9TVsSAnZWagAAYHcP/10goNapkafQjm7oSH+c\nuw2e+XzBypO/koJgn2vLC7Q32FfMBQB7BuvnBpOm2kWeiJBKcdJIsVveiekY\ntua7atrbdMQhmeteN/iMYd38iIrxqbuaD+SfVwSwvMIsljIqNECldDEUmkUn\n/HBkP6LphyLkjnSBihfRxxjjBTxUVwkTx92Oefks+XGDehqpyMefxHHstID1\nSA5Hm34yK48CzCisvd0JKAegjeLq5Gr8TuwKugLW7WwOtj9CDQIVaXXmQeAC\n82pTFqyBt7fWvV+SVky3vbfAjDqWcQy6jRhbm6eLVS8Ve3DCEDToTWduQTXj\nYVGOiYkTlaz9FVCQRB91+MouPpdBTTNAySb7BoyLpqPBOCBgLCZr1z9uYKBb\nKSYbhCOp1uLaifSoEmMe964qLpWHj3wh0d3APIXS8jweHgTMTuEazxwWPo/i\nufAVPlLj/8/n5LjvUN3x2PfbS6Io+vJJJV9ejcFChGdMNYoomT8pvJpj3fzK\nLkY4NOJyAWpdJp8NCWr3ND+HrYpTmdNtdFcKKReJQ5a4a0oFyR8IYjcfvNXY\nlpOMT8EVx4LcJQg7UG65Y/ZyaSxtQf3bA88vvrVBB8Q9A0EsKLgJq3Wz9sC8\nNX2OBzTTvucRx8vtKnVZ1xzsFM04/qmcuw5MSkKPOChao7QcvqKMHuKcb7V2\nR3AA\r\n=IebP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.cad489689.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.cad489689.0_1619110139953_0.42015677870639667","host":"s3://npm-registry-packages"}},"12.0.0-canary.d928692b5.0":{"name":"@material/rtl","version":"12.0.0-canary.d928692b5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"066ad651c0fca12dee1559cd1695bfe556d475c9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.d928692b5.0.tgz","fileCount":14,"integrity":"sha512-qTUAxzwGFthSouUIJwKAyprGVH7c26vzTLTUUIsTNZmBcqtZaafsoY4XUxMgm9lV1kLZIADrfaOixQqNsBx0UQ==","signatures":[{"sig":"MEYCIQCR0a5V7rYv9cr7ycfTob4gm+yiHVHgA0y1hRHv2T1QBgIhAIZOaAt1obq2i18NcPifT7Pv2exfsjswbu9o1k+8uljw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggwUFCRA9TVsSAnZWagAA7y0QAJfzIpV3SzG8fc4UxsWU\n4vMwsHxa38eSkhMSjLQnwGJMOvYdOhVazqdSf1G2Kuf/TlDJzUekEbeu8mBc\n3K/Nv1ylt0XwGbEZFRQbYML06GyZFnmM8FgC3Y8R/q1S74oz3Tacpm+grSBs\nKx6/RWx2qeyscWLsfC6DTA8lVDbobCMx5o+yQOyHbE+iJ3c4Rdmz8+OSl0ra\naqDkmxiyfEvQKstFa63eb8VASU/zj/ODRHyAUe8qCn2Tdnu1GVRNprGqAFNB\ntvpga67qIbzcpGHbyOWW0aQMzSrrw8JuLg9VpJxAd8t6PMazJQHtdYpg35ww\nPmpx+343K+e1ZV1nHUhwqPeh5VVLM+DZgSrJ5Z3E1Dbvzkuatyx5jUm29vp2\nrH0FIkJopzxU5j4TYYTMCHPb77PzEAkC68/Vvtz/8KKq21AJAUjn0cE6HZDu\nape1RTbxjaPD8Co0ASDjZWwqriDlB68NF8ekf45Y2BnCneLQ8+NnyjGkrPZc\noIflF7eb6pbOkO2dcyqdHni0SN3XbsBl5o9bx9OG7825UP+sqTQsVU0Q2Iqz\n6OMLj9aFBduNAVbGDhwtaHZygaHQbNJenvJDVTMXDfPgSahggFdyYj+kwOJN\neZrTRrb3m/hx1DL0IVmqdBTQ9JECrn+Mb+8GKXBBn7RsQkvhlEfqGhR6AFK/\nO9lG\r\n=HeeC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.d928692b5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.d928692b5.0_1619199237104_0.026768682947610367","host":"s3://npm-registry-packages"}},"12.0.0-canary.8f68de8f3.0":{"name":"@material/rtl","version":"12.0.0-canary.8f68de8f3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e0c48c00ebef85b06a3433368ccd7f18a2a86cbe","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.8f68de8f3.0.tgz","fileCount":14,"integrity":"sha512-gHCyNuKHsxQwFGbdHMWcLHKPOg6/kFld2rjSFOfztysC/Z0mYeYz0/MnLNMQUuhw67ADh3bJ06Hda8hAl0bOsA==","signatures":[{"sig":"MEUCIBwndg86SyrqlPeTeRKNArmlx364gf2aSq504T033N6sAiEArTRpFj31F2Sa4JAg/4ZWtpQxQPkSoA864seY26QgeuU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJggw4aCRA9TVsSAnZWagAADbYP/jYM/kVjk6C951h5/P0b\n4JTndZzQyY7SZVmQHn5Le7njD2gJvJ2+XH6Ri+NOrw/aoryujbU5vHoRmxRL\n6gltc+oAhDBK2/FtGbZ3cBNZoaxm8iHkH1xkY76k9e5PpYXXNoWiRcxpDiwV\nhdp0lWksxwsajCUtTM9amrNm51Nu2ktHlkH9ou878oogeAWncJnhChyEoVR4\nOXPALpaz0p708TAgTaLYY4CdWimSgGOJPPYz4teJJJ/iTtVhIbj6LakqyKP2\n55tCL0CdwPkh8xBcMUZJa5vyg31Wc85PIBR24YfPBUSDM0inkfIte/l/2qRk\nURID9yR77T1Xz7et6wJpMDrQywaRV/VrPvZ5evZkTcK6g4K9qQ9vT3baX5Su\nfOwgydEccJsQXo0wpkuNcc71fO9xEIRBD3ZWvcIHDTWIfIWwxGzoQnLaLxmd\njJwssGofA9Kc+fsUvFi54Ys4+C7UviwR/5vqOz6VE9+Aw6hadAn7wiM7aTuD\nzmE1sqUiCEbv23oLse9dOvGxmfFZVxJMq1LsMAKeWhZhnlBe63aTg6GDxEm3\no9kRj0y7RbwWg7O4LRPYOX9nxNwLPoKb//0cbSST3IbuO5MBsBQQPT1DE5wL\nByugFxl2JKikp9OF90XOFOcVHz+LX64PwYTrFyyRcdk4rOshbGAa6NxsywPR\nX9B/\r\n=L3/G\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.8f68de8f3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.8f68de8f3.0_1619201562009_0.1809886241664027","host":"s3://npm-registry-packages"}},"12.0.0-canary.05753cf77.0":{"name":"@material/rtl","version":"12.0.0-canary.05753cf77.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"197264ec9d469d3d6f1972257a42ecb233519c3c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.05753cf77.0.tgz","fileCount":14,"integrity":"sha512-Z/2Ed1tDDVZjvRe08nnPhGjDNSgVSlLzBc2j1M/3kEQAmUVNaPkVXVHz8Hisu15K6aM0KxcJ+rRDjFm8+M5zUA==","signatures":[{"sig":"MEUCIQCM7rZadwAKPnFzOn0YkQJ2Z7gChA0LK+blez2r3Xa18AIgVs9K4G1XuYza3fQFi3/v9xmYv4fKPNtrqMsbSI0dvVs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgg1txCRA9TVsSAnZWagAAEKAP/1HTe1Iyp7f1HT/rSOEF\nCljISyd5Tsj7H2iSscpPWR5Jybu7VzZHHSLbtr94gSgCqpME15sdqQChyVuH\nKoz/TkUc6Suv8l6OuYzqOOQSeUK9ku/uepx/cT/A+rh2H+NyyA8rU+F5gd0k\nglw5/7gLywo1uHFJ9LsvwSQoUJGmiwHVxAtM83tzd4TTwKHEBLS09WT5jtCy\n9+M4/Kt2aDXZunjZA4PFKDViaPGrZCdsDjhMu1/BFVpYgagri2vZtDNyDEBn\nqfJjXuLslfZwXEIP0WEEkSXN4cYeJojxzAqLlHNINiIgeV/cnuzP8uDMRVGO\nNBO+U82GhWYU+afTojDP+jur4i3plJNc7mfqHvRI6Dli+HZPtpWxaJgdk9/c\nkFsXLCHr0BF9PA8zKhoMfqFMXAt4lsjIF4opHYngW6zFA46+seoJbv23LPxj\nnoEO2kzlWT3sy/c8X8Nlu5CJRNc7CyQ/rPCWQbjgWrD1OF7St0oFm3ineUYN\nilDDbePLWT+Vh3e65neQPkW5RfUrDyUK2sfKvFyPUjzCggpSJw2NuIjLGWrL\nEtUpd4TpNic6DsPfqyaJW1saIQtdRE6BRM9r7mgBa98qNRRQVHAGFE6ty4SQ\nGKAw0UY4W9CvnGxYNxOf/NeCA2Zkfav5oFV/ZFG6IzohRVigM5CcCxuGjDFq\nntp9\r\n=GjrK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.05753cf77.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.05753cf77.0_1619221360591_0.7007540749238961","host":"s3://npm-registry-packages"}},"12.0.0-canary.ef43e6d96.0":{"name":"@material/rtl","version":"12.0.0-canary.ef43e6d96.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ff4b3b8493e98113415081bf312cf3c4fd86e567","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.ef43e6d96.0.tgz","fileCount":14,"integrity":"sha512-cViix1LOtyBCD5/AlPw5RwlM6qA4rL3EWVASYDnMU4ZoQ76UbMM9x3EuRymS7LrlXaUorJRSbl6gYkA291QR+Q==","signatures":[{"sig":"MEYCIQDWNa+y+15eAdxM1Qi00wna4mfaoIfYqld4G47ohX6r8AIhAMNJ+uYWZrLcU+qzF4xLxEQ8v9t/cNWsfzNkrhpFLeaF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgg1zrCRA9TVsSAnZWagAAppQQAJFmoRQ7eNpIPSHSKpqc\ns2uiPrN78BRnu8a73m9WNaD7XS5Cl6m8H9soLdZnMB3jXUtJKRkuDfekDE9I\nKr4sPCfPJ09uTL5bPeVq1PEnbZyJWw7ml1R31vsi6UdbTPlPObEqLCkn+hE2\noOwGmCeLqv+QFwoGJLvSClIPaXsh5z7M+rKdl069aOqN+8nfjI+A/H7loLv+\nyO+eOa0R5Mpd85lgQ3y3mHIiVlZj6ZMVSM8Xe8PCBEQcmwvvVizyUKWq3kY7\nL0VniLzp5csdGDWH2s9p/XKG4gIJfxkL38atZElFpEEKa6HLKnFgOa41DL8b\naX9P6HiNWbfRQBIASZ11CxdNI52FuHoo770/YHaBJqjsBLiHlCDoIZEJI8A+\n7wxzkrfpBXclkX4YrGw5mFlpjEXG/Lt2a4rsu30kp/XqAeierNLADAOhmwFy\ngdQEMyu6tc4MpbQEvZ+4Y57I6EIG4EhwYN7YQhvoC6qAaHeBMjT1uaB2qOYF\nmg6b5edNtxOeOGQdgSnCPrU5ojaPLMQL+s3gSzyjiexKQmeIK1LjMN8dZxHN\nVCvWcz3MRSeJY+ZsEYCZWuA1phJF36nEITsWGa7J2HpWgJz/h3uxuwyRdPfo\n6OilSWy++lIU84KiIl1gny3N5C12A6Erer0mzMnubIw/jFXzgG8OZ+UYRTSP\nrqo3\r\n=K0oX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.ef43e6d96.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.ef43e6d96.0_1619221739204_0.22008739790937004","host":"s3://npm-registry-packages"}},"12.0.0-canary.197f64fa2.0":{"name":"@material/rtl","version":"12.0.0-canary.197f64fa2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4d4d8b54867a7fd9eb6f0cc002d25bd2750ba0bc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.197f64fa2.0.tgz","fileCount":14,"integrity":"sha512-pW9qIPdUhNWKQPjXU2P97BfHiKH9nR3bCGmr1LYj1f7vEZL2zsnNPvsOh3I+BJgtxXLp6eqshv/daGF5Juufsg==","signatures":[{"sig":"MEUCIGKbEu9FAvMlSTXCILYkApCXxWW31w9u5FXQxRGAOn5hAiEApvU8nfEej9OJnZOi9zsX1h+wXU1kNuiFyYgY6CBoPL8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJghvO4CRA9TVsSAnZWagAA7WUP/0c0oUIPmbUodYj4iWv3\nnX7mQXVTm/DppIawjgI3yfFj8gT5d1xuf41xdna/eyyHjySdICJOHtYJlnMj\no2E28MaJGcohwQz8r2VLVoX3s+oxcDtWDxlFNikfibOc2sCtj+F+v91oPpBd\nYtIDlBimDF0aSwYx0uDkQx5elvZCgnrG44W8H3eWyWiWNj4RZDf1kW2fRgOR\nZjSzFANDtyBib3IQD6mkzuw15KE/AFiGqYJWSMkBCXGnvIXmWOORkNhfUKjx\n6Nw964lVfsvPApIMVoc3RjXK6Pl9CvwMIj0vCNNqmA3TMh5flH3yMFUjmtua\nLOr4M+hrkt+t1thI6dsZB5aPcEi8+VNKZhVTGbhfToDIMIE4NawXxZp7t0rJ\nwPAaz0xoynTpm7dk21WJ/zGB39W0b2aP4YIFYR9YLrSqWcMMwZlmALB6g2tP\n2V8azAHQGZqGttAJNnnI0Iqjarb8+lHTcAmYRbQLBupDeQ/2dTDOsYVYjKvK\n7AusZm/yJ3hyBAdhjVANZu13im1MZBgwwlq0OXfnDvUfHMr/rs7e0/aPe8OD\nm3y/qRppQJ7c/pFqZ0OfTJ+s8WNbOUGoSJJVxqgQYvaq84BOEaRl1LyiBIzG\nLzN0IDFKDDtA9w1cn4EOrG5D5xQwm5M9q4z4/WolR73PJNRmYPkHSInVttN7\nnuVq\r\n=4fNV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.197f64fa2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.197f64fa2.0_1619456952116_0.8061472986165683","host":"s3://npm-registry-packages"}},"12.0.0-canary.55ad2d7d8.0":{"name":"@material/rtl","version":"12.0.0-canary.55ad2d7d8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5f2e99bbf2704b067082f2fbc7020bf8e6e86617","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.55ad2d7d8.0.tgz","fileCount":14,"integrity":"sha512-DAtgCVW7OeH23R8awAXcH2/ePhoipo/Zki8xmk7I3iC3f1sUgs3wql17ekM10cj4wAB7NgPKx0hRgrgNtpHqXg==","signatures":[{"sig":"MEUCIG/XaiOjj7VC+noBa93P4VRJCgKRPGYGifyoZwrVqvR+AiEA2Gkxkii8Rf751VxMicybUZfHZXWlqQDGA6xJ5boWh0I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgh2abCRA9TVsSAnZWagAAXpIQAJAftxstGx2V5cmRTHDq\npXoMuSB2NHEKQ2H5Yd/sgl4HbGxfa+vlzk8cQpV9vakaic56wjMyXgEeXHhs\ngl1Tf6E2jf0scS30FYVyAJ1rNUlzZbDrFLgsM5z+P7TpB24xl38gXIo1Np6K\nAmXJxev/3cOzHaizeMnrZ4FLB+vwnQ7OVY9zZzlQM/OVXtpC8RxxkHJwYtww\nl7I88IdtthZ1FnxM5R4GYQCEYw4haeSh0nwicU6uF1pcBcap63PI1Gfa8gyf\nkmnzjak17l3NJHaAhdUAFp0DpqUSSlrJgimxvGbtflFm/xHc8/7VsjrZDaFa\nRjBr2pyvEwYQKbv95YAcNlxWTcOgDuZMZQSyvcvYey7Qy0nhYIb1xeYpNsnr\n5T05SVrJrvlotDj0Nz42b7MwHCCT5q0Vcgd8aZeyTmeB1AdJ++GGM37sFATW\n+Uo/ZMQ42XviPIj0gcNy4udHfzSwNaqOqdLu1wW3ufAn+VBd43EFPbeZ0NtE\nO0VlcgfCIzHJvtH5ZM6lj9r+09DPkbtekH4qLJJNq+LbIUr6kYxNz+ERXU4w\nuB4FfsD7Ook8/7VMIqxktWhtQ6xI91mXFy4++bzHVZRNEKm/HyjIW1HCVS9n\n5rYo/h1U4+zrerFbGxQYK5t1wSV6m5WEfOBsrBOhy0e9ZD/eqz9kMCmeXun2\nq91w\r\n=A2Xk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.55ad2d7d8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.55ad2d7d8.0_1619486363137_0.5008297697565678","host":"s3://npm-registry-packages"}},"12.0.0-canary.ec4ac5234.0":{"name":"@material/rtl","version":"12.0.0-canary.ec4ac5234.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1f1f9732c084c28f8c983d01e026057d937dd182","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.ec4ac5234.0.tgz","fileCount":14,"integrity":"sha512-vWQKf+Xww487OFX2xWYhS6nF70M/JML+YvyhNJ1M6GX8yl5U5XfCjJ159fd6gZMBIWtBixxFgCrEel1RdVQiUw==","signatures":[{"sig":"MEUCIGcAWH1YQwP82UNLSsyog2Bz3P6/OAzyNf88M7AhG/8JAiEAmzx164HoCNTa0GSEs0dEShuzP7hdK7hIdyBbWPsEzrE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19804,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgh8QRCRA9TVsSAnZWagAA18gP/1aLukhvXm5+fpO1E2MB\nXFvFFjNApquP/v0A7X3thllQyC9wT43+U9dkovGOlT2syRExwBzeWZsl7ftr\nh+u6ck8AGlTv/QA17KzzPrOdRcwKojMJjoXMlFRrwfaFNjGt0AJS5p6xsoOT\nj4utIcYd63y4kPF8jgc6OefiIk9oG2wGzZy58kaBdfZbI/ymqNast/217YnL\nlbgfe81EpRWeH3zyq8VO2K8HZoj+8csdxc/6/VvDXBN+8psXjrnv9HzUfovh\n0qMgBITlgDxgHynFcNNEhCS1d8E131bE6rMmhjgeW41qXrOo7KJM+ikMdorf\nSAqfsRdeY9wMteH8Foslt4vFqSp0zkAKLTuYhHLTeS9H4IwcpcRJ5L7lQvUG\n4BvN9rq0vXmwT9zo5lvU+fI/ZDtTlKJ+NUztgsfYGKv8fq2/mAeUmdusX9e9\ntG6wlMIixerNXcFH0751n31cv36ZqvLlIE10eNPCUPNOGbwqJvcizet+KYBw\n4bHHHs2kVTtAwbfYf9yIF1uQuGPotIubGgjUK7NaMtoTv3WC+QHw2So26JL9\nOs2Q7u8uMIaCQbGwTcs4nOgfJOdbC3C9Rn43FXSwFmvx0wcxxmINzfmmFM3V\nO41z2LqYW0/F/IRzJUhRLvlrRTLy7CPmNswEk6ItCwGDdvi90EzbfwttvKaN\nYgtG\r\n=x9qZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.ec4ac5234.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.ec4ac5234.0_1619510288587_0.7675503911473034","host":"s3://npm-registry-packages"}},"12.0.0-canary.b0579acdb.0":{"name":"@material/rtl","version":"12.0.0-canary.b0579acdb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1d1a5afb9a0750cd8b9053adb4f1d542518a60cf","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.b0579acdb.0.tgz","fileCount":14,"integrity":"sha512-wljVednhEYZX4QIsYKfiaFbKT7IYV9ecODOJeII/nLhqHg/uI+Th5nhIZN9zzScHC+3CAe/Kou03YRYBA6rAPg==","signatures":[{"sig":"MEUCIHW1TDUE9fQ3Iga3pqpsFYfz/TkaCopeagWA/Mlt6s4nAiEA/0wNZWEWq3QRfVUaVd5iG7PnciKdmxcT+LC+7qjhdXw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19804,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgh8zmCRA9TVsSAnZWagAAB5oP/2ViwUkwYxghauERRVYp\nm/A29b1GlumaJaQqyaP5AkblOO6qQBjhCxUZI9sMWhe6QbYwTOgkW5ctdzI0\nBHWSidLmgW7iEccd5VpIPBZaG2dx5WEZj3NLu+DKzkpQ/FgpeJjYUiYKY5Bk\n++YUGVjgPtpLfkn4cb6vlLwGZLTUN4MRYdbDVtHDW+NjeKyEaFRuyPnyOld/\n4W47lX6bjZtfhjp8lGwn3MMu96EyXYXoJmRHfVobKXMFg4a0C9PhlT/B+ikT\nf4SVrd6DA+q1n4/LSSGbMCRj4WPC4la96GnXbsUTigXDN9KN+pUQ2iZZgKMp\nahXeZz3yTftTdlnnea7Z4HAXJV7TWnkj0vE7Y/4hPPW2f6US1yVxPqq/9E9Y\nNxRDtG+rS2rOWp0mQzSe+PjuhqOUefdiKYcxNueAWKX0UYnSukzI8vL/SFJI\nrmgC6BxOzbifMDmeSZ/7sWmTafcFogsJ/QCUFNcsmboGncNojGMg15o2/iYg\nKVCZRwS7RINamKkJeqgiRgXAtBQqNXje1GETzX4tZr3yXKUUhJy56hm4a+7Q\nGJ0gO44r3dYGGmt5PhG4hL6TQ5PDrEsJK9OlJE6ynvjvOS2l3MU4neQ4tpND\neEg00egRBBxhMTLeJ2qfAQyEMGDh3auPBEqUa8vx297odgIvJITpi3o1fN9d\na1Vq\r\n=/IPs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.b0579acdb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.b0579acdb.0_1619512549786_0.17935341222354517","host":"s3://npm-registry-packages"}},"12.0.0-canary.81e2d4ff3.0":{"name":"@material/rtl","version":"12.0.0-canary.81e2d4ff3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"064bc5db164afd4dfe498e2a707a244bdea41fcb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.81e2d4ff3.0.tgz","fileCount":14,"integrity":"sha512-1jt2L+v56NtAZXixCHHmDM4NylX6Uu8Kcn58VqUizQh0lg3rupcSr8WBvfBsDsdG9L9Kop8QENA0JDdhIiVP6A==","signatures":[{"sig":"MEYCIQDozD46UE+DQIAcYGnaBrhgyYar6aZC2hZfMhkTUrHR1QIhAOesLeen05+jdI/D87nxsAG4FfzVBKYxPr7wKNkVsudX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19804,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiHqtCRA9TVsSAnZWagAAWHgP/3YLqMPD6iciJRBidY+2\nINAwPH37NG44zs+9/ELwEVZYQSdwjBxU3J1plWLpfzI+PontWRmIdX/CWo4R\nVTWmUMQSCuqoPDJtE7oz/LCLy4uGDGmU76dtGDSjbvn9Alv3ufoYD0T7lb3i\nOSuuawp3ezg2GwCC1us1hVgEan1aIWN+PPD66f49kLuX+SlMl23wVO1qQ4O8\nkkoYAknqhcpTSn1kiD895x6TRK9grKZo2rhFTMD/uW42nSVlna/BlZ1gMGPQ\n5OCietCCn9oyTmlEjw5ink/ALkrVDla72n52pMXxqSZj/rGMzfn8iL6Bm31H\nCQgwnsSB4tkcXrwD5D4Q5yNLTlULVHbKnaq7P2Ovh3dzOW73zrgROvMzxfw6\nqbppW4nyToTMnqRbviZjnjg0A/ZGgsUehrP/4N1LtT5ODtZCO02p52NkXvCV\n6eIFfCYqVCeo0Pht3lkPEZ5tKRI3/0BDqDJQPtmwioG4jKpn3YWja/k5mUjj\nFs6Tv9eYp1+GFa/rYEaCyrxV3Q4ysHK2c8ESITK1HWRZd5NTQm5jtoLt7UA/\nYU3n4T2nfN33sWGMzVK3ErZvQP11K7uQBrnm8t261bL8pbLNSyFtv4UGyZd0\n8vIyI1onRDbh0YI8f7+Qq+mncPS7WRg6NCm4BmfrIlJ9UX1cbRuCJk2LEOpX\nToO1\r\n=3qRv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.81e2d4ff3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.81e2d4ff3.0_1619557036635_0.6121246174130874","host":"s3://npm-registry-packages"}},"12.0.0-canary.c8edee52c.0":{"name":"@material/rtl","version":"12.0.0-canary.c8edee52c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c2b2294d015e5f33c38baec1da33996ba5bc8314","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.c8edee52c.0.tgz","fileCount":14,"integrity":"sha512-NzV5MjTgVS8pqKU1059UvrZHgYACblwb3enR52lhMnyYgzTfpiD8P8hWRN2bGsEF9D7qCI994zjNxt6gpKaKjQ==","signatures":[{"sig":"MEUCIA6mDhh8No+YzN7W7ByxV65o1e6IXoRY/gjXQvpyK4OIAiEAxY5ctyuyMgkG4Cg7SuUK9RsTCiD0B8S3ib9v9/Gj3uA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19804,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiIYBCRA9TVsSAnZWagAAS88P/2xgVuEkgYFm5DZlGCPV\nNSuNOh39pNN2n6pxrpJQ7XLIT7aA1R/yfeONVNzUF9dgsrkEOT3FR2tBzGqv\nfD2spHDa1mwBY5m+A5Q/0JoTQ/DSQaY8hX4BIhMQzVTR3pasEkFF/2qf7MuF\ncOCfpq5lrFkKr/HNCIDwZ436s1wpuxD9PKfrAzVLwK2X6n8V9dk0kM6Hx6p9\npIp6QZVuMKdErXqzduR4tPVDPhpKGEmhYF+qIPA12gxkWaPIkPMhvSFrNF1+\n3sHFTorRxEk5WPge2wltvrcfBjZjKaQdFPmwDmQrc1S73ZYpsEh/6vFdMF2R\nup7MhziTZ3OBv52y7koAfKXAdMcc8y6WN1iZGksbwuwpjtxphP6tKhsQTbHL\nKftk6/jMzkUGXH/4p06tCZe1EmvA2fNwuPoczbKH6FKLqWiFUnp1DhBvvCw4\nFT9KBf6idv7jxoeum5PZ77FM4TY7iZbaycDRge3goIr7SPDsb1SuW770FQQW\nUh4Lm7M9spWiZ7Jqm46l6wowsSl8lriuW18PvG2LihlHiBcxlQIXOfxR2nsa\n1+nSWUIbka6hEaHiDQSRUsTtD7rIzAJnW5qBg/4tD9zxpZnjpJALGQFSuaDj\nQX4mxFbACaLePk46Xj9YpMEv65NaiNsB24VyhPDqV2eXUGcyoBHW6ko7Nc34\n8m9e\r\n=VgfJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.c8edee52c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.c8edee52c.0_1619559937331_0.5807943403774174","host":"s3://npm-registry-packages"}},"12.0.0-canary.f5b6110d6.0":{"name":"@material/rtl","version":"12.0.0-canary.f5b6110d6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5a4c089fe65f28cbf28ab40fa5febe79874f61c7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.f5b6110d6.0.tgz","fileCount":16,"integrity":"sha512-Tj8MNB72TP0Zz4jvr35NJKC+Yzq156//W+AdQrHuMz9/PERLE2V82dUYi5fDPKuhj2JqUpgjtvLYjk6Oi30Fkw==","signatures":[{"sig":"MEUCIARO1j9uQ7v9oJJB3E25RdA3fnVFDt1OoDQPMHEyUsU6AiEAw3JkwBdRKy/2jBB6XbGv9bp9pSHCO8XyRa/kfuWrwx0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiIsFCRA9TVsSAnZWagAAh9oP/0Wxx9G7OViWCphsfYSz\nGNybytIxgxZU5NxHqaIYuqJ+jOi15AnYgJdqdMPsr68YVBfhosYAjN7i8e5Q\nYU3b2RmJENplNr4GbZsIUHNIjQLToy0WSVm9yKt+d5NnQUpZ63n0vILJ9sUz\nVF73697ScGifwu1ESR2qvSVdzOAB6aaMXPxoXpKOa5sIPgQSaCO0x7U0NrFo\npYOokVcneHnndf9sRMUxd4qdPYGy2dkffVhZwMPQ7hhHLlKDh839nt6KKOYL\n66l/SwT+HJk5Qdf+cU6xcgnsqPvx08TTNbUzufmNqxlEy1SsHeinGPpGNkaN\nnOxRAGC0Gs+WHaWICZ0zxFRcoM+jbvX/1YSTLwYU5tZcJV9DWwY7HI7zP2ej\nqSWnepC1Hz3w1Jz5k0wKJNbfZxBTHzLm3wyz32gej8IW7eAO6G9R+eFyGu/l\nqJHbCIKwVgCJanjUmcD5G/tWvfUKhYjlf0nYjYlmPHueB3GEznnUt5bWkp5F\nYpKlzGs9fVH1GR/nQ2GSeNG4WrlWSfAdrVmNQ83p67fZ5oixIvQR+0siKM9W\nMDEcW9EedRWZImCecYTKD/8uWHkBmsBeG9ynIiuVQx1BfGyzbcsrO/MX04PO\ntYOJ1Kqy5ektjCJLOyuE8PWoCtMI37Oqyty4gYDFLRbjd6wCk0UoDEy0sus/\n7Jc6\r\n=MbGL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.f5b6110d6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.f5b6110d6.0_1619561220802_0.12401667882160128","host":"s3://npm-registry-packages"}},"12.0.0-canary.cee9b9e22.0":{"name":"@material/rtl","version":"12.0.0-canary.cee9b9e22.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6c30e811079a7315f5d28dd5d23ffa5966edcfc4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.cee9b9e22.0.tgz","fileCount":16,"integrity":"sha512-+jk31Jy50KtwUV67crE0tKZst1G7ct9rxOdS/ovJoF0/aQsLC0mx7K8tutXngRO8/Q5hPlSBGj0cJa12uZUfgA==","signatures":[{"sig":"MEQCICjIvQYw69nbzDHXX7kq6hy1tRMb7hCBFtpP4BmN8EKuAiA73atTVTph9Ivn8bseTttp+vof21Pa7eBi7K+aSLGJ4A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiKhlCRA9TVsSAnZWagAAsy4P/R7DupTgaO1hcmZ4Cu1u\nLRBcxKm9iPQM1vLXr8sGjCwYz7da6V6oPlb+P+f7gEaJKJA4x4Gz6cYEmllE\ntuLaURVYVxLPDe+x5vZklc+RSZHG2iZOHBwWlnILi/KWNiIKwI+gkHENyNtP\nsXooeANeMm+g1tZp0cppDy0EhW45DII6cTYjMcBUTLJV0/TzF/VOOd2+cnr0\ndxP8JVkTEXd7mtctnNXM5nALp8DQEa8JdPfTZPtEAG8fuIF54oMOP1m4xgSc\nvd7M0vuf+Nc2HJxCojeO5Urpnrreu6OIaAO618yAoOESsnUIhWRGwWHndVep\nnAccoWXc6pFlrIxDIy3dtD3J2TBIFE7HBCkZCf+xHfM0CTPakigghPpotfNb\ne5mFXx2qKu+E4KfRykJVAWLKCFd3xFOm71NRiLDypRZu3imOKFi7o5IUPFL1\ne8JZgU9f9hYo0d7t38EeM4Qa+qMoDwfk6TW4i/1sF38NUpPQRN+EomqLdkdg\nAH3EPydIxkAwjrhuvSwMnd/ak+QKWiKzrD8kM9yPtgZ4KXUh1/bqUu0aeAzX\nUFM3fUNSrqru4UKwYzRBpBguoFn9oj+AixxfkKi6gZFPaabh5KNZixBTKucV\nlShJUymKcbstp/rAfqua8ph/mkUS+jNx7LzViy7PbKI4I51d5VI8wme+pYdr\niroc\r\n=vph9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.cee9b9e22.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.cee9b9e22.0_1619568740494_0.5919096525828176","host":"s3://npm-registry-packages"}},"12.0.0-canary.96e83fca7.0":{"name":"@material/rtl","version":"12.0.0-canary.96e83fca7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0b37b2bac872af13cbd2921c3c67d08b85f2d7f2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.96e83fca7.0.tgz","fileCount":16,"integrity":"sha512-9nkxXlt0jp2JextZ5P1N3Gvh/OblFWhetarZIR/gJCXzIIge/Cm0xJdp+pHXjskZp8VQ9tuHV45XUVNOnEyVLg==","signatures":[{"sig":"MEUCIHXltXdCZmey0XECKsYaFbVg7JqjBZpV2jbkxsvioBXNAiEAqhUKivSXfLfzhQ3aVWnswa0dISweDu3AwJSnTV5lr+Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiMy/CRA9TVsSAnZWagAAah0P/iZeiPU1adw/158dh2ce\nsLyEJ+hhpiHYYQajfwWoVVMu4LFUGc0+MrB3JRPEQHBP+1b5xTo9ZZTTUc0K\n23noSYZOvNr7alAkDTfbIm43gedCTz6eIRDiZuz2KeYcAhR5CycMd5ATkKMv\nhgtposgoGGqeg08L0348Q/857NsmVqK/MGn7BZS3I4YiL9lEHXEJOwA8h1J2\nLgMqBBlIxxyB+BqKwYc43c7f5IcgeKa/TO1DBBO3KM+oWXc/IM1iLaePPhTa\nL+Bu+5sXge+0T1kYiZIFjc1kp49s9yXTT+OqrZBJwm4P4iHKB1vXP9v3Va03\nZB3g+bJ8rjlkxGuDXul/wy3RmfUG8Jf+D0M4ESrnuJJbGsHN74XzJBFGi0tZ\nxv/8/Nk0c5neJGQ6IEL/xulg0IerKd2PuWb2Qi4/C+cKOI3anJ2NwKl4qikl\nbJIGi8Inie8vXfsaoU1aWHn1Vm4ygkMfxbCIE9L2XjwaEQ95+jtsIxpK32uI\nHvADP4Hea/l402cT0OMxneSfxAKn64DNMM/f1k9SHYwOG5dE6+5CSfIFCDF0\nmDhGy/gFLMbbEHrWyrKw977wiw4S6clAL1U34BfKmeHWRaTwoLdFXEw82kHt\nabYWOAD1FioFF5Rp1CMXZwXhajGzyX4bvDpwdis4TPzXuhtuPo4JTXrEMt+0\n4Er+\r\n=Km9R\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.96e83fca7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.96e83fca7.0_1619578047298_0.5525024910710206","host":"s3://npm-registry-packages"}},"12.0.0-canary.4c497bd19.0":{"name":"@material/rtl","version":"12.0.0-canary.4c497bd19.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"37ce98011c1278c96efd9d16afe530d97f8ddb8f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.4c497bd19.0.tgz","fileCount":16,"integrity":"sha512-kMeVzjqSAOQLgAoRwbT9kjMKJ0Iia3sS/uwEGWnFMhtHp53hiMrKhJWyXPr16u8k7bLi8865xluIfwcVnWT75g==","signatures":[{"sig":"MEUCIQCMV0qjXyQIQrCtJLgGs1xSUN7szY6hxdTy30/4jS1O3QIgIvcLRPgo2FcZV+/cWkKB1roP2sfKEX1I0w7D4wmlITo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiaECCRA9TVsSAnZWagAAp+MP/ieyDD/bbVFGa5bju+Aa\no+TH4oSR9VrAZHY5q+oJMhM8oEyOBtg8DCPz8RNWNfnIoSn9uP7+/HrM03VZ\nc6Tc0Rdm67FMJ5rergYp0bRx83rVrBDp3Ro4vf/3QNt/V668i1BU2DKNSUTk\n9qT/sD0+gqaO8Vc+7S5/UT6bMMCjhDWKdNJlbkSxblj6tQim15IzPtHqCV/1\n/rEFjT3wl6C+rFzL4zG3+pRbPUCWdTPgOSs6u4B+KmVXwvXGilK7Cgz/xTfW\nn0COpqOjNIInY4cv46outcRI/JFRlmbV5UZDSAWV86XWq6VW2NfSJRRdP95N\n5GcQaf8RomZvmQF1NbdK/CNHMG59fTFIOwO/CO0l5v7DESKl5mruLWo1QEBp\n7TZWnK+KKr3knJwo+QRqT5r9lNIqFXu58r6Q+e6rixdyr4YSxoBkcOtsZDGi\n6HJo8NUwywrvVj1lc1p8nXJ1+xvG2PFZNozItaKqFZnw2O7xSht2UTRXSZxq\nD6Lr+X3LSMPp/5m+WzTaXe5eY7eolZySMZYkYuHeP1J9C5eo/gD2JgLcpFrS\nnK7ETDttuTL2+0aXgNOVxEY7IektV2IRnz/PMhFtRz64zq50A6jh+Cn7sQO5\na9mXFGXmQ/5sJc0CK5N/ESjcwBu9I8xx/3+9Yf1y7yJqvdWE9SNHXWurqarA\ndRNQ\r\n=93Pg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.4c497bd19.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.4c497bd19.0_1619632386494_0.7704349964692538","host":"s3://npm-registry-packages"}},"12.0.0-canary.105b15b96.0":{"name":"@material/rtl","version":"12.0.0-canary.105b15b96.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b2123749eebf234fd624f4f7513b5c2e0f36604d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.105b15b96.0.tgz","fileCount":16,"integrity":"sha512-qmKFqfdZ6CWlu971nM1tAPfZwCKSNfa7mqNE+pvWvGdJrdeCqnddTAKyyBIzGZcTVvJ776Ig+FIzUgtDHnXY0w==","signatures":[{"sig":"MEUCICZzmmxrHbjUagg2p9/AHfqhodGlR7MMu8HRG+T4QrjAAiEAxYChklFzxgNOUOf8MQtVHTq2jh/TqbgsKXXDFsr8vfM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgidcyCRA9TVsSAnZWagAAtxEP/R9Fy5jOHoroSyeOVmnN\n0mgwEAj/6FwyD4oYUG3yF8SzubITRDfiWonhmU31P+HmT1GaM6mwNFNJx/qG\nSSCnnjnH7hmTTZZRhlirv24xlB2Sn9LyVy2ffsHugoBcNF8JWv4sodgh9gxQ\nkyQeGNXuoXuc9PJR4Y8wuIJMvplTPYSITS3nfffzg8lxkxGxF4Op4zvQjYm2\nYxCCXM6ipsCWIcAEXd2Qv5LNRBCAIPUyFfTW4t+lM8HoBAtsSEIQfq6yKc3p\nMUJTeP1HFtp/4yK/IEKHvAAazdvkDFLZsZeu0PIuSvnhIS2JXNOjqsNz0oO0\npf4zKOI5KbIZDX49fNY78GmwckOX9/zGOp0GzW3PEO4XE+7kUBcbq+Ltfu/T\nTJkcthxPEUv1vqJtdrll3sMdn2Pz6TtL2i8wA9VtEOjrNUbZlI/LRjp2jvS5\nVxiztGn6ut+VXDkBPdXFeyU9QLtHOXGn7i7myNUEOxBRbuWW6R46KjL1YLiB\n/8TdGzmgl2voujPVjcw71dcN99Kk+r8LZfHuS5Yi4lG5RHXSTXrnMtjKwUEt\nnAGgew5mPQKiN7IAMsxjVbj/+iR9ab22CTNfqK90e2Z2yDKaPMi7J59BhWxq\nohGjFe4LlwDSU21HxXlHVwCg26Qwuy2JTfrA7E0n82yAqkXwE2j/Sz+9Frty\n9216\r\n=Ma8f\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.105b15b96.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.105b15b96.0_1619646257750_0.7927840102335895","host":"s3://npm-registry-packages"}},"12.0.0-canary.6e20259e3.0":{"name":"@material/rtl","version":"12.0.0-canary.6e20259e3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"75e62928e99e3979a0fd69262820b277442e6060","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.6e20259e3.0.tgz","fileCount":16,"integrity":"sha512-WXBh0d+NRaM5IydYr7d3iXGb+a80nQ65AUWn/YC6SyK/QOUd1vtmy+e5uV01gWu5PmFm581MD70yYUeuImaZ/g==","signatures":[{"sig":"MEUCIFxt0wLtAc5PMrFIXm8Cc6T7pkoGMhLC9pWaLyDJbC0ZAiEAu+p9cVQM33VkrhsBZZ77KAeVwstthjCVQWl/mTP+Kgo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgidhDCRA9TVsSAnZWagAAOY8QAJISeVrTuK+Vo3F6paug\nXQWUhBtO/GycmL1sHlSKFjzPJwC1SnSvA/y4c46LWJkVyymhquRiZmOJcut7\nYdKRqIgPsU19EogcEW6IwpAPvUz6fLEB+xc9L6+6ir8Q3GmqjsvklGtRqPZN\nZ6ps/3WoguMveONfxJAjI6KEmO5ZqTJznIHRPRCzeElNFvyIRvaJ69+kh30V\npIl5tKTeq3+BDBzOHsaBrtqku/gmKvd/ZC7Es5I2/ywwbpalr8ZIgZuOzzav\njkUq0TZsS3Sr/XpVn0HyGy9TWbEwQphX3haLMfVzO5yPF1MsdXquGNfrO/5i\njqmdUri3ox+Cj2KWuwC+IF1owxKMQRY6ZIjnyGUp/TGGklvAb60PE5v7SWBg\nkYpWkctVgKlGXNl25YxjuyDp8k9+F0gHa2Zk/kamee/MipJQ+IsjS7mb1Q6U\ny/L6bUGOGrARBjqcJ2oVtPv2MyLy/Mh0Mpdy1FCbjctlahGt6iDQJCZdmHtI\nrxyihT021SUzXqSOCzJwocEf/oiUHteX4XA7xZISlSvFS3el3UQn8yyKEt0A\ns/+vdK4Ft3+sFd6RaL2QrWuWpCEzVUGpUGxDaz9kGGW6pwsJGu3JJ0rFVBkQ\nABpukpMKBoFP84I9eQ/SgneuteQLQQbV/pD9RbLaUpWjq/qcItHINZA2JIX/\nyxNc\r\n=LvXk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.6e20259e3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.6e20259e3.0_1619646531064_0.6677437312929622","host":"s3://npm-registry-packages"}},"12.0.0-canary.0f79a5d74.0":{"name":"@material/rtl","version":"12.0.0-canary.0f79a5d74.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"06af02559ec493692326ea5b39d9ab2b22c67a0e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.0f79a5d74.0.tgz","fileCount":16,"integrity":"sha512-S5ITv4kP74qHZp32E5WlFFrz3XqEgybWZFqcd0hQWgtr8LDyriDXh8j7vGDY4KedlHcNqJVqLizSxLwjiHHq1A==","signatures":[{"sig":"MEQCIE1g4Y6W2V4s47NBVFGMiXgVxUgyO7tZ5TJT47AtkAsjAiAyGG0OygC/n/sgr5+7HKtChZIe07qax6R873i2JQvI9Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgieTdCRA9TVsSAnZWagAAzeUQAJDLNvR4FEi3rPyp3Aap\ncqh40NJwBvKFROA0CfZvWzxAEshpIj8cqib/VPsG0BUkd5QCUdksOxMa3UOi\n7g3UQLwFWms1FArmFU/O37R0R+/qMtWke41EvCNeTnlGLfbgWNnVGIYssKO4\n7Wl4Tb9si1g3vLhC4MbZuYDyF7OGjhTpsmwGkOUv1VhrJ6rplRbwmEXkct3F\nWcZLCowPloL3zIhiGslWTj+VmXJncfYRQ9IYODmgD+eon3Bkb7ONlVmRCyF7\nCSchpSxQTZg5iMxQuqg2Fn9TJtxbjLGl0mRVh0PcIraM8Tn9+BzA1Ol+Rklr\npwJZ0NTyH3p4MIOTDPSMvbxP+SiG4vSXm/wEpjmj78HRLK5/g/g/KOVcs0Wp\n6QE89PuBbnhkTgmPKgiCg2dtmi0Nb7oqP1SbydyOLURZjIq7GAe3bTK98k8M\nz0b9Fr4seSOwATNWCrDJSf2MsmCeuZ0HCujjR6zeG+5qBUE1q0zhXQ6Zz1R9\nHD78uaYYzhPFgHAM6qWstHNIHXPBlbhfRzEsNLZDL6JdsaBOQgNUTxdcp5If\nfsVwg0nm86SHWNrKrzPUP9vt8Xiyvd2NmCJWmF/g1a9eae6GcxVR8ThhTrk7\nk75m/doGOFUKk/NTMSegph1WEodPIp1o5alMhXIVHhSKXlWK8I9iffnoVhEa\nkz3e\r\n=Eosz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.0f79a5d74.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.0f79a5d74.0_1619649757156_0.5901095359191002","host":"s3://npm-registry-packages"}},"12.0.0-canary.84f3db9ed.0":{"name":"@material/rtl","version":"12.0.0-canary.84f3db9ed.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"36f6178019d6fa52e864a8d5e516b006be43a9fb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.84f3db9ed.0.tgz","fileCount":16,"integrity":"sha512-xtFGcqQqrDKdMCaJpDDieckp+kl92T37EAfcVe6qbZXpr1KEn6uZ6mWN/JQbX7HsXu8NlC3Xd3vTiRKkV9XcFQ==","signatures":[{"sig":"MEQCIDpuWhAp2aIKNOf+ioNjg6q3fjusv0bVDG3hu45sNNTYAiADA131ytra4SH6NxwqK2s7uD11/MPLh3IRogQk26FF0A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgir/3CRA9TVsSAnZWagAAQTEP/R3h5PPB3asWFzqq0gPy\nG2OHyXEcie6dKGOpx03fzCWq6bVtfyYBVMASPVIYbkM4W0JyJrNxp3fed+8d\n5yqcFQLygruPkwWUJzKjtJh45SoHF1jSjLPk+UU8iSA0a0L2pnKQPcLG5L1A\nXYssOOxqn6swvve6DuNquB66kjPmJTZ6wjhsiWXu/Y4sFvR3gxXiLXkm0Y2c\npx/N8IVq4nUijJeMJ9oeCm1rCwPFvu/RJnjg5jsHDl0l0XqRMPguAh/wS6M4\nqmYOg5aYNZ8AkzLR+7HbXBWUbGjaAEpStxeCIaj2ENEuMG0s39oyRejhEsZp\nF7uDMLGaq8SCAKy2ymc+HpPix4AaiMARn9sRHo3F6NJPaKYzqDUIx1hhlq46\n2NY76sy9/eBPdv9Yrjbk/7j/7ZLG7WNW9d05s4op6sW85sG6Oc71t+GEO5/d\nVJwUqKDmgJutbx9Yad4wUHfxgS3Lk+8tT6HDoNe2eYznHaR/GtMtiapd2KkT\nIzIQPon636Lnj2ME3L5KItxcj0oqKQiIGU9l5LC9QHH8KhNlRKgnrc+h8C7Q\nyjDYDCFF/d1KsQqEUXx8n0C/e9t8NCvEuiqEZMOj2nvNMZ8Lq0YiyDQDUoBt\nVgh9ltx7pU+46rAXZ9mvldqgs6BU0wK1+e1o0uoJ9MkNjOL4CLo6RGFtJVtH\nHkQ/\r\n=/cy0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.84f3db9ed.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.84f3db9ed.0_1619705846966_0.3481786132014524","host":"s3://npm-registry-packages"}},"12.0.0-canary.8fc29273c.0":{"name":"@material/rtl","version":"12.0.0-canary.8fc29273c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"825155671a85116cb3e77be752e6c8bfa98ef136","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.8fc29273c.0.tgz","fileCount":16,"integrity":"sha512-mNeauW3oyaI2U/y4XRMgMVnBcIpGXqToFh93ZHAkcWO+Qih7IxLVToeM40GLaTdnadso2nxELffBYTZuFUaACw==","signatures":[{"sig":"MEQCIF1tE8LY+firT/eIIdD1AGdzRK6XLLKhOqQoJ8wY2nEFAiByaDGZK/6c0TM+Dv8AnvDdojkgWSzzLYdHeuUIjiONgg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgiyO7CRA9TVsSAnZWagAA+1oP+QAqEMLNIVV8E4ypkLEw\n29Jv69a1bHbXnkV7YlxBt3kEWdt4zmJhUioL3oQ7tobILofK2y1jsMiIXrWd\n+S5JmLuzWAFtW+hSs3KYB5b6QxYQ9XgkIjS5pJUxDRVyeaeMpGSIIkg+gm3x\njdE/+cOI6Q9lP2ilAr9zKrItPSPdhjPS1C8NwxqpufXeQamAQeqBwPGMvqOS\nXxiGv/ofugopbehjiU3PyMwxgwlGuZTK1QmLamwTTu/EGVqZNnHQduO6aPv/\n1sh7JWRIsOye2iQ3hHkbenEOZTdGFfoKcyUBMNUlB0oGrSjtGtleUt3w3tVF\n5bNnD37FMLAGULrhBZfuthOU6g+aRwyVJvJkLQZowomWPKgUwcMvZd5IcjMp\nRRD6Vo4AwKhnEJOwaYTiTYKia92KmlHRxoUoo4FmoIzeqfOLQd7tqjR3/oXk\nl5DFdBN1L1gfUrH8z8Sl4JMW6p81EZkJYmDboJml8u7f9Fy4W64oClnTzTN0\nQGV1A8V9maoiMjObKliYF/ZO4ZH06G2kSB2Yx1m81fLUyR/yDiF2fxiYedIu\n1zQ+P5NnwTS91j7p/+nNqHxg8T+ynE7b+tLNhkPoDpvfM2EcYiZUkTiPYEs3\nsiQSpgrFY9rpDhvbza6JgU2zlmQD85M4CkRtVcD7Dy9hZ3AvaI/ftiPI+A1Q\nnwFG\r\n=NhZT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.8fc29273c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.8fc29273c.0_1619731387064_0.8154556728879625","host":"s3://npm-registry-packages"}},"12.0.0-canary.c50d20bab.0":{"name":"@material/rtl","version":"12.0.0-canary.c50d20bab.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"eac1c451816fab956df4dcb7e83bc002c4fce706","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.c50d20bab.0.tgz","fileCount":16,"integrity":"sha512-/5a5uSa9qpn2WqVyfx9xTctt5Kq47XUmRfeOzS6t3BuuVlbNqeVyd/9fJoi+1OmPzAWRQ38eKpzP2UmWk9q8Xw==","signatures":[{"sig":"MEUCIQCR01MIYr4wUyrwfZ/G6AgxYFCuIQiSFGGHukWQ7sHd0gIgNBD6RLmxHialFAJ3VEZDZoduLGtE3lBjGx+zKbK2KPQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgizrICRA9TVsSAnZWagAA7FUP/1Cft0hcmDAiowVcW3v/\nS3wjYu/GF2CnszhN1WNAVa3plADf5y6P/7ioHZFP7BnuC5OkJ1B/sSMYBqzc\nn87aS8wnMcZjRSg/1VV+hTkVEze8p0w5RsYtoZosGZDPFPr9C/8qpNbqlHCo\nIs3uscj/AmZZ3Kez1eP8K5nOPFSPNMzH0HIBJJC3Q8Lubo9zSD1HFeUJcAf5\nkRhFE9HvzDlrM3Wg1Y7YGCo8p+SFbrcKMPdMQmZ86k37HhzbL+CsPSxbrDQz\nfST5o04FRk5Rvbqd390fcaIDOH7bLa63R2XyteMsTrWS+yZpgQJNpokTTeg0\n2oF3saN3mmoOeTwncb/8AfbsbOetXIMcBtCeEeq7vF68qAwk3+Cnlp58gUbK\nKgcBnXOJH6ckzZJTyetEmM5niz3AXzZhiY3oVgVpTU5qUh+HVJ4TWnVPx69h\nriq9nnmTXjYsXH8Dcb8dVIQ/TqxjfQf8eqBmUFBv7+6Ur11o2+fudCBNAC80\nQ+Ro3Tq4dxEtah3OaGjjK6dtgTpneFC4wqaS/ZJsPoeVPyLI8OmlxuPXx/eC\nb8cWwLOsRu6r6GuC7rjVMCr3v4nlMyZ7HZ0yifQp0RZRUNQSBqFefLE2Ff54\nI0t8eOocLpN4XP6Di/FQJcFiNrBV04pGbL10CfYEZ0BGrmnbcWxMIGgiwkK5\nK9PC\r\n=DMt6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.c50d20bab.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.c50d20bab.0_1619737287624_0.7638392257075666","host":"s3://npm-registry-packages"}},"12.0.0-canary.474836ad0.0":{"name":"@material/rtl","version":"12.0.0-canary.474836ad0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6d59868b065c3d390253ada5eaafd58e58bb6a27","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.474836ad0.0.tgz","fileCount":16,"integrity":"sha512-bQdgoob+e+p/Dulc4IEzv8V4iwwChTEY/6p2w6+N5QFROwmLy15ldw2rtvkqbATQ9RyXyYf3lhzivlTH9olvIw==","signatures":[{"sig":"MEUCIB5ZX4PMSHWAH+MboTzjreDoYk83RlV1QEkZXUmPIwjhAiEA2lKS1fzqWM59PtOdJjx4CN1TEkbtItIfP65JvvnUk4g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgjMzvCRA9TVsSAnZWagAAfUwP/AjLHaCK7gTLLv/RH7tp\nwICBqmkfL2vDvs+bXHMJV60oefHjTV8MT8G6wd245XUauZPjTetFmNU+H6Ff\ng9ZWZY4sgF09akSHdg+mWIKBfony11DoABqQ2zTylZwoNoAJCgpo0HGhZtdV\nzTxHESRx6+QS9x2eUkctFCVRLKkIdCoNrd8pEAnprn/4Px26v5Ev08S/392A\nZsF7n87Zjcss+CIRAA+GawZgRVTMFfSFFR1iV9EnYO07mDAlcChQWF/j1tBT\nhvhvERtCb80m7yvOQiaRo5/zrNhuyZCv1ICohskumaU2gFwjLrY49i6Hye+o\nMu2+19Vu+9YEzjO7dr8PUjH/QixTM9BdlH6Wi8+8MlhT3eRY+dLBGosb0o+B\nFihA6thesmkzJ1ZhDAO9PZ9enLUzrK+QgEIg2vWDfZD8YlD/I4mhQ19q6NVH\nb/InuIO7Z9E+Mh/RLCDPQ7Pgr7tRcl4qCehRAFrEDxY+bJ0gpLJpBjUQLV1S\nFfTHp5KcBjosDNRZoBsTvnUL6QUPFROS7uV62beekD9NG6HKq3eAw6P6mdKJ\n5JXYTfKRpx5rxITE6/NwwHgaprc43x8ZeZQ1gYKj01/oMYCCPYRR20t3Zf3v\n1McGqSjs6nX0InIb8knhkNgAe5l+TNclRhQXOt7LO26BtV+pOlTSljGfAZyV\nr/xL\r\n=qVAp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.474836ad0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.474836ad0.0_1619840239030_0.2118624566100702","host":"s3://npm-registry-packages"}},"12.0.0-canary.f5ad92287.0":{"name":"@material/rtl","version":"12.0.0-canary.f5ad92287.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"67d0f3f8269a7fc4ada477dd942bdbf43bb8a391","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.f5ad92287.0.tgz","fileCount":16,"integrity":"sha512-//5xepy31kiLM1SvvHAnr0MzkXAD55qLtpAJCdHY9mEheKvMRrHzIzec27t0q7wHQDe9VqrNgkKUqH+FuBejFQ==","signatures":[{"sig":"MEUCIFqu3bWNUlsD4m6M/yhg90L3D/bib+4kL0Btg2WdLo6TAiEA4wo8UNQeTa9dp/3fcFXqYDve5JBA+fztG5E5bEDhH6g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkD9BCRA9TVsSAnZWagAAohUP/AnnUnZRLzw/qk9x5zjl\n9jGKX6DKO76x8Oxi+fMSldrlr4Rzut0+SrOcKLEKa9na+FYxdWdsezhrBZXF\nmxoYBIXS/Aos1CHbABN4BzEdAJd7FVgfb07IDzIIkCPhhTr0t3OFbdOOzCt4\ncBUu1e6NmgxTRD+A2pPOKrGyizBAUMMAQYfJNLkoETa+L3M3B7uB2KDWrmgc\nG7ksk2lJLN1ANHOYtOcF1yOfDZUIAlwIl+RTeIliYEARTwck4v+J76Iv+bBM\nj/ba/nphkD0jjcpm+EbGEdwT40aLm7dgAaizwO+jtQnQpudD/ysYg90D2xek\nTyEj7pgXr4kMEv7G7hcfuNNRMCkug1a1gRdc1jPDsYmXrDTqvqFhw8GNne2Q\nt0W8MmHDOSiyGO9mfzt9IPblN2D5CG3LSxSpDoNa1XsacZoswZHzxdChLCqs\n/mDdgKoMk+7EBIC8mkZmKe8fIkOjZvIe9+dz7Nx8ODNX4pZu8QyBmpcIdUqg\nZIbaXMo/HJTHrXjhO7WowHeyunJXJBarR77onvb/Ap85HOSAf8tD9r1EPx4V\nxBr+7c1Bxba2wveJ6K7QIxhwA/LrHPgAlsGsI3mej8aqmMA7y1N+cctGajVW\n+CqkKicS5NtBE0jFPzeIt63sb8gKV/o3uOWvo6ywNiAs8rJyiui91E1o10gU\nPMJO\r\n=dLiX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.f5ad92287.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.f5ad92287.0_1620066112695_0.2837646840998822","host":"s3://npm-registry-packages"}},"12.0.0-canary.af453daf8.0":{"name":"@material/rtl","version":"12.0.0-canary.af453daf8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"39737f5d82f5dfd21542e7e6411820285d933003","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.af453daf8.0.tgz","fileCount":16,"integrity":"sha512-9vBwQ5rF8GQNE91qg490XR0nKe9j2Rke4HDGkQgI7ttdhBAFOIt4fR+uSou9JgRD4Z/R+XEeYg8f+4b34ydIBQ==","signatures":[{"sig":"MEUCIQCYt+tw8x74PDlQ8Re6lugw3HTS3tU556cyQfQsHvCtuQIgXIC5gs2pLMs5/jKK8NVrBpcYHSjmvFSGFvv1vLPjMbc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkEaQCRA9TVsSAnZWagAAmnMQAJnsCouPzRXnZEjr473D\n2omf49pD4HqVRpWjzBEkcq/ue7jZlfbPFGhPkHnPBFG7391B9wOWR1E6RAqW\nkAsP669EUw8V52OGtu2csv7UJMB12luEZMTey8spqaSj5MsHBS4EiuetOEV4\nr+GWOmJ4knl1UMsRqrsyTzEHdovdbSSm3ud63lgjgtoky6eDzyEa04tdV88e\nUWduEtOsLLG31G8+lI0OroW1aT++3A3/YCEDeI8PY1976IegDFBwftpD668q\nMVlw/0Uof9lP7YpA3NlU4jDS7SZJ4C1Fux0y4F6TXIpdO1g1FoNGcKinHn9E\n1UWEseQjmN6TZ3E81J7N98pdtSSOX9FPPkECiknxoN7vsQI1zAgX1VMAC4zA\niybVyswIntNz9jS2kKddy2p0RVbk11Jv+MBX1PTe825lo6Ls18cupZYcEv0p\n3FWDcTlxvJ6rvOCFWyD/znQKN4IkwHE32lt7FUQQ/Qpt06mCUGAgyrQByZ1C\nWtadoiHO6pWR/zONQlWHn58TPeLlKCzD61Eqm01b8yk6jvcRRdcBrTWH/KxM\nVUVpoZPCMHg4v4JrI6biKb1HGmWY/x6PSyZqzZpucid9lDYmWf288HalepY1\nmfh/DPVLUrE+yhP5grCMSetWrGYdxgyzNEoh6Mi0wMVsMj7cRyqe5dsrNYzj\nk2R6\r\n=Fb0u\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.af453daf8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.af453daf8.0_1620067984170_0.5152532992031791","host":"s3://npm-registry-packages"}},"12.0.0-canary.1f1918c24.0":{"name":"@material/rtl","version":"12.0.0-canary.1f1918c24.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"900a856fcb03632a8bca662bea06ff17f6591898","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.1f1918c24.0.tgz","fileCount":16,"integrity":"sha512-ZBviIPZ6MOXmiBkTPIi78MFTzXqxwd0LxIQS4MY3USe+sRoZ+qsiUIhd5JYc3ETlruZzZbpdaIBkqxORxwoQFw==","signatures":[{"sig":"MEQCIGeGatR3moVUPf4NA9z+iv0bktwmJK4Fv71Nc3RAPjzqAiA13DtoEvStbQaiS7LD3N6FLjKbJfpQAUXbtH1P1aANqQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkE1fCRA9TVsSAnZWagAAJ1IP+wUmim0eUXDlpph3DBBL\nF6ZtCBhQ5mCDpi3L1GPcFTzQdXvGvwGYpugLigftU3vo/K5aYs9LW1BrelvO\nPTl6a+KDRfkf2XmOUc/TR3Kky9AEINZdu+YS7D1jDY7e6Ux5Hy5is74G2Wh6\nVoLac9J92+NLOW0Wx4GwdpN9A27bJrqQisjUV1Y3HxQ1xoDUesPZ6ZfIhI5h\n9m7VyFV6ZmAM+1/lBR/rdTW4GArmHph24SS7oOgwUk5H7bVus5yZ+8u8Nc0w\nDIP8XVWAyPN3jZPJRYg7p3N1IE6O6P8kkN5TwLuaAxhYTyqvO3R8Kaprap5Q\nmDYg8OGCVcaS7PzX1L5BlvKkCGxDAjho2PZVt6UYv30UlnGpyd4bW1bTgBZB\nTh6SMPr6MUXPgNhn3QfqankzXnusOiwJLPofb+NRIKhabBvtYOnKorf8HUt5\nn9h2ezeBWf+rDwZ2zHRP9VXsqi2Kk3c+fW/VM74YXQ8w7LTKjumt8NwGBV5x\np57J+rUPO/M1+SVedhrk4uTokh2whszMWzykFtvdt9vATV/iC+eTnztxbnlO\naOZnY7NdD7njF3T9suRKX6wZebltDxgApRgvYSscxFn2biFfuUWRZBz8HveH\nCDb7cQVMep5jMbtVXGhbCoob+jr5n+HKSouVNrSsGeHLfvzKNVgLxTHATZ2G\nlyTm\r\n=LRId\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.1f1918c24.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.1f1918c24.0_1620069727148_0.10044324674535732","host":"s3://npm-registry-packages"}},"12.0.0-canary.33148231f.0":{"name":"@material/rtl","version":"12.0.0-canary.33148231f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a9370ddbccedded29bbb46637325ee38248749bc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.33148231f.0.tgz","fileCount":16,"integrity":"sha512-4giFAGoYse6cXKEzMoogbUcOL/2asDTA+SSyGCKsKOZWKlj5+kqGTag3ZA+Hz1sSxPKczX3OuHsxeQfCMSEQFQ==","signatures":[{"sig":"MEUCIQCDjcPfupp+ZDqu0q9ph78d7+MPf/p39CAKGZs/TRIpqwIgAj0jadUo7B4vRKYVG34sXBse28ie6IemzYnBeIzowXg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkFEvCRA9TVsSAnZWagAALDQP/2/2fQ3bWxOgokbrbTwW\nDWAk5n4YqJPnkJT69T8D6AJlHDceM3zMV59u81bdsn2KA1wuZpSiFpHJ9D9k\nQvN4KbbUrIM/BhhHtVNt2Fn760ujJHPpMFa6DoNHR2b/uFQoIjeSJGxG4xxN\n0hBCPUWGckvdUOQ/VkfbnCPVDxqKMsHvGQotbl++EzJKDoDI8OwAwDmiTf3C\n5yamejIBYo1iz2jWyiuGd1oUyNWgI0d4IqxJz6J51WB99H4C92aIOzjUTqlS\nkhZJHcCZYsqG+8VmP0OiXuh7ByVcEY5bKA0XZMnTA72XBVDl2g5zOgRk7ThW\nF6Ew9JjAvvoxyuUGHeAT4SmMeyAGAYpqNealb8mfhkBXNZTZqlWUQGOPXqMV\noJFnBdYPYrKVUsmu4B1jLe8TknLYJK+XYwSl+J1Dn8JniwC9Bxia7fPZfAPR\nv2jLzWLG+ZeG7pTEyic1DAoV5H2LqG5OqAXQ+o8//nVlYNK7oi2ZXCqd5b4c\nz7Q+6PNePgHRcROHSSnvxu5N1jocv4Lb41kRxWKT1XzbLkeqLfrQbLZ1K2IK\npsdPPi6WSh+BhdF7b31gTCBnDPNYeyafDIXAvIoj7q+ruk0Hyd97ko9LZry2\nNS8dPvciMfWyf1k2G8XqauU30tjrkbBxecjkN3hdi8HqhHUTxsKlc2OdbfQP\n80Qu\r\n=3PuO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.33148231f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.33148231f.0_1620070703114_0.4994111464122746","host":"s3://npm-registry-packages"}},"12.0.0-canary.06b76fa74.0":{"name":"@material/rtl","version":"12.0.0-canary.06b76fa74.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"338b7e74e7540cb33c509660fb4d7be3e90d7240","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.06b76fa74.0.tgz","fileCount":16,"integrity":"sha512-8McsvIzUzezbne7P1dqq0RIpo21r9vAz2meVvAqWtJFGkKZKlULo8fhjJiDpGEvPhdvHtfS23A+xZiy2ddrc7w==","signatures":[{"sig":"MEUCIFFBzvBgkS5qu4R/beIsdE0DoX/yLVoSvvilYdqkpOvdAiEAhLvGPi28Ht5liXX3oilLAG1KSPvZcWYsXRpTOV8+caE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkFLWCRA9TVsSAnZWagAAGEEP/RjSr9DgZDSbAvLFvSj4\n//7Bpp5sEBul/CkVMdg4RIE0r+Q4vamb1qdMe8EOM/ZBltzcn6nPvlvK9yd2\n9H5Gr+64zK1+EHivENUvZGTgy58zQL7+5N2saK/3SkJfnjUbjqcI0u0WoxbZ\n49TQwMoEh5hFwepYbEBEnGVrw9fmbFxXVzHIgjdOXBjeo+wQpQpnBteyRsV8\nl2Hlk3v6Gj4u8CNBTGBGyP9TZJov7or00+WWA5BMx5VQY+26GUrtbnTxvCz2\nwAo0uNCBcb4osTF3/auh6q9aRoIq+MROqcFGeNFfZryG9/ABIszy8jyT5s4L\nO2DeaAJeWK5k73QMUtlXgDUPPRE6BTQ1oQMZYmlr5kfao0KA//k5SuFmCEDg\nhRy02DpANz8Zx1GEyX7QItHOHGbRqm2//7XN0kGuv8qphoR98lru58YGwFTh\nHVOSAJGORqITDluk0FqbT4+uPxMRIaKLOiKL6fQiWZwH5sNzgFp+9Iy7T+/+\n/2eiLrEn7S1PiyiWFOpUbeF0qOxwARYcwMlGuSCu4k4UyXXU/6I9U7KAwjib\nWpApCgd3G91tDKBkcLjaXYFzouyYbuLgxlg580p7VV0W9MeSz9TJ4Rx3rd6v\nNhaiISXSJe77uVLHv09ML69MP2pQ6zfTa2z00M+j6xGsjoaN45DyFiLLPVZC\nLG8O\r\n=kA2T\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.06b76fa74.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.06b76fa74.0_1620071125995_0.1599289073311858","host":"s3://npm-registry-packages"}},"12.0.0-canary.7c5000473.0":{"name":"@material/rtl","version":"12.0.0-canary.7c5000473.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b8fa9a1e04d63031cda39915128d0f3b67e48459","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.7c5000473.0.tgz","fileCount":16,"integrity":"sha512-WDRv7AOo7uLY5XklrPzfd+aww+Qb63ALHvrSkY/t1D1LQ4eBsOG7lNn0Rmh7FMTLK7AJA5thZG9vOMuZ28jwlw==","signatures":[{"sig":"MEQCIEOn51KohT+DNKzLNj5erdvwRkw0A2yyvncWL1gKjMHRAiBw10CgssXxdk2OxLQ6JekvbV025uNZLwvtd+t6icX+1Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkHwJCRA9TVsSAnZWagAArbMQAIqcRj31hwoRmjK8BTuh\nqcBRv6grFoiSII+Xz974ATSk/r3S6jcAmxMzSTLHCCcFq6hx/Ff66XPVBdyn\nvSSXX3TWIndPza85wGvHSpyekRDJf6uYHAUb0F3k4i8FGsnB5BIDZRx2dUxK\n7/zgAtwu/DKXoDCKNkFb4qxRpBMpM8jyTSvIctVKRVwa8nqIjPZ7EjiMtgZE\nWnzz781uf37wh4p+EylN/9x9bt4Mpq8d/G77ShqgULJMlT8F7avDRzuAXRRo\n91LAxuYp7jVzLkyviAnv7xMceVsTo+nZrUeD06mhqfHJO0OsApVlpeffcBH/\nAjQyQ20y682Jk9vJwulSe09AvzJCxBW70jol6sriQkBnBWT9AbZGrHB57aFn\nwKAiWp9KmGkyIgB9nq/0FvqwIYCFFFBxElmODoMzGknKPWXjOP70lX9Ds9Ob\n2gR1A/xhQ17tDT14V4OYujYkzz2RJ+OgC9yktsEZWUkmUJTCe0GdT7Wc0Xcp\nrV1MRzY9iZd/N/GBlrcVVXg+wfmq7e4jYdYGSbv028jYgibUpTYOWmjmYCzl\nNN9Mp0czGmAU7R6bRDdiVvQRrDSBnUYEcwk49533SezBvluswJEj5zFS+7v8\nhqSHQ/bdt4nixDSrDqtsTDRVsanfsvivO/Yw3yOlamP+1e3vmcT4z5c+M8FO\n+cIQ\r\n=okEZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.7c5000473.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.7c5000473.0_1620081672684_0.43228106593191096","host":"s3://npm-registry-packages"}},"12.0.0-canary.de997644b.0":{"name":"@material/rtl","version":"12.0.0-canary.de997644b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d9fc3b350c5f2da02ed69d29011815dd6dedb8ee","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.de997644b.0.tgz","fileCount":16,"integrity":"sha512-BA2EhRIzbgagoQXdx5twzseuEQIz0itLuv1UGf7szHWwV+xo/hiJghCXAqMpv8YjviOo116/qb2rDrRQxhhLRw==","signatures":[{"sig":"MEQCIGNaGpxsDF/0jQpgWSkmdYY6YANwpLXCZANJY9ATpvDBAiAWxBMtzCfkus0Bk7gSfLKe5uIIQp/rYI7oaw1NsGDDCA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkYQUCRA9TVsSAnZWagAAi/UP+QGhM4R6gFyjdIURdlwY\nmRirtgsMK92gJ1Ej0sGncqPlqbfmaT6GGRQ0Cim6zsmOsDUs0vGljV6vLCXp\nNkO45tVILJD7YEROUvVjIofGl7hJjDVtG4lwpd/QmnuISe1MWSuU3ij8UiJw\npvwy0AhsU6QYkxe4PW/LpBbLnz4OgZ2mi1tsgCb8BSXplOuEpNEjVJ/Rj+wx\nmbQQ5d232p7hlt9rTsB9/79YLzN24HUccq66TTivbvM74VB+FykyzkDPfWck\nIbEcmiXgyCLnqEzUsDn2MHlFfy42IxkwCv1BV/BTcGrpTj46GY+eWXtp1wvJ\n9y3S7xZRzhcXaAgYzvxwflHU5Do64+PonB8DnreLhU2XFqI8rd9OWlnV3cur\nf6N4/KssZNHuz0TEzI2W5TUWpMvG93YqEMoQ4hhdRXgYt3kCnShrV9DvDXH7\nAjGVGQ0j5IvmruPUrsS28ZAL1V/p70QJSjS97X/t8vROK0O2vkhMKjIYP4Oo\n+a9WaYUcG9+wW1yHP88jiW6Zmzxt0Inomg5u25kbv6pyUj5hfsplNRp+2HuG\nuk4Pkssjuf9jvUtNhs1UC0lp72dS9IM13ZU566nCElj+Vhth7zBoCBIo9knm\n9DJiOz5KRPv9Gn3XucxZEnJ0wiqAvtVzcA4CTrewKYvBTUnjCKxDEut3wvXJ\ngtvn\r\n=2yNS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.de997644b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.de997644b.0_1620149267522_0.9814721958408907","host":"s3://npm-registry-packages"}},"12.0.0-canary.d4d7f1cc2.0":{"name":"@material/rtl","version":"12.0.0-canary.d4d7f1cc2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0a91fc8dba04ffdd40e663784d4ca384cff619dc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.d4d7f1cc2.0.tgz","fileCount":16,"integrity":"sha512-ARcoF0T6CyxCBhruUGn7OjsAjduPhsW3+CYbs/Lynh8V8HMjEZ63FECUGQnAwdcAtQ+qd2l8fb2HN1schs8n1A==","signatures":[{"sig":"MEUCICbSCU4Si4e/PyCkGD0nYdpw0JMrUlUHXzKOEMoIOXvUAiEA+BbAP5Nd3E0dkpxKvVe3fZcNMlf3doZyI8pbh/zdUek=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkYpZCRA9TVsSAnZWagAA8ksP/ROYlBC9V4j33w+tlh3J\nNfCKE/A3guuAuWkWITTetg9qYUxVTeA0FouQoUj6mar2WpKRq6NNZfo9NBQw\nTvnCc3y4/2ky1mIjKZ+5FzuzwLTNyHjFi093KV0WM5yBrJF81RdDM6h1E6Cl\nX1URKd6c62raQQ4f9dBJmgUBESIttEnhGKB75e0WnwZru3CKKpEbzJ00vw82\nuEezXyRsznYyaNhmAjtHN3TeMbUT/dDlLXBvhn6RLTIUMYEq/iVVw+9ksDwe\nnlHdxXK5RjHq7lkb8F6x+rmMsoVr72SXE7lsf6wtf+srMXpsY5tGJ/Hqf0Ii\nYltQqwcdYm9a8jmQLKSrGXkwRuJrhZZHMByjpGWr3jIwwMBpshjoDZCqVA5R\nCRH5d/osBIXO7a5XyNULzqwn+OhSSTra2vw0Ds2+yrFDWxILOyRmbsjeNOrp\nkgnAsyJCOSyo04k/m0VcR7VmjKhs6kg7RMT0qCzdReP7MKgcReEPMBWZfHOa\n4oKvrMtpzSCk67Q5xdAIAQwLYMI47ZmiTWTtXTR7lbslu9vvBid0SImJINZE\nQHNUAp/LxMxf/LRt/a5xxqPXoONp0TDMfYYsSw6atyw+/kXfQsqu6O1KdP6s\nyXVnzYg/9iJ5KOGHPIxQxW5b+FqJR4Tu/S05ej6e/yebfKqqUoRay+G9GF0V\nzucX\r\n=fEoY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.d4d7f1cc2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.d4d7f1cc2.0_1620150873218_0.48203269389501835","host":"s3://npm-registry-packages"}},"12.0.0-canary.be999eb08.0":{"name":"@material/rtl","version":"12.0.0-canary.be999eb08.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c0b6320ac0d6b4b260a4dafff8aa85cd7e9b2225","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.be999eb08.0.tgz","fileCount":16,"integrity":"sha512-tAkocv7AYKyVu5To0YGq+CqD0ykI2FjeWQx3VD+vTF8uHLiRS11QaJlrXJ7Q/R6oB7LHFgYi1qaw0Z4Tmgde1g==","signatures":[{"sig":"MEUCIQCiFgZCxRWq9sDR44Vvgg/ObUAFXUUdf5BNujgytn8VBwIgJEfs7lP93GUOW1ObXL6GGwR+Wy+Z0X+PFISZmNDqDUQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkYuSCRA9TVsSAnZWagAA/qEP+wZTD0gTsTPrrW1zGtFG\nmY5Z8IT2czrdj0oo9Ga6ripIyOfWPe5BsqZ4iyvlzz22DnkZ5WHTY9gu7sYc\ndGmHMzOiJ/YNBmpf+k+8x3OSauKFamrz0URewcToDn0vhUhGNcE17GepS8th\n6iJcc1ZNBQKUl17VjQJ2K0DYkUSgMKqKN5WIsIGXFdWZ/GzFKudK+y2DAnZf\nJeDDwcWX7tKUeslOkwGTkQoQVaflAEV85bY4kkZxgyE6nx3vksc0DXBlcw2Y\nEogBEp5RgpMO14TZ/OhXwiCjoOkBBPO9hJ9K0UJAHFdnHqPUwrgg7z1Ptyw3\nsujIzZX6hczwkFBUmNmMeAXTsrc/n4391kvGBILh4e63DDU203hNYVMSigzA\nl62qnHPlwkZ/NFHig4kIUp4ol05g52RBdz8m/8f9cpJdOlmpW3qT6U4pCfap\npenm2JX7/p2L2Fb1lte9k7UpaTMtKEyhvQr2+/T6INTKk/W5df14CJdnqkUu\n8425wvBikyVY4OQhA1pfJSW8IyLPbaKar5oxjEe5QlwN32EzhfO1PjFoW1TY\n7UXS3WOXx0SIdrzeHfUkGl9k1Ax630DyoNtWGgQYty3PkyCScEl5/MWu0XMC\nLAgTOtENK3kADmLuVyyBEfaGzSfGpVbtLlZH83UHspQRJ2QXXF+VtgyH+2Mr\nneKy\r\n=7avL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.be999eb08.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.be999eb08.0_1620151185626_0.8231336714432502","host":"s3://npm-registry-packages"}},"12.0.0-canary.eda1705fc.0":{"name":"@material/rtl","version":"12.0.0-canary.eda1705fc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d5444a164ac3d9c486edd2aa2279955a1d13c49d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.eda1705fc.0.tgz","fileCount":16,"integrity":"sha512-gAU6pOVyOBRtaj+z+IWikOXaJiyPe302TtjnMEsQzhENbQjr7QiVoQKY5EUdwcretLXN3w2FTYTMGGtC1ZRV+w==","signatures":[{"sig":"MEYCIQCM9+UlaQZugGc95SLzTz+FCFcH4WoW8k4ET+pym3D2rwIhALbSVV4/6Hl53pS1mX9EM9+z4coNW8H4TkTWzdHPXWbt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkZwBCRA9TVsSAnZWagAA5h4P/ioB1buOzzC8O3erG8VP\nKBleOOakUyjSIZ31kfGcHLhx/G+U0jvmUdSnIOQub5GID18NjBUP8M0XYChS\nrKMgFQfKfmJLjHD9P3xTw9/8HP8/MJYGr42qLA112MLi0RpBT5CtoDeifEjY\nuTidWjbUBir7aPA6xKioMf8+dr0VfhkNae3Rhs79fmE3MJlszwYGXXO6+hcH\nVpju8YlMXqYJRtjraSwCO0l4dyFNw49PTdpSN2NR6Ew4XHOmXCsqIjObsa4R\nVNxN+RuIEbkymeL76+p17QPPtynJMORM+WePTeMGNutf8djMqVZQeweSkAFO\nKrcQGBmsb0JoocNV4KzydVi7YuqDA4MAKMxMjqgSUb7ZjTcp94h0tT7nrYwk\nxRmbvAZVFxjfGBGkEl4UoDNCZ0NbBvqN04q9IiaoHFHhYrLUTblLwgGszR+R\nWXspDZaN+dJ2sTGYTmz8mIa9/hIpBQhvVB6k/aP062KUXG3iD0wYe2KJaABI\noS1pW3YKadKc9s+MjuMqdEKAGw66RX+SXh9Pi0EtFkLSyJq4yDGuJSgWDsTc\nWO2XqpjL987+6Yl6IXRpv2bpVVheLfcnkFXmTDvOTub76z/R7NG76sT8RrQB\nt6I7o/wWeA0efyyI7C/z9zeXZzxut/+WJ4j8l08nivttCSwwJg4iE3UATjbV\nAPpr\r\n=tsfz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.eda1705fc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.eda1705fc.0_1620155393051_0.4338135428033405","host":"s3://npm-registry-packages"}},"12.0.0-canary.718c90178.0":{"name":"@material/rtl","version":"12.0.0-canary.718c90178.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b27d8a836f58ccbc9ae6ea6582b6a9e737d565da","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.718c90178.0.tgz","fileCount":16,"integrity":"sha512-GHEex4mJQIai+XujuKaN5912QnJE8jpiz9BD7yt3jbC/6nOr6IMN8e4/x8Dig/grXspkqnL3jrxr3OY+yt6nyw==","signatures":[{"sig":"MEYCIQC9DCCfg2aLn9q6YBHv66dHePvjINRmfj/Sor6Iv6oxqQIhAJaAid17V8c62zAVqIVUBHpsWGNlyFpHaDyGzjuZe52B","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkaAYCRA9TVsSAnZWagAA8bgQAI5UmtaGHggGrGIDVa3T\nzP+Ji4cxFggqsTn5e3lW4Fnv7kle0c1suj8SerD5SmzMI4uW6Z90qrse2VVA\nBoR1su9ACXejkhK6w770TRKYWV/l5iDaPxQ34pFSPINcde6DTJCy4helIwmM\nrNEUMvf8mUpCVjH5QBpFle6kwDIzWiJWPigmn6/Q6wjfLnS28eJOtuJDMXX4\nTCk0U8zqeENreLNnrS4K6mP+n93sVukPaGGwnOAwvvx1buHH/tVIo1fWkkRL\nLNIey35oTgQeSFUfbN3PwPDOfNrmtwzh0LNDCVd2fUKLFPuhEs/ewR5USKX4\nEPMCWWNPM8jNhAkKkUGSX8MQ7KgDjb4/Zod3GOamvQiw1F8KxFeCwlJ2paPP\nGbvsPAyxxPwxfSAJe47XMzCjeOO+mYBs4LMzgSqSPCO94ZX208kSB31kbZMA\nynt4T8q3RwOAAKUAvjxOnfhvsZ1HkDhU1odwEWXmUlSqz2pgsmV6JuGJRzHu\n+d/bU71wy8P/AHUpxsM+wmHpkTaDqDo6xbCEYHT7tjvHV0BH0qx7qiQZjulp\nqpmMef+AQbuSYAtbQFO6guGmxjMlGPKaF5acatM+XtCDNKVAXYHFWtQhS1YI\nDc+enTHMEQE5hZfqGfh+oQBGjTehnds7BCe687B14ZGNh7u7PA6tWACUdQxa\nrBHk\r\n=BIOd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.718c90178.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.718c90178.0_1620156440362_0.5588542519822379","host":"s3://npm-registry-packages"}},"12.0.0-canary.0e3917299.0":{"name":"@material/rtl","version":"12.0.0-canary.0e3917299.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2685d3b5b8092762414163c720cab9b325183990","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.0e3917299.0.tgz","fileCount":16,"integrity":"sha512-WhYGDGkHG3YnImFaD7OvbMOpYJSapUTi7ZJNKyk/U1ZCHSBfe0ac+rmJ88UX5mn1dHgGTTvUKJpMKwjUrsBXag==","signatures":[{"sig":"MEYCIQDza2yArl7yV5XuhJ218bFTw3KEfk14GoPNQzl9y1k/mwIhAN0Kf0lqXt1p+TbuvEmhf4jb2OZw3Xtiv9frbizs08Et","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkaC5CRA9TVsSAnZWagAAVTMQAIW/OgGq76wlLJZlzwKf\ntQ8tVVdqiqG6gJI3rZLQxlaR5ThLTlCkBT4GDcXCj2+mRHcPJFNuwYd1xy5d\nrFQbRyImESD/k+x/mD/B4QnVvaMomTd5yOlroooXh/5rYP4r3Ebl39R1kvGe\n9caKgbaLcTWVOiftIogc5WW8G/RfPVP7CWZ28Z4ZfPVQ7cKBctVGZZRdNSMV\nqRnfmXFTYcXO4gKV0BYkKG/QsbvDc26M2evar4YaGq9pP71VQ6GlGRKnuCC2\nm1LY48di5e6aeQdKNM9N/rUD52+SaKlFCg0DrOXV+BokkfPEa90GkGeqNLKD\n0qppPrETBvRjcsCyyX3Qdd/eENICjsV0v2XIBAkG5GpHcF5UpNA9C6g4OLei\ncrqU55puCs4ekRHEHVBQYxIv5i4rkHJHWT0wiA9XxyAWH6IBRXYnVAa3Wvyo\ninp/hQlRcRE0TunoLBJCNqRRCdciFihVfrPWl83+jvrOXk6QdXKsXUo/xr/n\nR4x2z/3jLKXSD02ikGmpnhEVmS6DmcFJCbhACmkThYS0YYcS04jyAqGhMfPs\nMZElozHaHypLJHPGXPq9q1rhyEtCmjmz/bply2KqfJyh6/tMc3vCMxVaOZTx\n56I7wnk3AsBdTzJTeQg3j28sfA36AYEDSPFaFl49al9Zw26msZNtfxqtc8Rb\nD578\r\n=pR85\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.0e3917299.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.0e3917299.0_1620156600586_0.9499890449801094","host":"s3://npm-registry-packages"}},"12.0.0-canary.836b3c7db.0":{"name":"@material/rtl","version":"12.0.0-canary.836b3c7db.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b9cdb2dab5d926381ceb4c0fb6fb4a94e6e72d64","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.836b3c7db.0.tgz","fileCount":16,"integrity":"sha512-UPXkxQXD3E+Q/+8LUZ1GYVwAGyoB6nDMlk8FvIAFOWS6AQDGvb7e7X1Rqwv+W1xQ1zQ+iZmn4fLU5Ql7Cgauaw==","signatures":[{"sig":"MEQCIDaPg9p7DRfC+uPmkWtSklpSWLOEC3g6QisDY8mplwt6AiBt35tw2JAfO10fjaWVxh/yhKfpTpc0x5chUJRq0R2R2Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgka+UCRA9TVsSAnZWagAAbBsQAI92c/73nQQYG8dlhx3V\nhOoA+dV11cD8uWNt0rIOy8+kFZsH5wQV7TDQoDwTamQwC3Q3VIrLB4U3kDKw\n0FejGupbVGZeASD0d5Nq2FeMDuV+1rMhP01BmTXZ30srzoMzxBzP5Y+54SRE\nofRho+kaT7K1GjuUXZAbA9sB4O0rgfFsD6HTiljFEAjdzqmPsG7Ormyo/F3l\nEVZE9USwJrJnnIY1LRnknUGgDCpds69+B3ZgtIk9G7DEfVrXkt/l3W6roWce\nKOIB2ZCZTKkvV4rNlApr2M/fKCVPcTMh/MiF+2i391bYlUuqsEaKS+qtlLi3\nfMyQYSz4L1ovtUs5mzUv+fkwq5ylzCZe0j2lzsGgalbGYE7zW1I14jfD/wMn\nUnsUZMmkuMdR39DqP8VxNYgGex2DINC11qB+rxFJyKplbSy91XeUtfsFhSyt\nQx5coRdsG41bEAWW9UDdD/qg50rJFz6K0qJ8G9zxmPbHEMdeIIYol4OBGT+p\nM+KbaNvtSMkm0qQfaB39FfpJlFigLGQZ5y7UjI8i3TBURORheDYQpFTCcdhQ\nsM8AVQV6eVx2HxaKEaHYXBjVCR3ngPQFKgiZmfr3sYzzZNRTPKlalfdiK5Tl\nL6IjCkCgWKdWZikAHw1qk/Uf0BHOmWt/1WLB4ColZkX78C3nEUGbXMEk16Yj\ng4BC\r\n=Yfky\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.836b3c7db.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.836b3c7db.0_1620160403727_0.8105009828383924","host":"s3://npm-registry-packages"}},"12.0.0-canary.53d4e6d59.0":{"name":"@material/rtl","version":"12.0.0-canary.53d4e6d59.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9dab9478719c496c807df99f49b4d99ca08c23a8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.53d4e6d59.0.tgz","fileCount":16,"integrity":"sha512-aijTzSXS17F0FKyUDM0r0eIggzray2Md+ZRezHjXONgYD619QiteCktn/e72qj4Uz6fcIvDP783iky9aHIGYlw==","signatures":[{"sig":"MEUCIQDvNAoMW4w0B0OxKp2KKvHHZllFryqlg7otYhMOCXz2ngIgZDa84NVuROh2g3UOHVc3f56xmfuRr0wZOIqaREsu60A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkbNFCRA9TVsSAnZWagAA784P/iFR7dP57cdQ9tw+1OE0\niLDKIpjvaIrnmB2UsRvi5GAgcz66hoF2MEIpV7Lt4irIZSKxfP5r69cqdhvp\nP6GEExjCm765tAnAivHRi7y0cJOjdDcm6JODuNF7tK8zr1dfdfEAaUiARljZ\nwBM6XXDd252r7ztX1jFDZQlO5KFiMwmc+HisYGFNgIQTLn32+zBqfel6q7J/\nf/vXO9bQzRi0sYHKzUj4O0WAWpNjNiVFqs8UbRDEiSgsKYWULJB+HVEJgvQA\nK2HRrSecA9h7iwTy6+F+teBLtLmAjLr40OeOsGZfbeg4gVRTTLQ1ezQIu7lM\nS2TufZ0i1Hix76DGsx6FR6GahNlvOSKmtRPUPqJyI87idO0Z2lq/YlZP7Jij\no6xm/+n2af5BQ09HW4bR60rPBdE7sqNl7PdniDdUqHibhAyie1nIpPtVou/b\nbAZfCuKNCthAvb1ZL38Wdy7cQ2l2K9cV8qYGS9HJ2cOeKcxjOx48y/9rxSlB\njlqvsi3w+3pTQRMXyI1nw9ilKtowJ6mLJpFiNJ0X9TtEgK2cxA22NApZmDdO\nrtmWtiIceDt0RTX1u79QuouajZ2ns2hdzfcsW/o09vccj/btXQ6dN/NcbtRM\ndvowPm4yu61aK2vpR1z0oi8bsNZ5iPjGq3cqsvI5ICuAVfO6KETwrjOq2Ymw\nc0W8\r\n=HpkM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.53d4e6d59.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.53d4e6d59.0_1620161349470_0.2355209879867839","host":"s3://npm-registry-packages"}},"12.0.0-canary.18d147e27.0":{"name":"@material/rtl","version":"12.0.0-canary.18d147e27.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"57f6f69d5026b74e87d887802906a21b0b65ddf6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.18d147e27.0.tgz","fileCount":16,"integrity":"sha512-8b60lfzMSWLPt63rgbUZCmiAl3Tjdse96vx0fl1ufq4Org1OPGV7bv+sCeD/yiMdVUvRxftFM6zoP+ZxC2g2gw==","signatures":[{"sig":"MEYCIQCTCak/5Hw5hiIheyxZXu4oWFHsD1UL1XynfnJBnRqixAIhAMMEl6V6ctPBEcDErCp2WcBg/9pPVzbZuQVNtR/WWvA+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkbVECRA9TVsSAnZWagAA6LgP/0vPS6hWxaFIc91PdJVP\n2s+1FwNy/whRgI5GjloqxS3xvK24kyk0tEG9w1f1SWqxNfiOTFBtMv4bCMdi\n3MV5pabrjT+NslDdT4kPkOaTSCml3MkixoGlTt8YrbwlotrWds0skqnmchfB\nD7NcolJQOSW1iJjy5DikW6bCj1cgOcjQQ4ainZsh7YdHIvFMyC+nTHa59qF9\nx79rPI5LVy8X2Xbwfsmj9MwgERUM3UuoTg7agMIido7xtlDGWkCX5ae8mbpB\nNLTMPuxGjyql3mEzX+AuvvPmfvjmDjJCes1jgg9ZghVwWLa4ILdR3ou3iWt4\ntcf+tVHousulqlaCeHhj+/l3NAzcrqwYkCk1WTaNsqKCTzWX0HBrtqpdE/1L\nxzS+Ep4ScT4AK8Ci5vsnk3OHMUUThKbw51Y9ehx4gLYzWx4dHAb2ElZAQBeg\ncSyBaX2dl+b9JDNmKchMocVUm0hucOR4a627jTqnysyijw5zTjIO62F7J/O4\ntQB52eZCDj+ex63XOC23yTOmo+JWH4hXMrhKbBrXJ4ENrV1eMpTPoecDAEOR\n9XR7y89SxTagNcLT9zfbUqzLSLoudLTRKcBTkXC78WtBmCDzlYy6caK7PFGn\nilae0AfaSqy3nedmd4w5tJyIywaiALKbiSGUmt6P21VtxLnAvzDw8oEAJQJI\nbR9R\r\n=lLpI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.18d147e27.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.18d147e27.0_1620161860270_0.2554522908510588","host":"s3://npm-registry-packages"}},"12.0.0-canary.b9984794e.0":{"name":"@material/rtl","version":"12.0.0-canary.b9984794e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0bbda62b987ebb044b8784d3c28a6c52a41be481","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.b9984794e.0.tgz","fileCount":16,"integrity":"sha512-oz6JC92KihXjS9RwvDSBFYbJMkvDtnRTl49eWUGmhuOYRQsaaw0IY3Dc7eevuTfTOG3SO4pambfQy2KODSAdRg==","signatures":[{"sig":"MEQCIFxZp41dKfeJeEyynFzV0ZFt+I+zQvZkWvxac6rLN1yOAiAZV+5V00C/y9KadITCCTgoXP6hklSKhboLFESM+MwawA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkdKSCRA9TVsSAnZWagAAASsP/3h/dlTDeqEpovpCYuK4\nKYbw4f6hGe9tKoQwTbRbH/+0LOE66tKNuCtFsAMh811zCb3vA5qK+F2bOWN+\nKPM8WrdPLKtDwVTKSahX3oFoBuSTR6XqhlDWzDDRxDen1ilAsTLUAYALLsLO\nD+zT0zs0gK2x0gX2u4lOWwfZloeSctMTsBUFUtx30E7bsdlIwBLKrPmAeM1Y\nvp0Aj/XkZ1yththroSyDlyOS3FTXWmibqqpqHzufjMFudIne8wqF2uAWoF3a\nXS3ZIQ9rxL2/mPpZLjCFJTdiOy/NFeTB68lh20w3z+/GKxe8EOE+f9WVLj9P\ncitL7PONf+gB8BHNUqWGdNlsioqJGjyu/tF7JiY2ncYDoxbnMrC7z/WZ7/KZ\nwytidO93Jp9AiBW0Mn/2VWQ25gcPl9cvlC5yak+Iul03XLKdL9/67c0454/9\n2xkYhUOCDYIi/vIYALqOS1DY9bukKY5X1vHTD4zdrdaXfonSrPQQ45J2rfHi\nYgl9LwUOE5gEzYOjXBzihaXa5gWn6TSf+Cdx907OdOKEViz+HlWf5uCwep+d\nYqBYBZzBc5mXosKOCKuSti7hVmnsd35zd2uVB+QdWOGgmrDoOVvfKENFgJ+q\nPyVdKaW6S1ZowRu8qpL6N+zrD7uOEmKZSJ5JumlQYZmiPh+YVvuSziDvZ5qG\nNiOq\r\n=KpZ2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.b9984794e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.b9984794e.0_1620169362187_0.26962575702682945","host":"s3://npm-registry-packages"}},"12.0.0-canary.b76f5fc9d.0":{"name":"@material/rtl","version":"12.0.0-canary.b76f5fc9d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7a24542f44e7e066df8391d80b196cf02223730b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.b76f5fc9d.0.tgz","fileCount":16,"integrity":"sha512-hUjYioGycuckaJ8sBXFW2UYa2iNKCSPKOXom/r0DKdOi059CuZOsL7JWsEf50c8V4ohQH5oKNv0iPtwwF9gP2Q==","signatures":[{"sig":"MEYCIQD3Ie0lOlJsLG0HR0YA798M7Y8TQ0V3jEflfXktPXGYvgIhAK6In4ecDRmrlRJBpLO+tqpGpJR9eXZ3hnzQSb5JO+c2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkdNeCRA9TVsSAnZWagAArpAQAJfuxGxFF4KhFn0fVM8/\nzp47vmkv2HnevOhxNTRetCyICQeVTiGbRF0LTxkLxO/s/c/LnLxXKQ6vy++Z\nJ4RBaRirh54Zn3LEJXDEwTCCL4d3lT8yBUxVMrghPBr1tiC+u+r98H91fnu+\nlg+0GN6VdyvoCsjCwxjtiMQoOmNLatSKUDGB4N23LLBjuK373aSQDSVGo5Kl\nMJ9K5WG0AHWTch/dgfNE02QCHIA3zlmjCbYlEfZ0ep9FYppla8xUZB3qUI2q\ntvnc4GRj4Zr7BhByaffyIv/BdGKkubbyFi/Wu721IFTuawXsz+S9YmQ1sHv4\nsVONetRN6kBbuwN3wyxTzrQtCj1dR0Uhf6C9yeSLnFKxrX4TLJyMvE+xrCFL\n768Y5QodljKfjLUUFlODbdZlhJ8UmLCtlvp/CtZGgZ1t1yISjEde9oQP66zw\ngCZPzdr6qvwoA2cc/WEh9lIIBdSe7eMf7Pco9X2UnhLb4HsLRr8gD/UGMwb9\nQQbrlhYH91GUnXLYnBzFvVbSsIZO1QwTZxen1l1luTCBcXcjZ0J6vLvYpMdk\nKHSYKEsTNIE5Zmr/nSiNSFSqSqlk81c6gx/5dKt6ibQYCiYis3QQr4U57zyc\nxN3h58G2Iz7UpgzJiMgApxjSGyeydg9HLY5MTmHq0qWgPCKl8hIQIJc2leb4\nugZo\r\n=HAod\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.b76f5fc9d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.b76f5fc9d.0_1620169566534_0.6004259617451575","host":"s3://npm-registry-packages"}},"12.0.0-canary.055d4f10a.0":{"name":"@material/rtl","version":"12.0.0-canary.055d4f10a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"07d95c045681af2434315d82a1d2804746220923","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.055d4f10a.0.tgz","fileCount":16,"integrity":"sha512-1KR/b3jM+/RZo3HEmyWSWJ3w8zTtG5hoMfR/IBfQboEwaR1FAHKLsashZm84ly9atRndvpWHUxZ0yj5RrM6FaA==","signatures":[{"sig":"MEYCIQCj3754y4uySqn0+qqh0j3/h9eaYj/GejGCibYH7+ASpAIhAP3UBXZX1IZRtYv0H9BgSRhcZiL/tIdXENBWEQYipYbi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkdboCRA9TVsSAnZWagAAIdIQAJ+HcZi5LnMWalSe2tQf\nZ/Vdx9rNe1VZzis/IOx8XL3OrwpIful5cw3C260cP74Iu/jyF9vFfLXfJQf3\n9KHvhhNhXdFu24kxSz7J9i6ti69fN2CeJZ2q1RgJ+Dvtv8S1NUA4PtcHVPFc\nxDFFrcOdnGgk5s5M8KtjA0cSBosourPqvJzjKAEDhtCtchjWrD6aRplhS0zQ\n0Hic6uDjr+GNRILjr/Gy3wDwHC393NMcYEXUztmUvvSQNtw4c1TD/wkugPN+\nk/iUWWPbuL4+7ZbHbtzaLlTj05Lqcb3vazZ5fCfT6WO/8QqAesB44k+GTm1j\n23Xh1vJARNL1ei76Fxbbkc4AkhDpiyu+KeV8q/g5NB8KWtGT1EtLveLnrC4i\nVPf8ZJmFgRoMISzUsfc7s1onDEaipbpCBPFFBLvHvqGD8o2XDRn7SHBhn2Dr\neh5ZqEeWr47yypnpTzqOLTvF94w/0znC3cN7DIyw7rtLyWxX42FMJxCunQ8b\nk/8G513kQc8caKkOPYGN8VjdAUUN+qQMaA7UkZUflpaLjZS9ODILk0XWSNFR\nXOUE76kGuqqGCs96CfaI/qLNhmBhT0XClmXg823wWkqevyab+U4AY69/Z31U\nJxi8Uzt2wW/EQNT+FUIewrK82x+mTqUdM0wWYJJIHa3TuWQwXNRTpCeDrLLd\nla8W\r\n=7ACz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.055d4f10a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.055d4f10a.0_1620170472174_0.21815711693206796","host":"s3://npm-registry-packages"}},"12.0.0-canary.5b6a46016.0":{"name":"@material/rtl","version":"12.0.0-canary.5b6a46016.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"73bb0dc6c3dfb98b0de6654039726c37b73858bf","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.5b6a46016.0.tgz","fileCount":16,"integrity":"sha512-jUFsNAc8EoymIAoGnWrYpXXKvDrdqDaSAu6cJ+YPdcde7Qmwl94jTyqnSPBMxghAppVeA87kEm1kqvQKzaxmlQ==","signatures":[{"sig":"MEQCIH/SIl5ZV5n+kL4lBT/QwuHWTpb5n+72G00YbB/eFrmSAiACF3DF7KjVLuzES9QwxGsgClxidbZhekFwFAbX9gBQyQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgksS4CRA9TVsSAnZWagAA6FEP+QDDdhqrFyNjyP4Igr25\nBLcjAeLfcJYYayxyPzD8jzgpDPD8zNxIOdYRYFB2abTj0ErhvRV/eRmWaKaz\n1ftvR58bP/hk5FZYbN/tzqLbCCOeXNrupL4JtoI0pVnka452twqInJ0bMIs5\noegTNJ7kstsxQuigKVOjcsJeGwe4MFoxFXyqv2Bh42EBSsblr96JP7sG8Q3W\nXx5TajtVrs4/HDUU0/hjWaF4LiaOZB6mm9Uu1TBUFwGAXNvLVURerzUTnBlB\nyajpPBdU4NOn8gFF3TQ6FZSIUqzs4OQlt4EqRW8UYD95SHRDOPBmXRs+KBBA\ny6PxrPvHliTDdUnaz5NxxTr55mvPkyRoykDslOzvYcgCU38leMvOS3lOyrvH\nLAiY9OlZnMprxHmhWwF5YyLwHxkdcgN/tWHc48vmU4HAq4F9sY+Gi2HTpnH0\n0zBFh308Q5gcQ0210Y1kMIkXSNnHeSVadWF+ohMnJgHDaPShXR13X37ycJap\nFlvgUrHN8Rr1iCDybJx1IJhxZyqQPNrheIhiV8GairyD3EnGZ74up8zaaVPX\nPFtHUpt0XHeHjjuVHAuNE/V2uEYTn5qvUk+0rgdjv4asCCbTsjcS7ffD7P+t\n8B+ksxShf3cMob76SVQjRi6fp8SFjlL1/OOajb1urGvLldmbMbqhWywWb6j3\nZvPZ\r\n=vEgX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.5b6a46016.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.5b6a46016.0_1620231352120_0.2456843174576011","host":"s3://npm-registry-packages"}},"12.0.0-canary.33c9a737a.0":{"name":"@material/rtl","version":"12.0.0-canary.33c9a737a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6d539e1465e0fb1711f4900cfe8cc70817e69cd0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.33c9a737a.0.tgz","fileCount":16,"integrity":"sha512-v84YmHZRe+MqhfgDcCPXY4JwNXuEeWTGEj3cyGl2Plvd+szfw+yJoNu321E27HzFU3xyO0BzuPUJTks/3x/fTA==","signatures":[{"sig":"MEYCIQCWGQW/qRCnw9RIJnG0pf/ZsXQxqmP1oAXrTS4Jlg0ykAIhAJq9u0MfHg2ztLmC3haqO2QEQp3ACXgx1zQLe8vA0Nwl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgktVVCRA9TVsSAnZWagAAsyEP/j9j3VaX+R4yAxTE590C\n4+JtGJpcg5JBMS+4fy83RpiOLpfzDSSOTFJGwzAiqbzgtyNAOX9n8DgUP4Uy\nbfjikgqDWX3vtMpKKfEda7bhL2PRrKnr5rG5Uih3WY6aCuE1fgcj0qeBrPhp\n8qRd/a+gzxQcVhcAauBPmK4sL1XRO6VRYXpgsByWle/7JvOFSb/kMGSeY0Z3\n/twcqqCXEuV2FZBsj5V/3kZC/IdZWDeeRENYHqaQuQvClaJt349K1SplZ5u2\nSDFnF2QWmKJ+CZydPMKm+x2fzEUpZp4VGX18wAYbkomvluMEhrwii8JlJ06I\nsK3VARBv2Ssj7SJICUrwoogBs4fAuWiiwxCpRBLdGfkzDlYo/oEB1/bPCpyN\nurPgsjqg36mm1Fxil7q8focQDdVnY+p02SGkdOydPHU7J8JvEjJAA0fbUoCH\nv+auuPnCQJrjRRlV/zxbrwFRYMlbaFHGXlGmf8fSFSuKl0UJ9fuNw1Fx1gdU\nJVKuZ//ISL6bfL/t8xBTGE2GfvjbZEFddWjviTIEov72EkaE1OFvMZgg2HWt\n/aEm7/ytfpg396DNOmbUQcaOWYBWZO/v8rrDEvWQKzxyoRDKxQTXBjBLfdNg\n6/PKCqW/Bewz1zp+ODqL08oOypO9CGM7iJF+DNYuZrqvTlaMRLEkEGttTxdJ\n2gZ6\r\n=aNuK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.33c9a737a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.33c9a737a.0_1620235605044_0.7283695131471106","host":"s3://npm-registry-packages"}},"12.0.0-canary.9bc0effaf.0":{"name":"@material/rtl","version":"12.0.0-canary.9bc0effaf.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"79ab4c7dffb201e817f296ee8b6e69e216ffc3e5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.9bc0effaf.0.tgz","fileCount":16,"integrity":"sha512-NnvtFFDOpW6UdnIm8F8hC7OMSlSDVMc3zIHWz43wcgK6W5VGBYFwBYPeKrpUy9ZY/wdd3h/ka2Eu7ThfvgRJzw==","signatures":[{"sig":"MEQCIDipouR2O/Tktp2B2C9DfvJRrxCptaDJZ35J8FqxDrSLAiBcEh7aq71iMqwVfZ2aQSGoNismvJ1EAOqvXquzIRt9Ig==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkwc3CRA9TVsSAnZWagAAax8P/RNQz93wKqRW112thxtd\nxKNrRrJsX0nSxKoDXx8N3RwRS1Bcyuo7ktx9hrKaMEkTECtl9Rojero8PxRj\ngvaWYlA1Ns7hFvG9bSB6wQF17whWYY4b71P0UkH4H9D8hx/Tv3ZTl0c5sLH8\nUvvnq5dCCHfGG1SQb1rcZZk1hfebPs1QDA79gbdBTaM8OqF/d54Q0KvYyoNd\nePSOfsqpc9xrHvyKZFCSa+19M/56v5PScBrQSKNMb/uJ9045pJtEKCsBWjB9\nJYO86sy8qb/k9+q24nRv1LmcDE81bxihuZ9gU+zy7DjEJ0FnTayAJlRm8zBv\nhI8lQ3O2AGk0pD0lWPiIO+oSqtZxTIWb1pUPG7OTIMzIgqgjQSSWSmohBc21\nIggY5H0o2W2cmvs3Z9Omqmf7nRIODzU9/iBjFai2TGxjrq8pydq1cmSkTmrU\nWhUC8NDFfIqiuB43Sr3kPEth58DB+qyoshH+MpbG+ooPZc/dKko1Hu0Ov5ZR\n5ksufsN1j6eGP4spqYODEodi8gl279t7dauhNMx8RvohJkmmJpK8D4p02Zf4\nloB9GBqQuZM4g544ejUZOVxYG8TrpORnVFLqeOjXd6coVSmKHkXygG8JKECm\nP92fkDpVGiqeRKu0ySexhO6XJBoQBc4VIFKqgqtcmD3cirTamY4VpNb8PZZB\n4b9A\r\n=3xpg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.9bc0effaf.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.9bc0effaf.0_1620248375269_0.08637586638770989","host":"s3://npm-registry-packages"}},"12.0.0-canary.a1e0f2af5.0":{"name":"@material/rtl","version":"12.0.0-canary.a1e0f2af5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c29b89385c6d758f7fa30df1e68de7552b5e400f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.a1e0f2af5.0.tgz","fileCount":16,"integrity":"sha512-LSmqdK3aKJGbY6yOyYGoJeb/YY43Uhoi1uu1L7S9JN54x+z33rFm1M4WcTnBbpPVeW9iem+ZVUIUiKhgXQbTwQ==","signatures":[{"sig":"MEUCIHIA796sNJIVbPCLBHmNbGWnPnHVj4AzNnmk4APhshsgAiEAgtFqaCdNeJobEJwBsSTsRH4+7be/sqt/VAVwHVL8cBg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkxDOCRA9TVsSAnZWagAAWp0QAJp0wdt/qKShv06WsTD0\nZFm33VO+RAmWUPB3ZNYz9lJ5ZtemEIqUNrX7/XXb9F28F4qcu7uP5nOpEGDe\nqnYB0+OehwKuIGzabxD5XK9zrijK99bmRs442zJy0ugTJo8gPBbgJ7lBnKRf\nGWtHhSjX306D1RJ0i8dGDZfLOAXSaoerNf7VO2Nh8kuckOExquTW4oVl81JS\n0Wu7Jb8C1A1NVGoQj4wvRM3dF5iPxTG9V4Lf36zUNekVs0Gj2csyh2x78MxN\nA+HWk6GOjE9eA0Y/z8crYI0IsXq9Achvjl3ipnjKtw6ps46YI4N2J9fYxw4y\n9gp4eZXlG2P+hD9TWqRPwHYbfOTJC8LxesjHg6mvYep97F0PpC1bItPTyuG4\nfGWpGyClAsZFIHikkGG6Ccs1RvyV9ST7AihcAKmPtqfads5TeTFhzHZAq45Q\niR+Rx4UU8PpKP5e4nT/rYn9GFWi78P3UA1il2A1BgzQH6WrVPlwzKDX4MM3s\nimZioSSP8B86aFVnST0R7kBm5LNr7J5Y/c2A97t76OdJELec/tftn/DlygrM\n03/qkSsVEb6YKUVQcNbHYsXMaMwHy+qesrnP9RxwTgd9rohTOmpv7yyXtP0p\nmzJYqVT1fs0Ic8HRv8QCA19nTmWDDXaG5I+1nDZl+H66WVnGfebaf8wjgNKL\ncIQ8\r\n=7txc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.a1e0f2af5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.a1e0f2af5.0_1620250829820_0.2653925321810031","host":"s3://npm-registry-packages"}},"12.0.0-canary.06930c96b.0":{"name":"@material/rtl","version":"12.0.0-canary.06930c96b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cf37bd9ea06a6d293c62d19ed8ebab83961f9423","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.06930c96b.0.tgz","fileCount":16,"integrity":"sha512-gz3kvF9H71eewYzQOIht135OSCCoTLefYhc+qlC8lIwurb0VXMEcAcL9+xUrGnhmG5dpLuHlu5ar5PdmogkTLA==","signatures":[{"sig":"MEUCIQD/6698cZ90lN5tVbZNq0WAofa6hKfb+Nq1KfRfBc38TQIgLSLb8KYrn+5vxbRFsanAZh/vc7DlNpafdKgSxDU/rZ4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkyyICRA9TVsSAnZWagAAWjUP/3eUZHz7aDGoysSSeD39\nttRClqXH63T/fGaj4Tgu+8SSYGKcyYmPahnMCf1PMUYeFuRGQWoRnSAX89ov\nXCjFP7v01hv9/hNhdEnS5ap5u4Q3x11GbYuTlMVofexLgjGc6v2HSjlYi9Bf\n88pHG1EDIlQof0pH/lgRPARytuuaDgWuxgCvCtnutA6ijlHEMeGvynjJfq7O\nhWcUXhqgbG09qAtY8aYPI6tP68DmUnBfBAgD5PddDiD00wqaBumEddmhNw/n\nMyQJlqQBJUDuPjgucE1FZu2XJk4dM+xu4ZzGuZnWiylAA+0iMPdwneBJnOmU\nals7iJ6oaUSZ1o2o11j9xBidKnZlyDyNkGmfFPpjLQiTxvq7XISPusTGz3bF\npgcnaOpE1jLHvY92+fndPnW46UjHd8ceyAazq/E5zF7575/WwY8GK8dlvFCY\n7Cq+RN/leIgAHxXXJzULYnBO8n/vLj3cUXBghFtZjcnO7+55r+8T8//Dl/8x\n9vGNs6Ftr6D/nxH1JTu+aWho6CdrdUSi66/84PiuQaQb+yNuD5eyIFkTW8Vn\nAImgc5PuxQ6y59i8FtDGPXB/S7gIt1wkHmLN2VlerEn/Exj9+UkmckZYT58Q\nASPfsl039/C3r6IaPnE/YUZSR23E7T/hcjd3faXbj/re/y2h/fhBfstNrz6g\nZp81\r\n=QDpg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.06930c96b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.06930c96b.0_1620257927916_0.5953746049634656","host":"s3://npm-registry-packages"}},"12.0.0-canary.03f525f9f.0":{"name":"@material/rtl","version":"12.0.0-canary.03f525f9f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6ed65db780648a467e2c06e8807e29ae280a75bc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.03f525f9f.0.tgz","fileCount":16,"integrity":"sha512-aFnxxoj8QVqlZPxZG5uKf6issJ5rSWgrL6Phsolv6GJ1vhzGWpLsWMgAIuJonvfJCRRWOBw1IGpnH6MMBxGVZw==","signatures":[{"sig":"MEQCIBSS6A14NzSAnErwnJj+MSQvzg32Je/WEN9ZvtOmU9V/AiAElzFz+2cehQ5fKUwumvRSI/e3n4pbYXVd3LNFTrLdsg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgkzhyCRA9TVsSAnZWagAAHCMP+weNF+/aCXHN2vpAHV7D\nqYaAzmnhLDt6gReR8L9suZvSioCLFBfQsbaTRt9L00knWXuoncXsogW4Jgc2\n6b6BBNTavYd1uYpP5fbYUMbEEQYleKCw1fIZHA0fSZhtsJCI92oYkQZVh9+M\nvTaMm8bAbKXFFpVZXN24vx1B5qgineY50WrT6kzVaR6q310ln1Un8ECnzzs6\nOnRmPs8zxs68Pm4I2tPXXajgTVsJMOUMjt8AS9Nj7IRTqqYhGm6Lt1mZ/H9Z\nOujwWYPBhY11WimW4Dp81FZEksf2huiNJJWPQzEHekOMJ2k3HaVdlgvH3YNJ\npdLKUPSFjCCBsTXm/X2JNHQVyt0PKI7qVpcU9S6UC9G2v1XyIS/oqS9sC2Nk\n/sdush14IYX/xJYgZUsn1UYy8PwJgEzI9kvVsDyMie5iaHjnF3lv8M0y6kod\n67tmLsjorvNvbIzSqrnUOsa6rQyWQoqdStL0BrMtEGGZ18KH4+M1VWSITUza\nzHAJuzLRFuDvQZa84ktNxp3/DBxmb9hZBS1316BC5mECLM2yWmMZqeROsinp\nKgnHWkiEZXh+gZd10I8dfETRubqhH7/Nw4uyxl8wIgKTofe5AzY17/C/tVu5\nrJq20naU/HaIVx9F9HR1pEa7TOUPEiDflQasKsCUqEkZ0Iq+3uIsFCsySLRp\n7HR5\r\n=GKXV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.03f525f9f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.03f525f9f.0_1620260977868_0.14163505692911094","host":"s3://npm-registry-packages"}},"12.0.0-canary.e82ba2a26.0":{"name":"@material/rtl","version":"12.0.0-canary.e82ba2a26.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"87f703aa5da71e03ce8a7d638b13806ec593f58c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.e82ba2a26.0.tgz","fileCount":16,"integrity":"sha512-DwBIQ7jElNVDjo7NUr+tFnr2EcLZlZLQH3UMZq+qsA2Xw7vVsnVasWcMu8xjg2oYUgTn1Tr8nf25yFntB27vVA==","signatures":[{"sig":"MEQCIF2lOC4H0N0Cnqmh9oPC8bWjBPYJ/VL+BNOKO0QZ3T2nAiAoCNLd6WPdOX477M0m+y16HxsSAoORexDV3fGtgnBEfQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglBGLCRA9TVsSAnZWagAAlpAQAIguEPzRpXm9duqhKA0h\n57o8slH3YxNMD7Rlia9fGESLBa/4JtfhIBpR7o02TR4UioI0LOnjp3xjfSw0\neIZNw9WdUeJ0toOoqD9JpH0194iuaTP5xKm5VlMUO3mxuxA2QwQv0BRwGHTD\nrzNKEDirxmmXOd/0vf8sFpiRyDEzfXTGiHho1fe0DMRHYsm7V28cn8Ar8gSx\nciBQ3jm29kGiZVw52EZxZertMTiPDijqlc6cpTlBxVWpRnE7w2k4cTag4Q2x\nZ86a/QlL1NKmXOjvIYzioKBFa/hPIqcNYFiHbaBO1SoM65aV0ubLBqvL8cT8\nAt9CdUnbJNa2YGMNAgV1mIqlQnm+0uu3ODDyVzKxOyBJ9W8MrD7MjbhskKK1\nN0msB4QQka+Stfh84BbyOwdA+c3P09Rzz1d8kKoi6nZ9p8np9rMKRdplcScj\nMF9SC+rpjEHTDDKDISQmaE/dmUkz1TeP32ULIkZrfvnwpM2LH7rurMxVvJ6q\n7hzbA9EWdkG1zuy+lUgx4AhtA/jYycBuA/tAR/5nI/kyVWZg9tTdemRmB+nW\nwIR11GCHZwwaGWqL7D9nN9z/dpbbg0M796bSG86kT0JPknAy5i9AijZP+U+2\n4OjfDHURmZtfMk6JTv3WX1fFR84czDOmTf63FrrZmjv/s/DKX+ytOjo2J1zH\nkutA\r\n=q6Tu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.e82ba2a26.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.e82ba2a26.0_1620316555330_0.6665798060861783","host":"s3://npm-registry-packages"}},"12.0.0-canary.fc7c4e5ce.0":{"name":"@material/rtl","version":"12.0.0-canary.fc7c4e5ce.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3519d946cb7feca4ec2e3e38ccb93a3a4895193e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.fc7c4e5ce.0.tgz","fileCount":16,"integrity":"sha512-ot7Tqh0hpdD406geCzaM5/PvvKBLVpmgMJPpP7o04lJbrxBmIpG04jYG5+XjNv6B3r44x/kzCQkJDlk2LFNS3A==","signatures":[{"sig":"MEQCIBxutxmSGZSGR2irb6TWsmgXSj3mI9tz4CN6ri835ga6AiAdFBqJkrzZs/cW9Iu696167Brwo/UBT5hXrYlovrXqIQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglCdYCRA9TVsSAnZWagAA+/cP/3xplJsrrO8Ew6YsAHtU\nUnY0bv0QD8TBvYCVdo/IYp/ELKSz17paNa+hd0Q8mubwoRCNmKwXMhEa+B/U\nAaj9eO00MwiL1nWadw1vAorF09RzIJME5b4IkF0Bcm8SGGdX5p+8nCluNmTD\nv0xEWCvCO7gakiIhfyALZ9VhaM+nVlBBEfQD4gH7U8yQZ9aZZHYDaNuHJ09R\nfzSG7TRJIZFUzzxgZO+PucmKBqoh738Xp6npKwhyqh0bitn6A0FoVrL1KMgZ\n7kRdWTlUeefMpGloAUO6f5+BMCoF1ipE7uisSgUwAAEZlRu2FIKaOoO0uDQG\n3xPS5xX+EWKc4z5qjROqLC0Xe4qbLTHN1tailk0xqzXxGE25txcNDLZCTzN1\nflBP9ryS0AsQhpYT6FG3tqdZ5Il84vg2tG++zKziAa0ycc7cj9bjODZzF/KW\ncBdPSvNRx+Nqa9iHRFLSvsSsMDAQmXjt9AqCpZgDK1mXN+DvzrRs1+8V/mtQ\n5yhkqvlb+Xx5DvtcMpxjGlxuSBc0uAwf/Lvb7SHNdLRqLlfwtqkXChLiGzXr\nQlMhUduC+FIUw91bh8NW2eluH/9cl0tj4v6yxyhr6DibAVFqLfZs0lRYpvFf\nHguZTJ6lx4Vd5Eiq74iOfmVRoSPbQmkYlY31qTN+Yy3x9+QQ2VgBcaRSe4c3\nEqfu\r\n=ka5j\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.fc7c4e5ce.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.fc7c4e5ce.0_1620322136373_0.6759034431452018","host":"s3://npm-registry-packages"}},"12.0.0-canary.65c04514d.0":{"name":"@material/rtl","version":"12.0.0-canary.65c04514d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9c9d8448ea5d29b02ff64df682aeb512e864196c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.65c04514d.0.tgz","fileCount":16,"integrity":"sha512-k06bzlTSEHcG7aC/jCeO6YZZX3VVy3fC5firCsv8ep7UeXLlDhZxn0YLb+d/iN1/DES56wDmm/J3jKnbFgij8g==","signatures":[{"sig":"MEQCIHWSkYm/P4p9XE+KHdGp+7E2NHeeMgf9XX6fM/F6E1QTAiBLZZOuGtFhVSw22uuAF3OWJ0ELzywQwI2x/k6e96gEPw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglDiwCRA9TVsSAnZWagAA6OsP/30Xb8GXbretkZQrwBw1\ntzLUgWPkBvy0sOKEiuMV+QatZZ+UtM4J44Ddv+cjKxvOzEDM8SJX1JdrxBKm\nd5icV01nxk29g2nzWljiNchVc/x2WK7n/os5qD+wTQ0gy0WEsx1KByWmdlLn\nn2TP5m0g3xhptWVsPU+1I5Wil3Sp0vwAdbgoSU9qL7fbbg+x3eqUNKkrqvSW\nb0mowM0yWqXVirK7ZeP4ZELg/mHmnz5UTosH53DdhV4idHnB5kOQ6f0M7jFT\ntMCKlv5w3yfffqJQsuj8as6CUqwwKxQCX+4mm6wo+bUypn+zDlMyBCwBcbzw\niAY6oZN4NGEGcU8ApjQ6wwXvAKmh4Lvw/5EzTc6y2qMgfE7IPKSJSTzjk1jd\nPnzuxmA8cExQlHDEhdZTBrTRgW7wYlgpF0kfw9inJrOUMVbTQQMeJpc0BXZT\nI3Xk9/0yRVoOv+5U/XyKTQkYjfAAIg2ZLXfumIAcBSC4JbY6a7BT2nO/5mwQ\nHhk/13DP1OtlAYPmxvtE+sqMs4IIToIyacI6Dl2JyMVrA9h5IUfB/glfdp8A\nDEr0ZtFGLa1LcJPRBcFRDdzCw2rdIS+cwXdzGmYy81Ufb33k7iMZrY/xvsym\nZdY29Hg/7AbqKryrjnj0gGHiOYZtZhg9DSYO9NXlo/mNlvJOKPoLoYyhVLYk\nCeLl\r\n=wCzF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.65c04514d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.65c04514d.0_1620326575860_0.8434317050914779","host":"s3://npm-registry-packages"}},"12.0.0-canary.c97779ca6.0":{"name":"@material/rtl","version":"12.0.0-canary.c97779ca6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5970e27f02222387ccc1c7e285345968090da2de","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.c97779ca6.0.tgz","fileCount":16,"integrity":"sha512-j7IL3dy8Pqi+grP9lgxuDnoSdUQYkrdmoJ+yi090/Zpn6eL+9iyCtEajLVnoX1GtKufXZq9srmiUpy7hqXcYNg==","signatures":[{"sig":"MEYCIQDUWgKhPeTNsYyiO9xttDoi7OEjBKFllDOSK7KT4GR42QIhANFZOJTsbmFyQGgh0nDZOBH4/bXNVNIZQNJxnU8NnLtH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglGLJCRA9TVsSAnZWagAAElUP/jAiAGQqQidQzFuyQxxu\n+4w6jYH7bWS1UlCbJw9T2p/DqNxfZER5iTp6D2nkAkhV+1ERZk6xMN7v0t1o\nIJUnpAYW3ZCcMKxOefFp28j2lo+U2wW8yD6fHhWuSzYI0AYb4Ln355nSaZr2\n2dlfF95hQonWytlVoyMEEC+TVFyEooI4O/G4/P57QocGCGwJ7eSGqJRlusTF\nDII3NCfzdfjRHrxB7aXv6qJ6iS9OxW+o7tKkBQfvEoL3J7V3sOjVFV2p9s3C\n0bzVozs0tYcd81OUFvNlOvDlu2mIQvcCvVjaMRF6l/lo64uvlSfKmtSWfZj1\ndfDG/vits5s/3O0O/s7AvbnmYeZwZcVBqATwJaN/UEMi0MQRQRF4/FDpFZiY\nyfkDs5Q8syNxNXTajP5+dskxAVxcTQDmT8diwce+jMSjT7Tex/0zsb8UnwzB\nfnWmS7dpldBudmWG8Z3OCjW7RAZniSROlQlM+YV+xu/WCe2Yb0Ndve0Nuppv\nQSOrIXicTdGMpuMYX5nfBxmEf+t9WBECSCI2zf2GmBMyrG2pWkN91d3L4+Fk\nm6cLsUOZqioGBQPvy4zUxjyV6Va1zZkc3XlcX+vM1DfEq4NtjeLC6UrRopi6\neOUxFJNsLUaBJ3BAAHlpqkAZbQOc7eBFK57cuaTN3Xu52sVNnQsYWmV8A1WI\n8Vfg\r\n=SuIp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.c97779ca6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.c97779ca6.0_1620337353108_0.4492329559450696","host":"s3://npm-registry-packages"}},"12.0.0-canary.869d890d4.0":{"name":"@material/rtl","version":"12.0.0-canary.869d890d4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0fd95df596b3472086f918fb319743d3f0c77f1c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.869d890d4.0.tgz","fileCount":16,"integrity":"sha512-4Lf1pWqAQwwotrmwWgoijiJzV/gViwRelvArv+dEvVBmEH0gSax2wA9sozIpx5AaZ5+OkdRbW6avdic8UzRLxw==","signatures":[{"sig":"MEYCIQDl0F+XawCdIHpXFyE0sdCuuUBdP4rd7QlcN/Ykag2lIAIhAMS88SEL/MNUtq2LLz2LX3ICyYyl1MQnqTE7Ng0ZbZiB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJglVo5CRA9TVsSAnZWagAAV0MQAIWf75+aiRT6rGVrtkYF\n9CG4nfpOqyQJLL5bVFiyoBY808izBZFPLAnbo/slY+Apfd1PdEds70uPv8GI\nNqhhF3OKNzWfIGJM89nFWMO/ucpQipvfvURNnc/XKxIGua3zJaCdaNGsMRkp\n2SO4Kasc0NoPPtaGqR92WON9xAXRiL5aYic6rFPbebIHsuubI3XYRNKh0mKK\n3f2mBu1luRJ1Us3ckNUiV9p5qbvB0kYoEgUnB3keX8+k3MNNyuTS5zpvag/+\niOcjHzflTZpX7rqP7tVIGWy+XOopyMikraMvzwetXQEAOIejwv9jOpQFlz6Z\nlYuNb/PAYnoiVfPcobJXkBc8vPGkNViAEC7dPN6CsnpGbwTgqa9EhuwrLNX/\nUNaMkh64N1lDXUqjHzd1UqB3W9BCZrDEqgxl7zPEgBmT5tqHStMaaokNlrCC\nEzhdPfBEhSl6eiWb/O5lmaNmUycCwx7p3sXYSoh5QyfeCwV9KCJzfbEbJWGe\ndSy7vhzsqI68dw2clpUpfcyHhMAHgcfTLuiIMKeK77pDgG5LMcmHDZtsUq+X\nx3ps0Uo6yqk1kYuWuE+IDPDrH0HxeVKnI5sO1+8Wi9E824i0LvfGfb683PHD\nzZiJzg4SB2xbnlOapsoKZW7LsJCg8cbxLcFYI3J7ymn6W39KNgoGuVXzhuBg\niUXt\r\n=9GA6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.869d890d4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.869d890d4.0_1620400697177_0.01733471863149849","host":"s3://npm-registry-packages"}},"12.0.0-canary.ec22e1da9.0":{"name":"@material/rtl","version":"12.0.0-canary.ec22e1da9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6c4a04ba7fa4ab3ce8fe7adc8d6068625a1def18","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.ec22e1da9.0.tgz","fileCount":16,"integrity":"sha512-/dWxhfBX2PKlOanOvYrjg1FDVZQwSMVnVHNbGGmYNH3C0i3TqCNgwBW2X108q53YvoMG5JCS16MAOQoWUupmcg==","signatures":[{"sig":"MEYCIQCR4Jspusoh6S2FCcZhG0VaHbweYWSQbMgvArh5bjoBmgIhAIsH5vgvy8sjcw7T4kGCI8tBLfyNzBJe2l3ai6U5n2Ww","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmXoNCRA9TVsSAnZWagAAgy4P/jP7l95BUuOKaGVyecQi\ns+u5SSZPQst+7+imcMeMIsi1t7NNFoQmlRiXSa+mZ8GRIZy3zYbWMYATKoIH\nOHndkoEAXhAotefvHelEqtQLd3Bins73VcnO8iPZTwQq8kp59F1LlLvcuxsR\n3s0U733IJf6Nh8cwd9QoOPEHbWHSwzh1L0J2mZGeoEGkxsnRH1kylkWR3unq\nNsQ7e/L01eghSXflUagndJtnnImt4Z4owmjCNqT/8AnNI8KGes/wUYfF3df2\nkPfbf+RyREsWR0j/GKfc83UpBRyIsBvoEEZoANvmXioFLTOSaoBIGD6C0oS/\nGHds01RhYPDg9c6WqYPa+9NAxsgIRWHnEc036qVO640BKdjepkUdjSMCqTi6\nqrVXleNkYlEolJxJRLkkvtA8khjk/0lbEAChOnV7BlouJ4G2zKsgh1NtGLPS\n/Kh1lqxpFpX0I0uyIvhkehSZ46SRfIysz2JDRDpi79C19knqthEVj/XVKm22\nTPrEVPRAXnZNSVmdETSsqPfMMJvZ8R20dMJHe/++DqpwkMl4GI1qwEHTDyB/\nzJD6xXbrFv5tO96pHFArAHuDb4/E8mubFBogA0/2x2DvW7YR2wMHjFDog4WA\nymmgV2RUcvFJRtjiBy4QloHa6InMrYR+eLnuBVy4C03fiwfwoVLOmaX8x4rJ\nBf0X\r\n=BYCm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.ec22e1da9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.ec22e1da9.0_1620670988874_0.790122079475813","host":"s3://npm-registry-packages"}},"12.0.0-nightly.7427449f0.0":{"name":"@material/rtl","version":"12.0.0-nightly.7427449f0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"36276d8f1cc5b72d012fd25fad6e1c4057951683","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-nightly.7427449f0.0.tgz","fileCount":16,"integrity":"sha512-MxJyue962TMrXBySJdagOJCGVn8OubYQFRQt7ZExEw8NdPtUSFyYs9tIzIq4YoscOh/EexqrI4h7YbdHupnpGA==","signatures":[{"sig":"MEYCIQDaJWXD4eekCa+TYRevdfv5F2Tg4/avt2Y3jWUAyS+ywgIhAIMgJc3MbMFmBqhZcUvQBgC0wmyS45ZJybo5gIripZKQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21890,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmX8nCRA9TVsSAnZWagAAcJsQAKMHd41eoAlW+K+njoPt\nmHeQtxrsKSV/NMWteo/dY3zqDEBOGFJkdKNcnGE/r418ozGLODuowI+xbBo7\nQX6Qe/yHE40assJZfcavHhXwcrO+ivW/omuOzPrl1doSXYLPUBuXUCkqd1To\nTlsJME/3tjzv551pDxmGaTUFuWn698zY2Kkl0Ch+HBWsytQHXsWYyYEF8BDt\nciqcAq3FDKQrn19J9pYpXkDeeBn4ijigsy4B+RWWX32SDvpwLZFZ3KSJj18m\neSl6AvDihiYa+XJuijIYoOLcflrNFxIYfnGzkyWvzL4O8kiM0asDuLZxYBt8\nZJM0OH7ZCD6jS+Oor+0WusXt4Bd27VZ5EVITgw49WKn7xQGqKH+DV62JuZn0\nOIIuUj67jt/8dzlfR+pXzkvfLPPwcZdvnkOKJzk/ip78rpCBovgzm+DhVLOz\n+5gmD/tJGRBIsLCCh2o1cCufEY5P+qbYKWGmW+cg1z1HPwSDk17amoUFPhyf\npzFfZh970lXNLgKw+B+Di+wi65TQmFqV0BX0Sy61X4xerEH8tR1wn61J5pay\n2GhLTXZQ2E8RYZDwFLZlUle2fboWjSUaMU/ogIM8R1Ey9D9Xj8eWL/ZuuvLO\nE4nvdEOHBfac3s7XjKaUYXPCYxHN93WnBb5SQ6DxkRwcjXLh2KXRHEDHVauD\nY+sQ\r\n=BLTm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.17.0+x64 (darwin)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.17.0","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-nightly.7427449f0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-nightly.7427449f0.0_1620672294709_0.6919782301504867","host":"s3://npm-registry-packages"}},"12.0.0-canary.957cc3bf5.0":{"name":"@material/rtl","version":"12.0.0-canary.957cc3bf5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c0de5c59901d48b20232eb95ca9ada169ce14698","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.957cc3bf5.0.tgz","fileCount":16,"integrity":"sha512-RoxGFnI0pPgbspG4RFItSltXIhFGdo+Lu6YwnBrqso2j2G9+RTNdPRdNlXrrOdf6nxH/uBCD9E9g44lynDloEQ==","signatures":[{"sig":"MEUCIQDhMzQLVBZes7+XX6jZ0M1vMSaTbrWFEsBz4AYDrbdWzgIgV66VPZFLdKdDXWWTo2hjh2qg4vuiP45fBMxnzGh4YAE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmawGCRA9TVsSAnZWagAAxNAP/irgRQGfRPoP6wJa6I2M\nd94vl3TEurRuvG4KPBmxvMXT9vkGLPbCKYbJBn9kj6Si9G6nkPlOUaSY7uI5\nk/I3TascGUFPCtssmzPfdLlyVINgSOyXiXL+ol/OWyI5xnj4fCWOkAN8NCfD\nWqNhUHVXIiXcGp9Ve71AGmsVAOshfgCPZWmCPiiBn3DXegC86gOAsKPgV+3d\n7J0R+JkRWqoruxDsJrrlszB/+1dLzHHqKMTAbryvMGbY1mST9Mk7BG66lVEp\nuJGYo9K9KJZPQAIwDlzDQ9iaHGaue8BBT28fS5Z/df+0AWHEz5PDnjnpDYEp\nUlwAOPVD0VBKPC494U5jNeADFC7Pt10F9/pU50vFs192WTDPy//YROQl0xAt\n6+mxfAJoO15wa3swY57UD70OzDodJC8uTR859UZK9zWE/jNnt/R55NxwUYGj\n1uoTL4HukB8W63qNBqyAD0CaUd/jfkZ64bOauQlej/OQ8z+dA1yAGKdoapEl\nteGdpOdKELbYtCPPVV1AqAR9Ms3ngUfRfcpK+zCIfBydK+oaFUjBTu3IEfuw\nAUUutlOXG79raJ6btnxCJ4d52id72GCGvNQYZNssT4W8a3uh5YjMaQiJhp21\nL5rOO5G1Bazk81SWgm0FDGjEtzcOsvNqJzO49ufnTwRQ9vvtjEbTFSYaBGqm\nhCMQ\r\n=K9Jz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.957cc3bf5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.957cc3bf5.0_1620683781653_0.23230903899487232","host":"s3://npm-registry-packages"}},"12.0.0-canary.88a33cd70.0":{"name":"@material/rtl","version":"12.0.0-canary.88a33cd70.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4899c61b8d3bb5cbac7ebd4e2c0d0c316f34f477","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.88a33cd70.0.tgz","fileCount":16,"integrity":"sha512-/XvZXMNHZBcIldTgHhWGEEBf++ud8XktJ0k5+kZXYwPZG2dDnn+/aaL5/XelT4BZ4wjA4qtkcbr6MXuJw6c32Q==","signatures":[{"sig":"MEQCIEHtp5laT86xd4B5/4nn2nnSGeW5ZjduX/OK7czcDtP1AiA5DPM3ws2G0eiW4Q0Mm3gEXr4c9OMB6A02EdLNzTDFDg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmcr/CRA9TVsSAnZWagAA9mkP/0SasbxVbkL1Z2Nj+f7T\nZVH3YGaEaqS2GW7tsVjC6Anota8LCF1bkE+6Iu5oDBtTLQ+dWlWl0aAbkPAH\nVWmQoDNAg0gXiaDvs8/bB6UkoTBNuRjMPwnH4j6YxxJsllXgx1OhujaxT1Jt\nGyLmun3sHQLgwh0IPyPGrKPfM4AuakA8seF0jQM0Cryjmb2O/kVU6cOGmIIg\nW8zT/a/IfQsZCwXEDHBdKez2ZTI0G/jNdHF4yhuzy06JPvmosqR3JsVp1C8k\nuZnFfilCE5kdcZMB9ywVE+6DyJq9B74b04DNtG7tFWn9YZhWlqmzdo0pZx/z\n1eezmVbP196w+8ouwxBhgh82IOnXzp5SPksx6ccA6aZjhxHx1dgiTG8NlekD\nrSSZ4/TqjkZOG0sWslFvdspEyMqz0XemBhDiBPZvdd87viRj2ii2k20tCPMp\nv6VF5zoWZSYhAWGZ70bnsiECXfHsVmuX4rfNRoX3LVLUepcliEQfgEda97sv\ntYoYOv8p7q/O+I8x/nX6v55bB/dAutm2c4EYWinJpd3///O0/YGXtDl5nwJK\nXGqgFn8k5uQnfnbz6M5k6XzQYCsrPEvxzv5STtXQ0OYKomnBsmb4OOs46Ol+\nj0CoPv6bc+m+QFtU1m90Uq0k2K6EAHgtQNVCppg0LLraYQ09rQSu0t0vrkSb\ngTkT\r\n=Nse4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.88a33cd70.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.88a33cd70.0_1620691710512_0.970268782798315","host":"s3://npm-registry-packages"}},"12.0.0-canary.d20dc6dba.0":{"name":"@material/rtl","version":"12.0.0-canary.d20dc6dba.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7da200593855f7018fba928a42d767231c3ae193","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.d20dc6dba.0.tgz","fileCount":16,"integrity":"sha512-T+dCcpLBj4/u81nBOXjQHV0aB9kvgOBClv6OzW9G0wPnwv1628uxBTN9A73bApkq1kUJFeUp+IZJXHScKiYJag==","signatures":[{"sig":"MEUCID6GrOommYgFOvHcdbebDtEOHae9Vv7MDmvectt4E5UjAiEAoWDGVpgZb0a/hhB8E6fVEwPY4R4Ldsj/3Jv8Fr/lP6E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmc6xCRA9TVsSAnZWagAAruoP/j1zJ7XNmzxZcrifAP04\nZ40VWptLFBpHnWFI92G5DjB1ZsEFEd5bc7N9CUdjTN/5Bc1iIB9u9JzBqVmB\nYInqYr7t8KNO9hLSfrCZctNOkdKSuzon+ile9ZOVx59pWx0ZnP5bnoSeVMLv\n3y5WlfKQSdTw37Jmv/kCpvKxpGhOBvlj9s1MAvU1YNxHq+yCvZ7lD7OD6/GI\nUKghnp+JRGB7baD3zr1xiyBx2Qgl26wYX9uiw9ZasAXGqlXKCMQ+NQujU8OA\nTEF5TPxoh8ySFu3fwBf8gztSfaQQTfQGYlBOZQuxG5PmsFK/YOwo/1oSb2y/\nmw7qVTLWnft0IKG4bGZi2JG0+VfPM7WISXNsncjb22SN16ZQJVoXRalp+sWI\nWSf2fJCuT1wrKyXDu3AlFjWziN4Pfqp85z71yi6paGG1KvUnuIrioljA3lGm\ny9nwisRfYOg2q6+chgr80QjTvDWev1Ytfhgk0bW5D4yC0uINT0LHAL0O8v7s\nS5Qhqr5xaKIXUlJo2JY7/1yvqUxQ9UNkedus6c3YnwbhNKyfK8Tx/wNjH1g1\nHmItI39e7MRBqd6x7N2FrN/nv627oG6MhbKh6G2MRrePY5QSfn23IC4GmoyQ\nCcQJng+UX4xVhKXieTvsRqgyfDgeBgZHu9mIAbrLdNu+u7JW82j8dnqHCBJ4\nWQ5J\r\n=m9Er\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.d20dc6dba.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.d20dc6dba.0_1620692656947_0.6960054544055263","host":"s3://npm-registry-packages"}},"12.0.0-canary.0ce2fdb02.0":{"name":"@material/rtl","version":"12.0.0-canary.0ce2fdb02.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7251db3258d8fc0c2d9ca89c321e673c079c223c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.0ce2fdb02.0.tgz","fileCount":16,"integrity":"sha512-c2TmIfF50baXzlYf/PIrXJPrJqi3AAkuHApjAPC8K6NJH1SV+NpMRBWTfdkQ8p2ymQ7VDRaNSdvBHv51OKAVNg==","signatures":[{"sig":"MEUCIHDHLUwEDjZxXMic8WbNKQ/6q8IAZAMdsbvYHzITSrxPAiEA/Vbkfd7dOVrG3R2bqR/9jDibnFqQB3Gni0bHmlkgQL0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmdajCRA9TVsSAnZWagAAg5AP/R4DR7EQSeeKaJl3zeee\n2oN1d5S+HTxZA1S4nYPqq1trgvNG5KU1YvFRSBwXAIjouspZ/5JIfbwNR9dC\n6Yqc8O7JHDnN6aCFML2nCRuehXBFz4bnkyW6o2YwSNma4WWXJIOZMbo71UMR\nXOv9MBV+fE0LkaVPifLYPRGQczkzKo0ijfTYuvLuRlVQdT2NGYLNUFrU022w\nS6YpYbobJFnOFNFN/osZqa0eMornxGcoj9y+GUfTheCAf8CBnvyl24uMLFQi\n5mVYfOuWpjiDT1Wpf3xY7Z/I2KltJy4yL9O6E48XHIlzYwR6xJ9ra4BGy4Qn\nGBzIXLUgzrwAj0KkRXt31Qpyl2rciXyI+WJWLK5X+OaYtwydvp2rnyfQ24yP\nGyNAkNa1FNeH9ef9Cdi4vCed3gPZTArtlqjlgj7ox9nrJXlkIyUWEPh8/HBT\nZEjPlf5zkW4l2yuz7RfpjuS7n4mwhKQv7QuMaKfRmIoP4vENZ0LxqKAmIz2q\nXMxJlnvbpSnrT4mx9vgy4/D91Y9A0bWmhR3A/MZPi9qDhJvDZEhhGggLKK/B\nl1wuJzNrrlgzqCzqdRk1XBHJI7jHBIqPLJ0ZbZFJTOL73gPEhiFZsOUIZIV7\nDWEZ93N/OsWIxxOlmkClGDwnwthol4bSntaHkS+12VrYrOjRI3MFD0TRenal\nykgE\r\n=o4kc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.0ce2fdb02.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.0ce2fdb02.0_1620694690601_0.46922625146292596","host":"s3://npm-registry-packages"}},"12.0.0-canary.cb162da37.0":{"name":"@material/rtl","version":"12.0.0-canary.cb162da37.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"05bfd2537cfe65b19b6d067f835a19b5a6707089","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.cb162da37.0.tgz","fileCount":16,"integrity":"sha512-7TeGStm51xu7eeT3E9DH1JiH1OBsZ4092EubsTCGUd/XVndXa6FchY/mj0/xYoFMcs4uRW7d6ujjjMEWz1WX7w==","signatures":[{"sig":"MEQCIEoQjJZQEcV71ZDbknKx5hA42V2F1dKwtVVX4ukV9SjoAiA+zYxFaaUp+AhfoO95T7X9DgTKnU2TpTZaSZIlBq57+Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmeSqCRA9TVsSAnZWagAAqxwP/3jbGufaGORnnFIu3QvK\nLjWZqJzs9Pcv+NHo83wA+836UxRA7vITeQfC8BAKo036ce4xsSvpz5tvk2rK\nnUL7e/CA1MPTAzA6ISCsoqt85VWGhcVzS7A6YmCI9tqj1lHOsVKpDilLkbeU\nPjmIe59HlAeUVFRFQ6pZoQbkKJPiqcMK8yOccbmGIHBcleJI5XWTn0zU266s\nHeAjA1eW5wnx5uqsQinDOXL1ioD/tz4XG+2lnj1OjhO0Bc0sDOtyzZrcJ8AX\nno0DTJ+bOmkPl2UbURSQoSOPljxbpDYKsacKc9A2bUy+SFclseie39lTzVsQ\nx/WPZOyp6SoeR06onwGThwprunPNzuAhRO2wCB9MhHxi54/31zyBEWh3gRCH\nDGt25GZ68Iq7tmKPEj+bRe48cLABsAngLXHO27tGCgJBSBrfy8xGo95cJEsl\nNehncAWlwRX+KpLouoYhptxfBepVDMcKWmQcc9g9NCAYMpRbkGMs45Yfrm/5\nn+IgvlJ8wiYY8ju9c66RD3R4lnCBNcXYKUH4VCMJ4VHaYaG0EG1FuzE5irTQ\n4D55kWPQ6o8ssuJc35KUmf9iT96/4oFVcHo5f0Kh9vnA3grtwaHbsCYqWO9N\nwp0NcMWtkF75/HlJlCm6zF8h8Cq7Pdx3TegyWrSP8T8IpYiOPXqFixcQdrEY\nqAhP\r\n=YbAL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.cb162da37.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.cb162da37.0_1620698281961_0.9251412213948864","host":"s3://npm-registry-packages"}},"12.0.0-canary.573dc7ffd.0":{"name":"@material/rtl","version":"12.0.0-canary.573dc7ffd.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e9ec63d5f87c9754e7862304593125fbab3cd7e8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.573dc7ffd.0.tgz","fileCount":16,"integrity":"sha512-4DVW/fUY4RhfwuxL7wC85GN+Z9QE++Sf09oU98IFnBGD3ODxAfZl26HSYdNXqsQnuxiiCGaUKKagajCjaYuNWA==","signatures":[{"sig":"MEQCIERgFKP5AgRx++dtroa0suL58tQA0IC5fUwWJ0csQIc/AiA18y89BIUiimiO+Qzz9/Qe3/PjHKVmxYlgm6ocdP0unw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmekWCRA9TVsSAnZWagAAqv8QAJKjv1X4Ay15h7zLjktK\nd2rpPlMGDeV3TRuEqAuVba5BcIMtfxd0sp2t44TGJtEFhrVIl1UdhI3ZgJEN\nG4jcr87GSgLIoH91GUk1xhmBE9VA8MQUdmjf28qU30xKY248FwXEpX9Tppm1\ns8wBGPXSHLUWxGNi6a3hBdVAdcJGyKJVnijkfm3dlf5ViVHPSGaNiIAM6wBS\nVGeJ/QqRHRBY/ltoTtswWWAP47l2aZXznyDmNnPyrUXldxIzr5pOH3tVHeFJ\nlVwLVxR9pkponFXeEBwosf0GJPHwi0tsUYB6d6/uFy5LUBQmiX6xWoXVyvyM\n1g8wmhcfxQ8KiN38XOpkSetJzVRGsvxznBFYZavYOrar9gl+PSyItVY6Pq8c\npJETVyaSTFxak2fX3lALh6xP2SpPj9TsJKkmQJOTXJL/dW0ExTe8bIwWI4y+\nJrAZwA5gmCXreX25Z7VVnB6KQG+gEI7sr4ZoKcfge6GuklwDNKlkzYdLFVY0\n0yBVZa5pHYmd46/UvWGVlym3aB9Gd1CwOsMHVM8z92Q996wxXbbsCmwuMRK3\nYZ11T3UlNxuClOZlDzW9bkHPXFBXNotnRDfKAuHWe+74iaLkAJEvgFCQHYR7\nNVXDLyj53IBFXCCB2a2WZ6Xg86ENdzeeyqVKfVK4NaDUEHtiAZSLPr4EhvIW\nqcQt\r\n=XJsm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.573dc7ffd.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.573dc7ffd.0_1620699414150_0.11613836531303989","host":"s3://npm-registry-packages"}},"12.0.0-canary.d5f6ad3fe.0":{"name":"@material/rtl","version":"12.0.0-canary.d5f6ad3fe.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1a52c259045c3125c3d9404eff6231c83af436e0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.d5f6ad3fe.0.tgz","fileCount":16,"integrity":"sha512-8tEM4QJKnNrKlywN7PjLBbobraqzEYEg9yh4wNWfSVMa0t3ZwHgnOY6Y8B5nZAglJFreNYng5PoIGMSxNExXpg==","signatures":[{"sig":"MEUCIGKIDKkXeahQ7AmMkG8Kz+NWB8gjYbNcp1IGrKIPXMo9AiEA83YVCSVV09ZOi4Mvv+S1xBlWDOcam3Ffpo7xLnrxYiE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmxGlCRA9TVsSAnZWagAAzBcP/0oyuK+R2lwcHap443Kq\nqVI6Y7Vh31C02zyUyTL1afYgzl1jvw7FC5J9cw+2LrzDTB0FeXu8d2x7j5ll\nW4RLAkk/gZcpDpsSgXf7B3qLmWd2nDi/q37BudUQonxhClfgUKBxbrK5zwZT\nKwfmp8COTjgtvIlkUsTfGb0/vgkrTH3+ikBBEkaXlfIHQVfqdwc2gMQNz4yv\nGCu6Pi//RANaha0JDvmvdIv/yNLfTfkuUhI54YpiHAtwACSNgcvx0vTFrw1l\nW/kX5HWTKykE5FdSSo7gTgw3r//BnXrA7A/OsB+9ka2Q7qHRLvIcLEXP70D7\nCKrk8tITPdLEKX0uNnjFkBRLY0kcUoFcjiNGjzB7OZJjT3tXqh11qwsxhQql\nCfK1S0uhDiA6T91N/kclpdZ/rZ7OQERCT3ZLm9K132HHii9h1tniZov28Uld\nCiUWPIm56Y7FQxOz39y0P5Ahl1axaAE7h5ygrPWC2T+gXy7y0mtD+BOBohbq\n4X/TnSYSBR3Zp45iJXTjDqu9aFfOG9prC8zfcDgC0Sy7JAJDUu5l15uwn6pi\nlt+nO8bhVnJLaO/j+hxY29U/gn0TRNtOvD3vUxcD/FFy1HRsdkFlmECKT7gQ\n8wLJUUleBvUUMo6vOpnDDHw1BIk1bVzIAFcPUs+QzBjadazBjo6T3uSCMbDE\nr5Sx\r\n=cyzL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.d5f6ad3fe.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.d5f6ad3fe.0_1620775333320_0.27040666775643607","host":"s3://npm-registry-packages"}},"12.0.0-canary.25751d2ed.0":{"name":"@material/rtl","version":"12.0.0-canary.25751d2ed.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"956d4709074596744d767e5b6514948c299263a4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.25751d2ed.0.tgz","fileCount":16,"integrity":"sha512-AWYyrLQl1M4PlR8v3jWTD7fVnf4nI0cMQ480FlBBLM34XxFeDhDSuk6y1hkpU/iMoX8BNV3XOTWn3CjR2pRn5w==","signatures":[{"sig":"MEQCIG/cb5s41gMhtAmo8pEo3HUtpMwEzBAMvjPpNjjiJLJGAiBZeOnkxiMT6QYwiVEXOV1Y521+8Rzvn8vNHEMgAq3jfA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnAAOCRA9TVsSAnZWagAAxpgQAI9mmLvRG73x7loRxoKA\ne0LIGAopos4ACgJR86fcwKSYvooWyEFDGTOk6f2Ms4YJ6ZSa1e4tAwxSagLQ\n0kySX2iK9qaG6m8Q/SIKdEHSTbWI8JFmjO+uSGkafY+5G8xhSgLl0XcunOz4\nCQLBI6EjncOckRdZEWEq6qCOpjSJSpP96zxFPkodSZht6gi1kdefOAU1uzda\nipwJsx4IGN3oNoHoIHsD9agO5FfJjvuUBNieRH1WZFvVITpuUMJdnIVDPepu\n7aUYY+glc7+pEseH07GlZ8sqUlA7XOOmYQdE180dlmdG/q4CqhFnxI4BXQ+Q\nVcOlPsY5qyCkebYAn6BhEfZymH5v3Tk/5X1GAlZqEIV2h7NqWAv49EBBMAxE\n91MdKcLzR2GAMSf9E7BxeGCW3mV//tsv8d4PAuMooihbFFyHkuMD+YW/yR2C\nRXgVL4BeJWkzPcvxkHmvSmEKZUDiduAlxBiqXXypfojdfYtVpjKxD37ZfUvw\nRMNa+gTmrL6nkh5PFUr8hdBf+t30HGkAcPyk5FQbGMHbaNqJNEfG8IpAjD6w\nlGn63oUREdz+kWZmUhEB9He4136BqR5jECZcjBmZjHrXH+9ZedyXUmBESFn7\nrJQXUMsi6KHNqfJ8ZG4S91S8oCuhIWeZSrs6IlJn73kmhGK1fDhIDvcxG2aB\nGcPq\r\n=0Hs/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.25751d2ed.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.25751d2ed.0_1620836366330_0.1599893990197674","host":"s3://npm-registry-packages"}},"12.0.0-canary.a23ecb682.0":{"name":"@material/rtl","version":"12.0.0-canary.a23ecb682.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"07531e668ca711dd81645d0d5511053d4f6ea26c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.a23ecb682.0.tgz","fileCount":16,"integrity":"sha512-EQ5oXR/KQJeOa1tl/L7dSEgeXfl8hTqUGdSIOjoChbkckY3SRdyPm1AWo/xJjWqxnNErA4ufXRS3cNhpRWD99Q==","signatures":[{"sig":"MEUCIQDorttXj8+D27DqwEI0axTqyvbt9uxqOORT+F9XSxNNnwIgZvjqRvFtci36KrmPP8wy/w+ckemA0oIimrIg2R2vcnM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnBz2CRA9TVsSAnZWagAAE4cQAIsCTgc0C4IMl+tdNoOq\nmN0ilo3Z5fIPT62/TXAkB9NSbuY/5Wvb7ZQBg8xFU1frpStIf6/sZxKe3yJ7\npFJd1Ohd64ONbBuq1bOcn+59453CavxEOwUnMDgZVzVquQbppijyZmy66/sk\nVuVhNwC881509QkvqMSio2CT8ivuYKkZ8faeJiw1HxGddCDXDWb+TM3taKFB\nEeqGrnvpEv5Yr9WBiXARd+2ooTRBI9SLiF3YtNqIvg0ERXIL01LAqaB/8BD+\n4IaVV0UcNpcTtZnbENeKdBuCQeCAZfPF/43K5ciK/X0xdlYqvch0gfzkrmrq\nEhwkymDEBWmx81fp9XXG/xQIpezKhPKpW2Fc0umI6fdN+jLZ3dgiXdeIW7zk\nnRLxrMI/w9T8Bk3eNdRcdknhkrczVvI8yYKFYJN6eJAuFebYlQP7qX47d9Dv\nCrOy/ulpTmgE/dKbLZQNwZr2j2W51dHU6zooRiHqA/NIl/xIda+sWpVNmJNe\nBmzqWr3zKyQlTv03TvfvsQlmZPGZ6IkufBLUA3jlJvcF4Om1z/dyYAbeHNjr\nw3TyFRET0wKb22npxfi+zJvvXUpbyu2OkmtzoVVIVp3RmpyGGWAl/3KRpFGM\nl7M6/j3drjgadgUHxwgOnPxp6UCjis/1KU4uLy/dDevuf3nwGwPd0M+dtfyC\nmKJZ\r\n=xTIg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.a23ecb682.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.a23ecb682.0_1620843766311_0.17489579272210687","host":"s3://npm-registry-packages"}},"12.0.0-canary.33a954852.0":{"name":"@material/rtl","version":"12.0.0-canary.33a954852.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5ab23f91c6fee19258c5c927eebc5ce140af40ae","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.33a954852.0.tgz","fileCount":16,"integrity":"sha512-jnEc95tjTptodxIT7r87qNvKKNwyxlJDcs+85NdKgn6z3BS6KWBtDVx2yQ6Sqt3ScDDyqY031mw35WJurqqwpw==","signatures":[{"sig":"MEUCIQC1FoKehE7GmbK0ERrl+ntcPh+3QX7HgVSNeiml/wzaBgIgMaNDLmTi6P3R6nA0s46TTBBAWzt34bnMHVZCLaCspzQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnUCkCRA9TVsSAnZWagAALCEP/jZ/9ndXzXo1ElVQqhaB\nut7f/+SMLSzWEhuEl5rwAx4KQ0x9OoyahsnFVteJyLRfHKTxj2VZFUW98kd/\nMev4b+WjOC8GqPa/nndi/efdRLtc7qx96IGkMojjG3bNBtClTtI1QhnUJu2K\ntjfduz9IhbXcyuEEle69gkSn3FjEqh/YtynMM9rBRX0oOmGgegmPx1d80Ts6\nZRVJsd8fUyuywZG96/7XDysvXOkVQPuVIWP7LGDCxjl5+PJLJCp3fyqkUcNq\nxoKsY2r6bPHlZgFZAwG/7RHnSH7Urro4/ydGXDmXjbhecKjKC+PL97LtA4N3\n66vMNpeEkpBM4GfJhVF6e01b6JOe9G4KJWau0gE3obGbQIUUA4NzamaNgI4f\nLtdKXz2IQAdCzooaHwK30aE0TdYlYlw+4dtTVO9RDLgXpdli284KNeY4sKsk\n+5R6dLvzSk3A/wOxxRHGVamiV5PhfX69BO+pnq68sqaveL94suZQrTenSGG8\nj/YXR9NIcZw6rx2oIwygUBmmaew2WKyOmv6r2Xl9kglTAU65C4Qj3LfZ4h7w\n+YjGK4m2BK3pr3+GId0anIuzHcIdNvTouswHAOHhknP0St1lxVdaF/Bjs1Zt\nbLBa06NoyJAjTRvL5304MiihrX56gr3tys4wNBY+8dfsGQLu8plVdwbUyh/0\ngGpD\r\n=ANV3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.33a954852.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.33a954852.0_1620918436145_0.8497574420779221","host":"s3://npm-registry-packages"}},"12.0.0-canary.a4484849b.0":{"name":"@material/rtl","version":"12.0.0-canary.a4484849b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"90414d4ca983e4d7b4da70716debe5b92b359e6c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.a4484849b.0.tgz","fileCount":16,"integrity":"sha512-m13iIN4SREuZqpF+XJkbYBHqv5FnTRbzStMrOkUXguZE5Mtb6BLIhXgIH/DVyGJxjtAUagTr84BEt5wLNcxOpg==","signatures":[{"sig":"MEYCIQCZDccaGpNcbmYBRDQIhteL6C0OFVXtK8Lk7FnCSA20rAIhAOzqbkhU0kaZO+2mqG1AY4/lMQAoillv0ev144Eq3X5f","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnUYaCRA9TVsSAnZWagAAp+kP/3H7SivdE1LVmCaPN7Oe\npcN0BT5XSuyQRCy3Nu2wup2ew/BQp31qqgMnx22w2ZEbombwuUD/pfb2Eu7t\nxJ4sAKj9Mhn3hDblgfAKctRMuhjv/RQvnpvZ57WqqYb/qkO6kjd1nLpC9CcJ\noodFgMGz5ArrsBuNrVpHelmp61Xyy0k3YAxgcw0VwVb9TC5f/Vcqc9+nggOL\nlg33zBt2HmmOUEhr5CeedJ04Z54ylU7uNu4OcLgKyBeP3vX1KkECZMqnVKKS\nj9WqFTGCwJMLxUSbFCfrW0f2V4QQPUnrziD1iaw3k9wmtrryyt9vQJ0XhLIj\n2R3ugaf2Og847gZJyd0Sy3QUgpAe0BES7imTVohFYd1rSdvffhy+lz8P6kXK\nHe619LV6e1fizjUhzGgVm7B/wFloukvLN6IxXfZ5JVxaLavSjxB25mwoW21m\n8rZU3LCmRxssooaCa9ot0p9swJkoSnTmggnUtl8WTIx7vk+Cuu7ha2KsPAiN\nJsTq+87Dei8cs9MCdbtWEVON5u6XZ8H4I26Jg6v7zvVy1xIxaHoyWCaPkhNQ\nA9SQ1695FGW33imblzO3BgXjw8wiA22FZwawHqCfUBTgkDFHMmYI1lut7Au2\nQYqisth3joU3ZMQovlYa3E8q1uWjnPLz6AB3xcaNkzEtr1evyS+kA+nlA/SF\nKC4Q\r\n=egOo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.a4484849b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.a4484849b.0_1620919834186_0.34647340408799776","host":"s3://npm-registry-packages"}},"12.0.0-canary.b4c3f513e.0":{"name":"@material/rtl","version":"12.0.0-canary.b4c3f513e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3518f3ed4b41ae12583078d0d21b7ec97e238648","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.b4c3f513e.0.tgz","fileCount":16,"integrity":"sha512-afzf6eQ0ew2nAfYE0+rCSakUmzZ/ZPYmg+16xc4TYgMGNaMap/vo1r6XGEJEN+sRvh1Vqr9xfHchCvHuti+2JQ==","signatures":[{"sig":"MEYCIQC3uAAsL8gzBpB7S6QO6ZB8naN0/7XrdM3zZUwFVR3PlQIhAIMlOCM+zCUgWOPOtdKkujOIop9LOxGX75DvfWZ9Uoro","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnU7JCRA9TVsSAnZWagAA9ccP/A+T03VG00mc70uNA44x\nZo1SdaRSIBsRBVrbyZTNRKC07g9llOAdVjOsgSDSecSCRSlc7HHcAJcaV73/\n5i69rWfNlFWCSqe+BYHTgD3KS5kGl4ru3yQofSWbQhyaPSx5hC1zEBcR6w48\nT6k6tT5GMj7l8bfilBBroTNeLxdWLbGpjD9b0jPjScdsx9vuCkom3XnQ6eXK\nVJ0MrVkNt+HCzlhZ+gW4D75NRh5QFcu6hh49jaVCNgjeL2wh6TqmFrYOoPjv\n4C3d1QQWzIXe6jgoHP4iG/ftn+sB7PtUtlpEQDO+D/XSM6Hv6d8J2UxtE38u\nIJGjgTtJta22Q2xrgWkooElu1MIdkdpGSpeGX4p+ZdJYfExS8tB6vsfAxwqW\nLnvKA3zvpcPRYLxzWd907kLk/Cb3CmnwsPvfOtEL/PHDwlO2udvKkbOYFOR1\nEBBQjSYcYRPkpt3OL0FOElqjvwV2J+Hi0Pkw7qa4aScMO+2Wm5Amt5xva2zK\n/y2hHRgeq8IYOIZIr6xdcVE7sAxmtSKcZG1YaGKzRLhjjxQiunoHjnPbRNdX\nTZo08kD6h858wy6naqrYMgFZItQoAqpS2wTZqBcPtn+xe1X2KZe57p7keoSK\ntTG5J2i7cbTUDX8lOuP2JYawj61+5odVNnGvlPHxL00jbwyFaq3fMiQAeBCl\nv7ym\r\n=Vw5+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.b4c3f513e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.b4c3f513e.0_1620922056754_0.5625331468839512","host":"s3://npm-registry-packages"}},"12.0.0-canary.1a8d06483.0":{"name":"@material/rtl","version":"12.0.0-canary.1a8d06483.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7c0a615ed2c4169b2f7bfa873b13e54ed80a1880","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.1a8d06483.0.tgz","fileCount":16,"integrity":"sha512-7GxyzdTs2aCc/fcN+J+EhlVVlFZHhVnCnYi9lQGY8ohaIB1OxMLIVCp399Gqu89/wLZC0xukwWCsiv5fhPOecA==","signatures":[{"sig":"MEYCIQCEuLfyDhCji0q/oRTpNyES6vAw/wE+1KEXBhtySViLcAIhALf96TnoOUQhjAdPc2YjnoMexohV/aneo1FwiCmUahdb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnVAgCRA9TVsSAnZWagAAvQEP/j6iiHV6lHIWDVTUM5e5\nH1heCcJDX+9rSm07MbpwcMDOB8LdnSEPzdR0Nx6HdPDCmrf+37LbyJ9olh9X\n2OvNbuTd1fF1yIeOiH0HxxIpoj/ujOxiGi6elDKeqWjAKvf0XF6cR+Ag8Ojo\nBIfyVYn5TMHdjlBWQVnkBY0b2E7obUUCehuBciCjuJL/S5Z29jV3k8pSPepb\nHYjJrKg0oOWnu1xTed/dRHhVCX2JttyZBQQ9ar/L6wZ1nWNm57d2EYJ9dfk+\nI9sdZknX59klu2b8rj2GM7X1uB5+8nz+I4Y46+uBv5V4wDCbii1sB2bMtQm5\ntfus5rVVH8+ZLp6LHsVXE9hcxydZnaYbi19GDLLQah6Kj6PW5BTdsSQerIgc\nLTgPeXTM64VwCdZIax0OMQMyKaRr9dsRU8Ml8B6uOZ85ihVi30h2Rymuc7wM\nyj1mlPVLez/9Ngx5RxEuCYDXuW6zC8QMgDlsiNOrRDwVwpbyUk04pf20D/wL\nRqXu7ZkA3rncRTFzhYsDkO6rgSHor/2ydp7OJd6YCqNSvHDkwSpYoGHAxffq\nK0TSRUsRg4B7d0XpSjiGVZ4oFxaqQ2G6+PQmxLxkHXa7lAmhQxZvXJKkk8Ih\nSQFPBnYRHG1svH46qyptaoXEc6oP111nKUeH89TWAeOXp6ONCKBfKWnd/CLu\nglmw\r\n=nKvf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.1a8d06483.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.1a8d06483.0_1620922399954_0.2382537061209442","host":"s3://npm-registry-packages"}},"12.0.0-canary.8e6081836.0":{"name":"@material/rtl","version":"12.0.0-canary.8e6081836.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"db9a127a8c853bed757dbd1b8182a9602e835097","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.8e6081836.0.tgz","fileCount":16,"integrity":"sha512-lZcq6Xc5wJK7lLOPVUz2o/wO7lKxCMSDhp2yC46DOVRL1oalrwNYQ03R1uSNgWnPgc+zEE1M27TLHrK0GZE2MA==","signatures":[{"sig":"MEUCIQDby3CEJBzxPNCsPWkaRIjBNoE9S8ftIP82OC5UENyACwIgX5C4sm2gkvNoB73H3iqRayyVlQFYhjh6IyyhUF5601s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnu5ACRA9TVsSAnZWagAAqbEP/3+VV3xTyMsi2J/vHyq7\nZlFSvg2caCv/oCj2qNvHGVptzEYdlALGDICPjL3zXWjR9QgVxG5cjz5gFN9V\nb4bKfcyjfuE31imDPV6LK3VHfdt+p/nwm401pb/SxC4jO9jWgL3g5YmMTmgm\n/kLwxXN4do7dbZtmZiixhRDNdgAfyyZ6rDOCofzcJZD9Q56uY0+2SrY9ab6A\nU2dtjtfmpqWBXf279w4QLCMNQPwW87LIL2hq/6dj/jXubYx4ISQMVC+YFq8g\n10xT4cAQwUPZJVdFO6yuU79/XoG//9oYvEL395ka8FXLWLA8VHDk3LB2VLzM\naWueH2X/4zh36LK89gq/74EQ0aikF4Ry7hVa/zFEho1JhBH9SeyyILlQOfRk\noXQtpx4JmkniKhfFODPoih+cY/Qa6jeMLdnxJazUQWOVVQao79KVPngMAm+j\nFwidv9kT3hnInC2pQUwtUEfl2btlRgPICPI7a43KV938Tv9uojnR4oLaCcqf\n6jhbjMiv2CU2aw2MLoX1CX0vWqg1AfMJet95Ha8f2LMFe37VAfTQPIbtFVGH\nfeXczJBIMUfMmkem/9+Cso1b7OpY9Xcw/LvNUYw8Q9lS6sYs2oS5LEGn98a9\ntp1BD0LV4OurnHo0NiUi6ySM7vn0wb1uCEAlZsK7IcKWw974Glkm07b2QJn6\negtU\r\n=1E39\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.8e6081836.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.8e6081836.0_1621028416022_0.9024400681940512","host":"s3://npm-registry-packages"}},"12.0.0-canary.a2b0f4cee.0":{"name":"@material/rtl","version":"12.0.0-canary.a2b0f4cee.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ac95f6374e092e330395a0d48daac3599ce93eda","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.a2b0f4cee.0.tgz","fileCount":16,"integrity":"sha512-DY/ykByrXWuflpQXDtztItOQUR0j+yMOt1AQZQwMpgKirUTgRUSXg6OZqgN9ugEVuXT3+VIxneSBfDx1nU1RkA==","signatures":[{"sig":"MEQCIBIXkVpCuDPW4AEE4h2GUMr3ZL17PKiw3Bx4Zp2soccNAiBHm36fRCnmIkeuV3XxBQap28Yt/RcD9wxs7ARS1HVoCA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgnvFXCRA9TVsSAnZWagAA+s8P/2yb5YGrJ1yvz475GBey\nFLM+pz1aa3ufPiy/vm0aweCJ3OEGpy5ld3FLE9/qw2V8SECoHqRoEPhTeCIj\n1Ue3isYGJVP1drs4kCYe1WqJN2TO2qp7FdwSCJAYJB4A/JOHHjPfFBBss2CO\nAeaqURyhNfZptEPxg5H70onIu0leDPhpYgB1HFppSZEoasmnX+rm7QL5EPX/\nNd36/jNiyEBoxDWdrbHZw8oPJ77zrEGV4zBwvTrL6Y9JxhCdDRKEOPRM8PZt\n/rZ6vkcSJftcLGrpZtP0T6+bmc5rK80AxjXab9h2Jd0ph+WPKzw2U/QP7/56\n7CJZ3ya+Qnm7Ve5HAq9Ln69b2YdLST0CFlrcYmDNKSiUIb5m3nfGyjcT5kS7\n0jElq14i//Rq361EY6gktS05SmTDOc9FKTj2Vc0TuTlwObIJMhjadADMqWJY\nOodS6VcpHSRIdwj8NFJFv8+uy1kBJkanmrKnIoM1WN4FTkSYJZQzLwtlU1Ik\nwytZK5po2HtvRE3iouw1bg+Q93UzLfYUdP2QYB19Wlut+2nNdtCPwHuHi9YO\nmtGQl82zehipd3CbqT4B8I1Cn7k9NdSxao4lNhQ6TsoFhp7IQ20CKYX6d6Kr\ni9vGlNCgDkv7roVkvVyQaIuqeWJ9ZDuz2uzI5MnwCVMpzHZUkHfi3V1BRAco\n+tgo\r\n=39fD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.a2b0f4cee.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.a2b0f4cee.0_1621029207347_0.9249857402330306","host":"s3://npm-registry-packages"}},"12.0.0-canary.e8e39ad19.0":{"name":"@material/rtl","version":"12.0.0-canary.e8e39ad19.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f900e07389fdcb239c8aed82f84e0d4858067628","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.e8e39ad19.0.tgz","fileCount":16,"integrity":"sha512-TFJCKb3jJfWCMY08QFWTWp6JcyN8mWT5u3Ni9tkyAGwacwNCH+xIU8JvNByqJmwNn7PEpe3gwiQ4lmka+yTnzw==","signatures":[{"sig":"MEYCIQC9xETiJO5TzM8LeHqv2CaCV3WzT0EC/Ff0cQcck4n8ZwIhAJE30q8BJvZV64gJgPiEhw7dhEqmQfAp/71VIOG82N+i","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpB++CRA9TVsSAnZWagAAyK4P/jbKqdYqODZ8PcQrkpQ3\nqdF1eI3loo65sVX+bnadFtTk/AZtktCnjA2iwj7erLDuNPgHPGB65iR/vj+8\nvCYyo3venbWavLBcgwZP8jo60SLQCyy9ZZ5mW9JCcbTOAvVFGZNqNJJk7s2A\nqOEfw5uNnH+wqoZgmpWpDoJSKJ9abG2eyoTCR+Xl+D4zBxpJdfiCWAGHjtg9\nkiampWpRxjxVtMdlRnMfR/QtKYPUHmmwg0QPTwg+iVNgueeWtVYm9fkq8zb4\nx8wJeerOSLrf/R1oqGUQVyBP4/9UnnFAIXEeubHKcqURx830+FKv4hB0x5Mk\n9usZvmgTAy6fPDYaNNM+N+Yx63EHSKEIgGEE4P1iMrbZrLBnaD7vNsIb77K7\nqOhnzCHuV1mIxuNljSq/YUbpuG0D/ihpcMvrpaSyIPzkuOcIo7SC66GBFA3y\nW4G0fV/ZkvpNbrhXwjk2JEWFvGi2OlpEPqf2I+wedco4+Iq8hMCDd/uk5cBa\nYzRPEDEU57DqTjQloLpGcTyjyCgXHtE1ods0PF5yqHo2DjelRB+J/3g6CFAy\nUsvgrSmvhQG1v4dDwYVXxHO7IlNfuCZJjaWQawlnRT+aWVuf/RUPb8RczM8g\nZI82rrSlyV3c/C9uqCgSUZJx5TT0n0sYEzkiJDcs/RN1R3JDLCJkhXq/tAE5\n2/oG\r\n=lrUo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.e8e39ad19.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.e8e39ad19.0_1621368766082_0.29294193161062054","host":"s3://npm-registry-packages"}},"12.0.0-canary.4bb5eea2b.0":{"name":"@material/rtl","version":"12.0.0-canary.4bb5eea2b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4b8937a6f9c5e7e2bbbe9e9b84da2d40fce20189","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.4bb5eea2b.0.tgz","fileCount":16,"integrity":"sha512-FJ++OOTfHqpEvdvwISll4PwTymyXqsLYghEI/rHGAORKTXJRD46+cOjQrvZk107aKYx+gz0+3A6T2gYCNGK1CQ==","signatures":[{"sig":"MEUCICnTpOpbLAc9SZ/6JxasZNc4zx6jb1vr4FPCTUHbKT7SAiEAr1kXy58miOVMokjI4lL4BklqIuM0zk6O+B7m3pqd5k8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpS57CRA9TVsSAnZWagAA6e4P/RkQZtWxvCMs+VlopjwJ\n6a/yEf6g4Fx0KaboxdfRBGmKhS/Vh4RL8NIjHw9UoOC+crf893Ee0v9vYqFM\nForTmvS/O2BzL5RV6XPQsDBrq+TvRx4C2cl5BaEVL4UvMBuXfCjruMfGA8ps\nd/rbz0dX4WSmnzgyWCbyEg1Je06Hn01JTeLFh/9axAyeFC05NM/ZuX7CMat0\n49eNtidQG1dcRkZtNeojTUmrfZQvtSrGZlDBlgtqiSIKGfDgs1+74rdIAYi5\n7AX+j3ITqtytjIN2KKRlt9wQXCaohNScZsoIGUM1NeRvdzJ0NXnP1Vh9gPjO\n8CGiMJRfEoXoSCOeGKibfW64EyYZJ4JiV197FBsGKvkIp4QFcELU/2Y5NXQ9\ncohR35cix3HkK9M3s9haHhqnaQ+25VbiIwPn+mItNrFSMOvgCFs8XTFQdQIQ\nV/UXWyPvORwYS7fxsI3KiOCVPrq76ZdRrjbo415fDYRQ/pRrv+Z+GTnZ6KL5\njHyrQj/VzzaNWbqpVg/zf+/22XdtrNIrrBqOQD5ZXfAGlIySMV0qOU7tmRBT\nKqwdZBIcyWOc9ErfYAKi+by3ieFyuDDpVQSN3jpwJsh1pgmn6A1QXLfrbyPK\nfkhztZ6m9iUovStFVpUEnBhFAD71xr1G69FdlcdBb3gm8+lqQw5zTsh2mZOK\n09NU\r\n=8QtX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.4bb5eea2b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.4bb5eea2b.0_1621438074833_0.5667467695726345","host":"s3://npm-registry-packages"}},"12.0.0-canary.ccce99cd6.0":{"name":"@material/rtl","version":"12.0.0-canary.ccce99cd6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ced17a29cf31c9ee48bd41c3ca96d77d6200f5bd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.ccce99cd6.0.tgz","fileCount":16,"integrity":"sha512-WTsZVxPuMLZr9nWrgfaPpNTRhzJC8AH2MfUKzA3ggEwjDOBinWxdnZFhrG6EmzTwmPamY3eZ7nxBV6S1euYhQw==","signatures":[{"sig":"MEYCIQDFQzEaYsglPKwAtFHzgEKpizkhFuGQR4HRzP7x+7JwMgIhAJCYbyUVG/9W8GKjG8Wtq9UOs1I4mA9O1TYB1Xwck/0l","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpbO7CRA9TVsSAnZWagAAOwEP/1gOSTIUHn3oMZIvbPxH\nBPxIAEILKFGjiV0ZvBsPFxDQPzuPiIzn59O/Tu4fjuitrpsRnf+pxCxtZ99g\ncAatY4NtZqBaxPDlcOGbRqbDXBWUHCI2SbaoOW8Sk3VEOVPPDKhG+h50uMbP\nV+ZR4lJpjatjAPYDadiyz0IgyzILGlkGeS66X1lqFWBCTDgmSjjkn2+jmxUq\nWPtLQeFix3F6PRAjob4+jRD6n7ZWxYHb0pC0KtZ/mZNCVcmnpyiDFuB4Yok7\n+KNQYvhNQh7XXnMgPADIf5btnpzcvVRTYkRLU0vbOLPK3LLCE7b33lDhU8KW\nXoJzjExeXSRpUsTx7q/vMM3i1rg4XKXIUWBeOzBaLLHwx3rqoQryfL/Fpr4U\n6D/yZ0a0Rllcr8wJ5jnvNT3w53Mur4m/5Nsi3XraQ+7ayS9LeUzGoa1CSqZf\nqRPoi6Idsyi4kWFgni5YWPBtRapRrp69LzaHRY+ZSAXkODl0ndzZYzKcez2+\noqDmOc3ShSefVKUagBjpLetdOe9WFwBLmFUQJpm1y6nThbOSbw8cZRWPJW6t\nx5LROCBBxrNwYKlzb3/BPtzsJ5vGQF0F8MADu9IqiYQlCAy3M1lIIWn9mmmT\nlCpPk//SjLuAKki2ffsKrwn9lNia9oiYZf7kJ8KHtvDDfuNn3JAfTWELBIQr\nvDet\r\n=bcLa\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.ccce99cd6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.ccce99cd6.0_1621472186544_0.1710023659003741","host":"s3://npm-registry-packages"}},"12.0.0-canary.14767a8db.0":{"name":"@material/rtl","version":"12.0.0-canary.14767a8db.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8aeeffec1cfdf361cf0e890f0c6c71fc123afaea","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.14767a8db.0.tgz","fileCount":16,"integrity":"sha512-Tf7cAYdGqjiDlPDReTfNYNzELrTWIOZHdul0A5C4n1QSI4ECvG2pKIbidmp+DNVHM6dOeEUBZWyC++IcvhRxzw==","signatures":[{"sig":"MEYCIQDMhxnyaqmHrWql1/kYZ+IC2lQUb9xmWhSq7RS39enCTAIhAJA8d8T7RKwv/LNa9uM26T2ewyckWbVc1XATCOMmeNWM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgpsuaCRA9TVsSAnZWagAAXU4QAJwsrGe58elq8JL5DDuk\nVseVsB53cfm87kSaUxQaDkKDvDGwEmI4WNJ3jHyPsFc7fGZrobc4vhCnOsOJ\nEzr/n3Rjp/pw1FK11hQKMGuZpE1sldMHio750LA0FHeJJBg+uJm/CBtFjvk4\nT0xqxk50k1FWN0S33dDAHbiR3Li0AANJXzpzjXcwSFcApI6fndd+VdgB7YRu\nfv4/ABiqPa5Xfh0KYd5xBA0sBpInX+9LbFBP/lc99vrVetCLnqlYjAPw3DrI\n5xVnqboxhwk8jbLKHx2GXxGjuvmAphunfklYm4zSv8e6XBApETo6xLhp4cDb\nvvfkxykE9e1QKQQGc+cLnUuy/LnR2qnJk/beYQGvd2qOSh5Q+Sq51HUZbtmK\nFmdi8iVAbL6diqf+ck6ct2wqEsc0/jYtu1Nfz71pUu+mikZ2ferp2h+zRTKF\n50Qyog3aNPP0/LaX/78mK3i7yss+xR74wirecNp9KC9x//6n7DI3VSMEv5W1\nXQFieGYFGQRGIL9JudpeoWKy0SCnX1gnpvKETyegLcUH80YynOtM4cMveTgN\ntBR5j09V3xDiLdYeQFzq+K5WgM0OQPQBgj0j78r0Sb70jomnU89O317HRbmE\n0WBitRQuEKmg8w/WqeL70I2EnIyOpLswZjSOxq+ehqSHv9TLG+LpabJD4Qq/\n1CjM\r\n=iLHD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.14767a8db.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.14767a8db.0_1621543833634_0.2851322326378596","host":"s3://npm-registry-packages"}},"12.0.0-canary.22c6dcff9.0":{"name":"@material/rtl","version":"12.0.0-canary.22c6dcff9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2ea7a5fc0edd73c5637c6dafe6cec4bf395532a5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.22c6dcff9.0.tgz","fileCount":16,"integrity":"sha512-45gfBU+atWcrkzIrFgaolInGKdxJEP//s/VH4tkvyn5HRrZW9LpByQwgtCQT8GN+tvaCMKGyAKZq6T7vijImjw==","signatures":[{"sig":"MEQCIE9+zrgZWglncVmZLx2ysL34JJ1AIbID8nIBVNcZUxQbAiAHWMnQ0kYXjntA2nTTc00NgGYvZ4n8Ty5R96vmsxTaFg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq8O0CRA9TVsSAnZWagAAQTUP/jY7E2R/9dG5KrtAqE4u\ngNVU2336ai2Yb5F1fwNQWrZnV+UT4IAs3YUfTHhE7btNQUkjDGDbEJcKBHA9\n6dPGzfh6dtfoBDWHoapZEmylTjeu0Djm4QA+IZ37Q3TPANmkQcMXWcxiBJbY\nszFLdqVPvosOxbKMUt3kHEczJm6sSV0tGqtLCY6KtZX0oYeTri0HpRCr+ZTE\nHfcdwGPpJjVChGPoy3TkDiG9fkjX11f2BWeZDSYQlY55nNgT7xPWA9DDqxKW\nD/kxFR0XapAk6LcovohP5mW81QLhhvi5AG584BjWdDdaOvI8OttZ167797zl\nr3BnfkhQ6DCg75EceSkWZC63WuRGumKNM5DqWX/1Te6P7HSKhfYpgQy1548I\nT+TAfQCAaMkE13MadkYhObxYlW82IZGRQ0boVH0a246of7sh2nrrRIcWDANF\nTWMTQTCLHiMTGQfT3Rh1wsvXIe+LDskyTc6nFh+2H4k21KbOtWeRjs2CeZ5B\n+5c1Td776UK++hZOSLBIwAfdwn0baFRqzfOCKj7AiOg/n8TRZfivm/6DP5NH\nyqMlxf0wNxGhPBdkHp0PkQPifUFJsoob6ZShldV6Tlbqmggy0x+rPSqQS3LH\nQ93W18nF9lfwTZFQ41JRwbvS1wV9B9koVfdIVl9MmzskI24X3oGdQW7M24dj\nCAJF\r\n=XSHu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.22c6dcff9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.22c6dcff9.0_1621869491859_0.4239793225827886","host":"s3://npm-registry-packages"}},"12.0.0-canary.fadab3372.0":{"name":"@material/rtl","version":"12.0.0-canary.fadab3372.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"66927cc9c7d2b6ba5c1433cd837f2325c957b050","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.fadab3372.0.tgz","fileCount":16,"integrity":"sha512-WQQAhQEEtZOxYccvUjRkeX8CUglvqc70s9vS0YKcZjD7VhgXyNKQiFnTPq8aY/2iAbO0XaKLi70VEMp55U2rEA==","signatures":[{"sig":"MEQCIEDoz0A2yO+uwuLs46ojj67EwL5+BbAy6XqiBoB8a7+YAiBXaRqiI2MToVSTQj/Wbp1GjrT7j2/BhK8HR8Jj1tjgZQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgq86+CRA9TVsSAnZWagAAiGwP/j4p49OH4amSxqPMJ3qA\n0iFRO6EDe8AfHSko86CvIpvsRrikJIyUQeGzKsq1NEoHk2azSFCWLa/NIRIQ\n6MEKGGwa+mBGu4Qrrl+ywVf5j3YgCc+rq+N05FnVMHpRXRexmmXvEmFtIOAr\nt1k9TE36Iyj3b3eRju3TSb48dvpeXgu+OhRr03MqVdXJBsRQ9nPNmGMv+Que\nkHNNXzp69tEcmhtGngiJv9E+cggN8Jt6C6RrG+iIlciMF4g/Hq4846OyBMZp\nGQxOLO6UbJ7G8jg1cpk3kAEC0vaUUpcaYPMLtij8GXn00k4M8K+RFHDr6Goo\ntsxO6dqmpovgNzGfQ9a8NRqd9tNyXQoXByKeMOrg/3pCRYIbas7haDsWDDC6\npF24v1BP5GEaAhrSfFtTxOR+QeO6k+ZQ422TGvhk63iGl/lRAk0GqkEuHOf7\n2BJrvr4wx+mx9r4uJFArfpuyFoVZy+aE3QOHv5CbVoJSarJCDNnpb3hkj+cD\nfSYlSekwICA9mXoIBHv8brTP/i5eN8DMsGWJF9j+LUl58Jfnu6vp5TaEdX0o\n7ULuhxA/Q8vhn+UE4CsWeZU+VDtwfODFqfnsJaUNjZhwY06FdjHjs44hOMP+\nBW9WND3Q4hZCXmG829+gipgHQ8IH0YozaxSyfxuA2eDUJopmDdsfj5L+K5iD\nwF7z\r\n=kdmQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.fadab3372.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.fadab3372.0_1621872317753_0.6720080162963291","host":"s3://npm-registry-packages"}},"12.0.0-canary.caa73aeee.0":{"name":"@material/rtl","version":"12.0.0-canary.caa73aeee.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"249894ce7cc61fefd97c09097f8bca328c23bb2c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.caa73aeee.0.tgz","fileCount":16,"integrity":"sha512-tt/fpOtohWtXHP1MzUPijrK2M+SBxdbvmmu1ZMlYwC8lV3UF0Tj1R/gRIqSVTxD92K1cIOw8dkIQSVJNrqIbxg==","signatures":[{"sig":"MEQCIH9mQOY/xfoFE4KoDhFFJAbhfFZVB21IgDKrENekiBbHAiBC+QlS49XimaIw/CdpzDqjR9/yofOyEn3CcAF6HZPXdw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrQYqCRA9TVsSAnZWagAAYwgP/iEC0FQxz2eZJN6T5+OI\nwwfImchNmq503aoaSkjwGj61VKDc70jgljbPUdmpiXKENEt6o17IThp7j7zl\nPZKefPNuTD04s0OPMwXFJBHc2trS226vaX9h0yByoorZQ3SHjOQ2bxwMkIZ9\n25eZJeqH/vSe/N5BSug1XSg73SnvVQRsy7mKISs4n0VMZB3rb0r7IwupkJKU\nJwefOCqbRXvNt+Xj8+kdgR7OY7vq/yx0E1W+acqh6JLeiKYRb2hggVcs7zLh\nPUafs+x7SScpplQ8jQOLs2ik+grmkXDG19MP88uvJIXnoAiC0NOM46vtyTLl\nNIwW/ymbINnwSS/wdgUWtO+kOlq4LgYhS068QQP0NyWog6tp0DGfS48CjRYA\nZk0qKJopsZElr39alaKvAIQMMEE2sQh2YVtzvsDDUM86bDSf09vCBYenSc0m\nHETs1qOZINiZrb0T6uCOm+CxXRHK1DwRDmqPBn3t/wAyITTVrOu8LgHTGGii\nHtXrdzIz/bP9axTGWc6R1qFY5sZolZQzud1N8FX5ytMwaVo9t1lJlBI77Q6I\ncFTTsAQd0BLF4yHfu9L1PBX7XypbGlz+YnGDBIjGPLgBTe6aGACzgPM4fXx6\n2WYDBSiscbLLo/K0skzDPTO/1xRq+sUfjby8Ou0UzfomxQEbi1qmo+e9H3Rn\n9Hl+\r\n=hz/8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.caa73aeee.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.caa73aeee.0_1621952041719_0.12105015483039261","host":"s3://npm-registry-packages"}},"12.0.0-canary.ec31ae1ed.0":{"name":"@material/rtl","version":"12.0.0-canary.ec31ae1ed.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"64cd1ca4bcf842e863d50a2439414fd207ef4585","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.ec31ae1ed.0.tgz","fileCount":16,"integrity":"sha512-EtAizbq9bbVoNhmo0sd4NyrDkfyvyTmlRrp1CbH/szW68wCsH4GauVvnqfCbYMO36RwIxzMd/DkQeh8ixExpaQ==","signatures":[{"sig":"MEQCIBanHFPMbElGf+ugQ6Q4PRtew/5vEjjYWimfk5s35B3wAiAhUDEXBcPU0erAqCKDwOlcpByopUZ2d4Y6aPZuGJ+dSA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrV92CRA9TVsSAnZWagAAn7wP+gJf6UXirdLHwWZGBON9\nSj/gkSkZ6OgaKyCsJ/mu6qItOXtL+4/ihBCKsb1xGrZnq+G/wjPkhYcDdUI1\ntWVnkN0U/U8XlRMNBSIKb7aehWi5Kl3TcnUqk9s/rCfssIsQFxCQxJtVYFRZ\nBO8WNRftl+Sl9sBilVwR/F1kU+ggMe04BZ/qbn9/cUx/NDTQVapwWWg68JXp\nhAZkii2Jqa7ZSip8nXtKfumku121EuSbJHoorB0dd3/2B962gs2MMM8OEhwo\nWAF53qb5IddbncBTYIxIAMskvrIvHm061tV/8MKQ1mJsuMe8N2IeUcPe6jPz\naPXIyjWTeZymbDc/dQKCk7QFIto8c9MxSUHhaQvtI3pt3kAFr9xK/tLiVZ+D\nPZ24qK1hf1cUEpar6qJenK0VIElpmFPxrtCDpzqztnJrC7kDiw+N/3HkDp6n\nXztio2i3e4ru/B/G0/RDr4eNafaAy4VaZk34bCGqMh8dXefjqkvUFQ0BNQVx\nYCJnQSOMEDJ+D2u2VDuUlysX/E4Kn5DaNN9roEdYkAnsUcTdjW4xAwiS8bcC\nwQFThwmpe36sUYGC6+IjxYKV25cb6wCoQiwkufvWZNDBD9WdrTU6yuYDVpeA\nMQS7lVVOpTQUfR6ZEo/6Q3gjynNIJEBBJEoHByQNxIBHATASbNsu481+Ltm2\neQ6p\r\n=yvAQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.ec31ae1ed.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.ec31ae1ed.0_1621974901700_0.815339411887557","host":"s3://npm-registry-packages"}},"12.0.0-canary.8530d3514.0":{"name":"@material/rtl","version":"12.0.0-canary.8530d3514.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"960e5987f44566775062ee9d2ef5695406316978","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.8530d3514.0.tgz","fileCount":16,"integrity":"sha512-FPe7MhAw/xdEJCv5MPKJdZWDS44iB9uVSU2RmYPgLr03lFXyz7pgo9xh88VIrXKi0BPRnQw0Nhr/WpXif+3HIA==","signatures":[{"sig":"MEUCIQCyy3DGZnCLiiDUfr/vkwzhHPBaOFhqf6712tICVOTdqAIgOvKBiNKjLCnJDgbm0q+XHgO5OT+g+jqvmpGPe7nolLk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgr8MMCRA9TVsSAnZWagAAjX0P/iBeUn7YNXZEgCGpy8BR\nKxynm6K8UaSahies2Cng73EeKRS99I8tNorw9CXReQObe6FbMqvmNxBuFUW4\nfPgQq53iAcytRomGT0F6uRNA1npiwRlLXtlfo/w9PYOlITHDNNW79Dgyybal\nERSLxryVhWP4NIQgHsanzCSxCVOuOO/B6/wCICSyKILy7LvVrAwXI9+iHTEZ\nuv8fosPrIeHo1aXXJi0M+sTXIiQqV91nQA1f0NoSnUsbEC6p77A79s9wP+DV\npzbtBJroxVaveGqYSCTMMntW9ePR+3hXeCwzTAy3HT4EmKqOYk5TbiHHyXKe\nJ2j3QERQA+9r3hGQii3+dskWklsdBoI1LNYwXPHwPaWAEoDBl2vgBR5ECsnw\nFQ+WMYbJa22s672A6xVvCNn/6iyNvsvAI3yvhy9CzdFCRl5Odv7t6WXuCJxB\nv3er2apD5vbMQQ2Sl1iV0uYFXZ1q6F4JPsKGcnuiIcYbJmZ6PjnUlsgM2rnK\n3ED1OsBwWEOWhqZpP9HDm8BH/Z1KNGd/2M7oLuW+W1XwqfIgEAZWf+KAr+uR\n75e+86GiNpms6WSf6TTapqGM/Ecz6ljqGW92sYVsfzFgwnAoU2ZSq0k8tnCa\nB/WYtmgQQJzn1EATsYP7yArhEZznX2cA6YY9AqxmfQ+u+lrAAyjvWItKh6aN\nJH+z\r\n=dJ+Y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.8530d3514.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.8530d3514.0_1622131467932_0.6963516347615886","host":"s3://npm-registry-packages"}},"12.0.0-canary.00b5899dc.0":{"name":"@material/rtl","version":"12.0.0-canary.00b5899dc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2aa41459cfa9024fd16fce701f90a2c00b8bc656","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.00b5899dc.0.tgz","fileCount":16,"integrity":"sha512-aeP6oQkN+rDU1zuavy5bGhff30WfaW8+VOOGFID4EJ4y358ZKbbseN+4l7e+GipapcVvCyoFriXa98PpuIksJA==","signatures":[{"sig":"MEYCIQCeFS/aAztW1kt29FIyHdTQXWe1dXy7wladBK1Q6U8zmQIhANyVOGd0P4I7M64eQTf6vSKIvWCEvilO/S0//I/fi6TT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgtrh5CRA9TVsSAnZWagAAXyQP/R2Vc26QVZBUNIrkc9FE\n07G43At7BGEfZ7WnQGlLZya1m5CZjL6vXRtTT9aUjuQjq2X521rROn2x0vji\nRUu7LJUqTBKfyaDUWnuhRCX8FZSKB+3gQbA32T6rb4O49/mDas0eUeryiRzS\ndWT0crT4XE03SZZVom+ABWN+fLn0v+vOyGWxx4EUTpMckBkbqO7EYfE8Mnf7\nR1xYe2AujEcHX1GAp6LMF6PlI0r6xdZoYSCWEQFE/e+uuoOYWNvT2bHqg+zA\nEly1bq1/66UiT3y7qR84YMhXQ8xbiFefq6/ZX7S8XPi5M/Ti+FrZcXX4foIE\nKzNk+kB5pWn9Nc/rwSngyqSSyF7yjKbN2qRh0bUCaoLNModf3QDQErqgZct0\nfyT8/1PuhPi5tbAZheU35ZgW1OZwWhWgf8gEEWN0Z/gIMEqCI9fcoo3R9qvE\nEhh57RaK3l3n6Vp33GhMK/DzbBglMdA8oGMEJ0L+65nfhInvxnycvHkcW6/j\n9OjdN1MkGe1ZucfF9LNd+s+Cg+1YB3oA2+qvROswI+Jt0CPkPu4A5rPhAQEC\niHlp8SazznNqcLoNcpmjiWXyhPxlXdprejjgqLi3xPhoydvjXbIIzdSxQu8C\nGdSXg1sahh0OGChOwH1lSo6YGg7mgDPxEGihJbR9hrSkentnNt6ABlilNeHN\nszoY\r\n=87Vn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.00b5899dc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.00b5899dc.0_1622587512974_0.17682800166125268","host":"s3://npm-registry-packages"}},"12.0.0-canary.f1525ea3e.0":{"name":"@material/rtl","version":"12.0.0-canary.f1525ea3e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6ce23d23afebe8a9651e376614ed5ff5ad6beb14","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.f1525ea3e.0.tgz","fileCount":16,"integrity":"sha512-Kg/UQovTl8Xmv134kzrFguTTEigHtu5E++JBcqWoP5xnKL3o5Hoj/IwliV9WJUvNRrvnpSRAJ9Ko/W5yZo3W0w==","signatures":[{"sig":"MEQCIHLs5Jppv3LnjTLojhRD68K2mtCnvwWxjIPsnONWbkNIAiATllALKYDhsfr9gKNkLX6A5aDZurheu5IJazPNH1srLQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguN76CRA9TVsSAnZWagAAt6UP/0hlY0HGGxId/7KSL6Cx\nvkDG67vrJFVSW872ejtbHEUAO50Q4+NS/0DnB7TefyfLXxJDYBVhSU+ZiVlJ\nqH/PNP+bUF8ldWqLMsiDWw+VdSHKtqT1DReQF3gpNucfkuHenxwjiRq8njHy\nNgtH3DNVl8x5HAlTdTXllVRK7uCqfwEKbOKcsfHvgHWLtu6n0O8cYlFRaxhl\nluYCkUh7GP8B7b009gmxpQTcIUCdM/yd3bmGsbLJEMopcwxQ3mLe7xCmroyW\nC+cNDsF1NdZmMKtvdfzlo3R2cMU7NLwU6x3aBEjIa6Secbh5/Ov4YA8sR9gX\nn1lhjrbNp/8TJUfgNUcr313M6p/Kbc+Ou3HpgASQb+h6naGCVvikfwzXUBjl\nXRpNqXvDOiDvqvMciWP5tnzW+fAdTq87/ZkV8FzCHnkAzqcPs+/uq2K6+PeO\nzz3rg4q042rk33CHrywkyRo7DwbKSFCXgTFw4CsrHIPienfqKYYfPNQokEtj\njUfBVATwaKdJfO597tUgM13ElxC+t0h6xCvJGyXttx0Wbho1dTk98Y4ko1JJ\nNO9BfVFLHAhkduEzNk5xlei0o9hktQ/OBZRVJrxZxKuvpiqL84FvGt+5T/lk\nK3bhC1Bjje4haZbnqDTY+GgDPBDu7YixlFudr1PKbv8UCA25SDS+ABYVhrwn\nJlZQ\r\n=zuua\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.f1525ea3e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.f1525ea3e.0_1622728442832_0.6355895618076521","host":"s3://npm-registry-packages"}},"12.0.0-canary.464a00286.0":{"name":"@material/rtl","version":"12.0.0-canary.464a00286.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8f8e2d772ef91a3d554c56ff1d125bae573133e0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.464a00286.0.tgz","fileCount":16,"integrity":"sha512-sje2GXIGW2CIB9/MZpaHawsme67xA5H57b9h1FQ3WP5ZA7iF86HtGBr7crXUt8kLKX11U6iJ2ps+pEt0dSvoyw==","signatures":[{"sig":"MEYCIQDBMZ4nQABGAlbS0o6IiX91Ic7Xygwq48DCizPNIiay0gIhAJZBcH+Vt2a/4xpGmRPKO/nun8uXATPgMj3bIi87aXPj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguOsKCRA9TVsSAnZWagAAbBcQAJpf98nr6ewmhgQx9nBI\nitII1Sk4xXzKAjtN74Eq7sWINo0o/n9QCNPARHJZuhqksQceq+0rWA63d8yb\npos9K3ASEiSUx7cXi4F0wDoo75icCh+gEl6bVwaqXVkkjJGR3t4L3faK7WBn\nIYyPOHDgcl3PzUwBoIiINQ8w97xBPBQDPP3iRLKbLliSweQAkmTnZdQWyzeT\npmUJH3VzjGbzTwbgqaGXODumzo54hYbNtULsZ1gpseszb20Z0OU5CHCaF6Ao\nDyNity386a7YMVXhxsj3KGtOF3zCBvFseAtISKDf8bI7R4v2qFCk2X86G1Wi\nswdRzMyevmUVvMZ0GKMXr6VpPSo4d5o11Uj5pEqXyIH/MALYXvc4vSZ8AqQL\n28HhR1MyaN0XQaXCRM5TOAh6DwVFOpvEdJV0zxSJAjV2Wp7DY6GfKWPrcCi0\nU0+pt/lKs4Xyktqw9ZKg5QwCSKCSp8mXAg+EgyzAPeHcey6hv0HuCvkOt3O0\nEhZ/WT04HBpFE93yKpxFCW5/c4HD30BHWgADrv7o+Oje1YxPr33Cidmh0YEZ\nouSHGz730htD64lYha9OZWCvKyBdaU3jb66uRKd63DlobzVY7cD4KopibXKJ\ncioAnI5Mv6kurUMrTYP5e+5SpK8zuRMt+fbnCYhxMmjDHEcyw81GAItq0g3i\nQnIc\r\n=XVFo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.464a00286.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.464a00286.0_1622731530150_0.9234039769883169","host":"s3://npm-registry-packages"}},"12.0.0-canary.474de7878.0":{"name":"@material/rtl","version":"12.0.0-canary.474de7878.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"53b65590f50dedc7c64289e35a162abfe94388ac","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.474de7878.0.tgz","fileCount":16,"integrity":"sha512-mGzQHx7/4QomgrmGxoIDm/sACLMezkyZlSGTIfkAbQSxwrBDEEqVYnj8p7Ci693EgM/thiWZl8KXG644AC2m1A==","signatures":[{"sig":"MEUCIQCrYBXeav/aGeCKc/4o3AZ8aou0NDObWbQ7ACNlxC+/egIgZ6KWhF43kD/oBy1S+1MqubTfN5AxgRhc7eXGX5Ufj+Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguPGyCRA9TVsSAnZWagAAphAP+wXtKDNEIuA88KJeDk/G\nFsZLMUla+UOMsSrWqOuBr0WyQIHNz5HSWXMR76ud90UMgMr0fVuIWzRbr/jG\n4F2Tizkdq2VOpNL/ECA5Hl7/gyxPikEYcmZzxA9jQqVZf68ziwCF0sd4oCcY\nJHzXRXrnQTlMPwTxN6Gf9AMmdMRQ9toBrRDb+v4t1fGw5GHFVhymOMv6+x8h\nGab5FbBklT2ZHMjdwwineDoddb06dA7iczGbNgzQfWFw3NLdrPXRRK39HOk3\neDMnlMqJwqjGSWAp/dN8NxQR7ehSIQK5SGgcu9GYVOJJuxPgKFpFfWChVAtI\nGwC5AYLUfIP+slSYzrNIq5IEigpjlNs65WoFitlnWhuKeFW1Xk2a3C2joYlt\nhEu+nz4LmKjpWFeORir+iCKyLwzBCR81wkLz/xR7x3s/lY9ikJJArjFQXCR/\nBgdvhNhJ3Y8aAfdkEegrKJdYHux2GN4fXB7n68xopxovnkjw1LGpJP2xJbJ2\n4bB3NXP5quac7ptwdLNGyUsi+iwaDQx0v2aNuDLqU2lSnERgZa08LV7atONN\n3mk/9lrLnRXG+KnTZNd3KbiDXMLRmGp7Cc1zYKx7ErZf/BdJ+Dm78oQzot5m\nJkSMdJUHMR+UAz6PaCU9zKhMH6xPR6Ib5z9nzFjm52NACrGU4UQWgMKxX0xe\ne2jD\r\n=DpRA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.474de7878.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.474de7878.0_1622733234166_0.01816269689743888","host":"s3://npm-registry-packages"}},"12.0.0-canary.b87ebf74d.0":{"name":"@material/rtl","version":"12.0.0-canary.b87ebf74d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"51a716b21da0f443a4d9398d2bdb82774806b72e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.b87ebf74d.0.tgz","fileCount":16,"integrity":"sha512-Au3Pr4RFlCmjwcwLYKptNnI5uB79qKLmlumCjlBydaS/K71nyWPNPs+f5s4u1igFNUzRosP+YAvymIUiahqkeQ==","signatures":[{"sig":"MEUCIHTpBfUirGDbDNhMCahx060IMhkyFw9rUL7xdvFdLcbDAiEAnS1Z8mjyIFRKze00ng3qc7xn7VF49Ab6QwKu6csAhXY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguRVXCRA9TVsSAnZWagAAGPwP/ipkx4585KeLeEOOpdJ+\nYV637BD96GLpBhte8S9XYheQ6W2vA4KybzS0fI80ksIfmUzqCeCZ6Wbei3vI\n3ruanebQLD9ifoHb7S92UOsOd9OgjWGNo7KUreSZuHEuP6ZiUHYDxcwSrVmL\nb/ELrRBv68bzwckpoVwnPXYTsrSZqdcu/58ICxs1sbN0Huhq3vlg6iNyzQhw\nqBjaUVfY+04K2zd/AnrOcbOeAQODkgH/FPLyUQQVc1Z8y8C//rwVDr74QQGG\nWZsUWsoBvDnnVZMuKn8gaFgEOg45nQkDVpQ+Lq5tb1RfUZTnvXNY5nt+FP83\n4WL2d5ftDwLdFc+e2aeA8nKaFX/ylHQOaBC/gNvIZAZHu6R+7/S6izE1C4LM\ne01iovvo0oeruaLFdbN72dABOLEsWP1zb7W+pFo8yziEHyrDYIFIAx/3msva\nwV/CqEczctbyIkSBKcTj/uBMaiamVAKoqw7mnLXOt2B66NXm2m7Da5y2zRMj\nH4O/7H6f0pG3gX17Q2RTJYPzeU1+MS2TsP25BEmUwMynRD3JZWTxmO2uHgPV\nzvGrvFOP7CjRkWAfvmkErpdgPh0MmNs4/rdLyNNRbk8qYtjTFZx1Zdgxq/tC\n/SPqa1Q4weds+es3rOR638ofVMmnX5wbid8P23yF3bYlFmV7jNSg2AAY5h8e\nLLxb\r\n=J0D4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.b87ebf74d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.b87ebf74d.0_1622742359650_0.23455638141599033","host":"s3://npm-registry-packages"}},"12.0.0-canary.2daa49b35.0":{"name":"@material/rtl","version":"12.0.0-canary.2daa49b35.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"dd5f7590c6fae7cd7ef82dc15e0aaad6eafe9ea3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.2daa49b35.0.tgz","fileCount":16,"integrity":"sha512-cOllj5ZZoT+cbhcW/f5+0PLKZOeD5Tn64x957aRS7Mi7V6+3Mls/DehFwr5bxcikcZXDVvdscntNB6lw2nhlYA==","signatures":[{"sig":"MEYCIQCZ7oRfvezEuPr5dYr+H3RC0lhMns10zEGh/VlPFxvs4wIhAIXh4yG0oB/QETsPj1IKbQA/At3t95HNh2ZwZRAELLqD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgulE6CRA9TVsSAnZWagAAzOoP/14bcz8rl1uhQYCHPSw9\nklv7cFdB1U/Xq7DGnQuRG9jTLYldIXIPTroukvQK57V5132XgobC+kIhxPL8\nn3G8uKd3RxlUCJctmRY6o/GNxOTgalXBOct/cWcT092AQzBWy7UuEIWIaiFA\nuRTJTIf9x38uxbepP49Hcx4WWG2mXtEPboio7MrFd9q8F94+1BEO6tgW5cXx\nYt+HuMJqtlPagR+MgWVKC+fj7rYVU/jMxkxrLodkhJThfVTtf/QheVWwtOZ8\nwURY89xxAipVHUVgaX4iAhWjBV6od8tNkH1a+JQOxYl6DY4l/PT/LXQ+Rxwi\nGHCFepQ66TvsrCktbpZf7KLlHZcvWXPYb0zgegKQp4ASx1ttCWMpJXDIpjQp\nioSx9WqYY9bCAOLNlZAWC9OWSVAfrmkEIDUOT4JaiNrUogo0T51aDJlWvtFG\nwEjr01RYgXfKtL956IH2mu3t0qzZErU8Cps42Axl6cZMJNJhkG5pnq8hbJgx\nenSR5dALJpQyh1+mRlIWD16mr8XUJ2S7pGd00LyH+dTmd9zMVuqeFpINm2PZ\nM9rT2k0x4rQdn0yU0zr2SHDonj1rIrjDuHxX5KEGNzOyXbdXTVLIYUouIRtL\nZUklcSiEhCdlhDHEZIyFZvLswZB02FPG/qLSGA6EFPjTjcqT7TLYUZZJKChc\nhoVp\r\n=HfbM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.2daa49b35.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.2daa49b35.0_1622823226876_0.9286644491077833","host":"s3://npm-registry-packages"}},"12.0.0-canary.08db3d737.0":{"name":"@material/rtl","version":"12.0.0-canary.08db3d737.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7e8909cbf9859e8a97c50fc602ec153367d4a08a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.08db3d737.0.tgz","fileCount":16,"integrity":"sha512-Skx/IZqgGlczerR/E7Qm3gtxbQglaFN2Q+ovisOdYckINLSF691ET7V3ZxZbKvURy0krqIjyX6ActxEoxkKFmw==","signatures":[{"sig":"MEUCIETSJOHQVvKFewugdFl3mpSb7tAyBollpope3jdz12z1AiEArcNaCA8cCjSYM7cW354C9ihzyFaLKY/LbVG/14uUZCQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguoHfCRA9TVsSAnZWagAAH2wP/iw7LcU623RRiO+hO0Rx\nNbSW4M2BTwkgF0AYcJYTzbtbB2tc3L3Re2mJrmlJptNPnLRoN54NK4xm/kDs\n4smvZxjVLaYeQQCsWt1HIEaJGrfEXSS3qV3zLevHR5mVPjmE+1AM6BJB2ITf\nEEuQtqU08NpekT26P7P6LTlhJV5NW1ZcyFUlxDKK+8LfurRNFCm8ZqDQ2Mq0\nj4px/Cdd6jsdQROm5ChTbrB/J6ztb7tsDuo/zTp6U9NeF0u+QktWlZoJgzjt\nvBl8M0GbFS2CdYaPC8Miaj1f0tpgCOOlrliB4xxjC9uqjMGC88MfyBkYxRg0\nw2Iv5bcQIPk7wwZ5qb3FpWS2FDv09YqsILOSwrMYT37fsV4NNFRkknShqYzf\nd65hdKlY5xefmua5PzjCPSZZGUVtBw1nl1cN2v5haQmf1cChffzIUV+Zxpb4\nNoAiurcyPq+2tXsPQdMVs4Qc1nSpcZ90MTQ5w10cEId8dxGk7wl7hVETWiPI\nXWk6cpXc80FPJkXtC8GJPtjbS4erTsQhKcgRxYb36rngj9F4aMatnpO08eOg\nNFswFr15xGH3aBuIox7RNGZVys1X6OjOCZINuxYtsi10SuwKZdo+j0CjY+7e\nOorSJoIraTVC2F+a01fJvFi9Erf+BBytPufzqSZe/qPa0ngONI1b2vmscQb5\nlVAz\r\n=AwQX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.08db3d737.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.08db3d737.0_1622835679410_0.17156756216890057","host":"s3://npm-registry-packages"}},"12.0.0-canary.5823407a7.0":{"name":"@material/rtl","version":"12.0.0-canary.5823407a7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"fccc80523268dc66c572f26b78b2d1c174d23164","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.5823407a7.0.tgz","fileCount":16,"integrity":"sha512-Xi7rZfq9LtU812sU+k7b79i1EkwEGRQVYOnHTT3b7N7Wcq2An5NdLWr9z80+CLHBqFHwVSq+N+JT8BLk5bn6xg==","signatures":[{"sig":"MEYCIQCwDkLBdSbrr6YGlBpcGRHB6wvHyhD/fB/ouQcUmOafJQIhAOPTs7LFbNWNolbaUIWJxZPystc9KjmZe8LQ5OEMEGRO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgvr48CRA9TVsSAnZWagAAjzgP/2xI4GQFnnF/eARmo0OX\nvcf86xgW6CkiLh6WSN/FnQFB8UtmGq3vu7Dy8Le68zl9qanjKAgCi9/6e0k8\n6dGWyEIjhAMntIDnjgpS5zuX7f8cSDs/r/Ly/17G8kLQK+lQwMa+4TkqK/A6\nWhuQA5J1VcOA3RibJ5+CEN86QFp70G9T6zNFmpYwd341BjXClzMV9EuYVa/x\ndnrELCEluQYKLlezJ1V794wCvzoe6WSo2XN/7X/GyVAU+VFPkZS8XlEoDvy7\nMlIgpJEZ+XomGvXSieOXo59m9u0fmCfhzpNcoQeVwdsSEN5ycWC8kvQ9n/Yr\nSHUCQf+0HjTGkBoavG32Hsk+71yUv2fTNzhQg2rMwwUOGopxm6lnw52DDTzU\nrfCVa93u7l2XQ/WUHdM0EGZo3KP62xZD36nGGoW3relUrJoqMJwCkwkjpsZa\ni4EJCShVB9czY35acSthDndYOr0xZJT6aMvJxPq8rz3IQ2tuZjxoWz5bpG1t\ndEMHTatDtsR8VfstwyhV4B8ftcpeOEjk7lmG+iF+4faWo0TLWU8zc1uystKq\n8Ovx2FRUm1cGF0TIxyukk+i2SWxnhss1pxHsqMGYK8U+qCBlG3OGOXWCgu54\not1OGvk6AcI69CQfVjEVhtLB0Gdb/zwtl0Lvi/cjfEPzKEfUileNpTZ0YCB4\n9pCA\r\n=TcjZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.5823407a7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.5823407a7.0_1623113275905_0.01118122480868311","host":"s3://npm-registry-packages"}},"12.0.0-canary.23b0c5e22.0":{"name":"@material/rtl","version":"12.0.0-canary.23b0c5e22.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5d8cd5b5ca069b9dec9e2b002066ef162c146b15","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.23b0c5e22.0.tgz","fileCount":16,"integrity":"sha512-D9IFtpeZWotSq3h8UiZpMawnuof29VZ/MOu1qY5mFpmQb9dNPyNUutL+oWLHOAMcNumyw6FO4hdKk48aM9gspQ==","signatures":[{"sig":"MEUCIC/1kbR76TYNM23bkFXVnkPogUrqzpZAEN32BC20VU24AiEA3imvDsRLHB3qiH4JUCoBYto5NPyjr7yo8JbvHRtfPD4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgv5kdCRA9TVsSAnZWagAAd28P/0c6OaAPtfJEL6Y+Qzns\nJLO5jzzbY0e4JQgmVphPjFFxxMG2DUuuld5Wo8k11UF10EPzQHeKammdjXA/\nvaWEk2IQ9lAbOTKEEWsB99H5odQ/tcwVa2o2OAWZuvyu8unH3VPtgCL9t75s\nfE9R8q2ikLwWRZ2MtX0TuyY2Ocr3so1UMA/HzN8WtE6Hz3S49ztgpDd37OD2\njFgMzgyS1T6XVnV8Bp/wCssmNRXToTFzzngBKWSj/lwm4zTaXMB1vH2oyKcr\nviN59nbjzPy+PBkrG/iofOsO+ItkynyXQOsoPm2mGDK1q/ghuWML8yUYvSv9\n/LwVnGUTDWLN7vrRCpO1Xm7NL9eBN3Z7Rs58spN3hCTkXq6HkoxrDvDAIvBS\nBRKpABNTj0+h+yTm3Sq6sCdIO9Xkz9thV1WAt/g+Q/MOf1vapdrmCFVzLUEx\nwX/9VcIdww/GjYKltGtN1uNtEB6PszWZWjvb+eAnPq827O6eCQKjV1i/tPw4\n0WPeChPBu1MI/BmBS15u1X8CTM2Z6j/XqDxFSCwDaSqGYnW1YntWCI6TqtOF\nvNfgQDSia1mH6q7/NXa6Whgf9GxQxiXiNm9ctTV4QcO81dUeZevgypGSAPML\n0/QESUFy/RDqySQniH53oYXWhVrcj093DEZQK3NBPbYUFTIGindDTRxpmcr2\nhAv2\r\n=qgpw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.23b0c5e22.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.23b0c5e22.0_1623169309403_0.003568678260604141","host":"s3://npm-registry-packages"}},"12.0.0-canary.2952c6a76.0":{"name":"@material/rtl","version":"12.0.0-canary.2952c6a76.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d99fe1a6927d2fadb0156820fe3988162a52e4cd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.2952c6a76.0.tgz","fileCount":16,"integrity":"sha512-NwBB6BTvaWFdkGtuPNSH0WxVfO8jhOxFkBkVX+g54H6eGJOC/ANoBPjY8mE4+nYI14ipxvgSCbA9Ccv3jQJMWA==","signatures":[{"sig":"MEQCIAZO+DPPks5HBgSEVz+8e/SkF2pbEePuZs7aKLtLTeImAiAP+s8JdRPR3PW2nBmmAxit20cfv1gBD2DQI2QTxqDvLA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgv6uJCRA9TVsSAnZWagAAunAQAJPrguAxzGYrsJo1bYhK\n67KhUnCIJe9Rf8znkoT6v7Oozz90tSE+BaRH4lPHekx93sSZyrN3WgToSvla\nL/9hhyeVkHcPrTOatLNKYnBVPvE/UmQHXA1Z11RDqFgr2yIjgB0sMbf1dxHm\nx1AGdv83GdPFma9ovh3UtEEgeJhcX40LYn2vzw+A+qR1REpd3mNb3L+z4Oox\nCQWJz+e8SrgHbTlqOKQQJKYpbKp/vCsIn07Jqm5txFxl//pmjAOjpssrizNP\nRkXZqt006muZExHCmDdbqxl043biQwVjt62q7IhKUFtelJDSHe5SwN3o3b5N\n+u/Z6UP68RY72+hhCGNft+Koz5v6iK/QXXbPixsLnubfhQVeTRLF1SmUFUMm\nj4s/SCDEktJ3qvWzwwP/c87rRph9rS+DNGCp1W0RD11HmlbOy44IqrLBnn0U\ndEJe9CXMfDz431VPHnqgQxq9NjLGiZDiepgYbqhk6F4WjtFrQUvvVSuBQu67\n1tbef3cQX4Bq0wniLybDRpJBSlDpamYZ42KIEsPO4ttB26K9gtHpC4ve3ndz\nZSqORr1LXU3aHmLo814Pf9D2CN7L8ydT84W4mV+6tFxPjewMXq4/L4P4H+Bh\ncgwcGHOoVXAcHW0dOU58+LuqVvQnGJVIbmZfMF23g8y/mL17SAfHNmXA4lNz\nKqRl\r\n=M7MR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.2952c6a76.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.2952c6a76.0_1623174025666_0.17621048401305095","host":"s3://npm-registry-packages"}},"12.0.0-canary.f12425f88.0":{"name":"@material/rtl","version":"12.0.0-canary.f12425f88.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c2aa6bb125087c5ec46a297e9a5800b830a02268","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.f12425f88.0.tgz","fileCount":16,"integrity":"sha512-jTmTeLWajY/eWHNE3wpmCMFLg76kJRRpnKHFE/nbZk8GRYHujaQIfdoU84RJZVvJFcRdERR4byKDCmENaPYqng==","signatures":[{"sig":"MEYCIQCaTAFx9VDZkh9sdVofautGPfC21xk29WCVoVAdzyh94gIhAIw4gM19mxbXCDdbpbgYNeYDtOSCLRRJnvrAgk4V+iPg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwWVfCRA9TVsSAnZWagAAGucP/jDkYyQwLxlxxTq6Tr5b\n42l0o/CGozyh8pAfFWE/YRpEXuLHfCsyWo2OqJnra8t7sIEoDEQd5m1eJGX+\n3xSJ3H3dYqJV6op4w2pycEpAjp/F8GPaPDogQSMp+yZjjGQ4rL6dwIrFX2a6\nG/dNgAIizINDaVrOUT9BwiImW8gFpi4XL6fkrkuDaFMbJO7jBy9our9pnwvV\nTMB5leTiAbIv2kz8tXcc5DQmTJgjNdoawBgwZyQN+j+/AKjCK9JSdQg1mYSq\n1bagxwrlyg5HXR7NLvoTdltuxlQFZlViLofamS2x0vWY7dEP+DP3joJCoY7J\nMME/ITyTu+ke6R+dWbTj3rLQxktMtuSlrK7LpQok2YH8ejBmAfAgtDgWiimW\npv+Jm0etqUdG19+Oc8FtVj3oxY6W76moRd1mQab0HyUZt264Djccyinlt3da\nnfiS7AKZBwTn+VOy8r10M96rMRSJ8R8BhbcpJVmh8riUofroHL7NDsXFoSLa\nsRWf5CIlJnVpU7i+hjZQpFV3gaONwfl40iTdiNM3Q7DnRVLDvrujDUP7pu/4\n+At3e8qhHBMZ3GWkyjOBRs+egoI6tVEPfsOVJprKWiIeRgS21AY/nM+x4Ygw\n4HgY1AUtiXAa2TNJyn0wxq6TX5yqwPzKmgE8Ve+PguTT6Tu4HVB03jC7oSBT\nc//8\r\n=qvN8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.f12425f88.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.f12425f88.0_1623287135313_0.9945436291875351","host":"s3://npm-registry-packages"}},"12.0.0-canary.e543628c3.0":{"name":"@material/rtl","version":"12.0.0-canary.e543628c3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2b9f8a4740b4d0ba57f7c4d83e5abef63cfd3096","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.e543628c3.0.tgz","fileCount":16,"integrity":"sha512-Na9Pg/DIR/sFKLvNcWb5KGmC1ltx93iIMs6zkLiKF9nrVNmMfxv9jtxTiZs5xYqlgCeOpYkEHOYMKDb0w8k/MA==","signatures":[{"sig":"MEUCIAHM5Da1AmaVvufqJLbIdlfWvg5X7rgubR/lsFJdOMlfAiEAs0vikjXX02hVISvI4guxmzkY39oYKPUGG2s5Hym+i+g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwWWfCRA9TVsSAnZWagAAxoIP/2QbWgPu2DEfaM1yuCF5\n4/wa2aiV/hCOTobdal8coQnK/GqAYkV3wvYyhepvZd0S9TgtEtKniW/lxpc/\nSdVUUm0FiaLveHCYcssnKb9fJrhqH5a2KFIWK1jDC7D0p+c8oehPPRd8D8CX\nJ7OAIvp3QWvuUUz+xvgY0eXhA0PwOBdtJ7zFryWgAyOpQYqqCwb1gkgMcwc3\nRXia8B3zW6VDicV2xPB1L/qLgmb2tONvgnMthKL+Mc8pdi8HOrgONctl1eqc\np8V1xwJdXZeivwGv5VNe3xhh1i98CPayTDdWpUll/8FtJy+ADAlWQj7TvM4Z\noVs+eliWjCIJc+Nv+KKh9rjjg3yoKygWYiipAZhiTSZkF3uKlqaYXc6rOlwr\n57IBakH5+kHMHOOGx3HZaM1BQq8j1PRr5WP4ye6OWhHeZtk+wBBGlxvY3Rzv\nuGeEFqrKSC+UYxLrCHw9TaOul3e0lqcGOA+beIjLVhWX1mkWI910brpFdnBh\njcohESi2an94eBBqIVFbtt0al1QeF6fJ5uNy5Jf01aiIAErx1cEag9EU12fb\nFyts2ph3uoyRk9TWKLn+pl5fifHyBlrBBB5IZUm/dW/T8HRAyX55+ceezUtY\nzUXY9uS/q+DNkmHNYYy3yjbSJyqjBYdHlH6mUhuUljYX0E593Js0HcLW9SwK\nkAs6\r\n=skKj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.e543628c3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.e543628c3.0_1623287199227_0.9640679333910049","host":"s3://npm-registry-packages"}},"12.0.0-canary.e0c346286.0":{"name":"@material/rtl","version":"12.0.0-canary.e0c346286.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"70800f7442e74ba62c9e77bbc256947863bce021","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.e0c346286.0.tgz","fileCount":16,"integrity":"sha512-KbUwop8Ht8Xo4+/kBZcI8i6YOplCt8lwP3I1Nex97OwBkSqhKBNSFyF7uySV1X37mrZ8zXwTtFH/P9Jo9te2aA==","signatures":[{"sig":"MEQCIEzA7psDMIUmXwljBZe/9jfV/1DkSFV9HGgZxmVEGyz4AiBG0+7BfKw/Iwawz5336SKmj+eAku4gUwb+gjltiofokA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwj9PCRA9TVsSAnZWagAAeL4P/jmoEitCKUcAcwKi5nCC\n89lNWqiCl2nFhvsuRx601LDs/GGBoUc6oNQUQXQQid6U5Jp6PDJ7kEiKwptU\nRy6I6kjCr1c3OjQIDrbdH6hTqhYmnRnL6X2X8Q4eMQujRomuvQQvx7YLuUOU\nkz2Br7TTcG76I8s0Hf/gd4XDhKKJyngiJfoPCji4Lj5Su6FrNKQ5wEh2KPFO\ny8YJQ5LFzqPD4/+MgL3UR71DkTQpgpg2TinXYIFhjfMRDoFR9tV4qWc3uMEQ\nvCabkt10dlHZgHfvvdmCnRMnBgEG1ye7b6TTCvFOiKx90mPQu5LGhQoV88Uf\nME61lhdaSvr9Wopc1gWqTdh85Oo/xC7nJ5v+kpRzYuyvtwZ5204CEyfwTb7Q\nWKpABgcyx4Z+RQh+wCI7AAFRBBPW20dmAATM28ahvLYoccNRmuQJqEkElC97\nkRoBUe/8ADfVnWpAqjVPU7UehKYZFHqm1Aaj4Hzkv1z1HztcgJqBjXXLif36\nLvwjJAUNG9cufdwSRE1A+wXuGAMAbxTnvu3zFLRSDgx+OyFRFHjZbu7y5kWD\n/24Z1V0ztpCuZNK4HhrLUK031z7kYjk5yKV/X36F+kGPQSTl44M+gtqo7+sw\n4HmkjqZyCY4gcNzlkevQXeLtO53UOJ2q63xs/mkV7VVxP0I/qvgQ7EfBXhmg\n9Ogd\r\n=4q8Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.e0c346286.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.e0c346286.0_1623342927338_0.28700712923808225","host":"s3://npm-registry-packages"}},"12.0.0-canary.f43af5633.0":{"name":"@material/rtl","version":"12.0.0-canary.f43af5633.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c8f3ef943986d45aa68020e8df3f2c7a6bc53510","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.f43af5633.0.tgz","fileCount":16,"integrity":"sha512-WxF7/sKJoRvi8AjHnr/C3CuEwPGTVjYbQi7punPEenYdGknUFTR5vNBHHswPjX/E3irZM090VLO5fVgKtsdZJg==","signatures":[{"sig":"MEQCIDxWSqOa5sUKncv9axnxrDc6freHEckhdJHHFrFnvnloAiAwWml1J8NNYH5RRX2ZETFriw4qSU11Tx6iIfgKIDHe/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgwnePCRA9TVsSAnZWagAA0dMP+wdqGAH+uBI28coc5HzS\n5Nj3U9mUq11dsnmqHbXe9jKiwM89s/Gto0ZLeqBE51qgbfo4RNsaDshA5KXY\nJqgn+E77QNhebDoGUQRCWBwgrUjchquj7MynBkSuXgU36egRaQaPyOxSNue+\nk7WTU2MQ+GzYsm8Et/KQdaf4CVe9hZcbsofMUcpmsXKmLacyuwm9ZnJTz9ZM\nZezpLUUJz7HvKXg9dhty9B22p4XDHUVoNZCF4V3/plukXGGOHLFTuGKIuWw1\nn4H0fd1LIwel1QJAKaWH/y34x2n/dJGNIcv6eUsHAA6jJizjuYrwyjUsytHc\nVInQNHDLWdAbSYiPqJtaCMvrEN13a6qyi5nJngLJXwP2M4EUhjFL3+CKrdDb\nSNax4SU/V7k4QM+g4A3AFMzWrSnpOyp6TxeAk0rugbWrC+d17yv5PeRBh8W4\nqXkb840biWEcG3I72W1Yr2lAcaG+r411nsEI0+fRfJbDeBgLhXBijsma1hI+\nbxUiNCNTArpIOCozZVYVF6gKsvlJrKmq0hHcEwLBuvn5JBG4s2lpNBIooFTY\nz1a0Uu9rn32K1qaibwh8mzCLZh5ntQ/6sUPm+qREuGSJ+9kKxmeXHI9eTY5X\nqF48RkvCyQAzepwxVLzoZcwxaQamUSpbEgF2dQdG0W44ovVyVb8zV9pMW8XW\nPDwW\r\n=WD3s\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.f43af5633.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.f43af5633.0_1623357327465_0.8678235536837042","host":"s3://npm-registry-packages"}},"12.0.0-canary.8415ae585.0":{"name":"@material/rtl","version":"12.0.0-canary.8415ae585.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c30dd7cc3ce558091a6fd98bcd067fcd6b361e85","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.8415ae585.0.tgz","fileCount":16,"integrity":"sha512-SGoA5h8PvMTBXKpmS9C3zZH9Wf0W8FEg0mekQDtWce/3gVD1lKj80GqjQm0UFWYgVnBy9pxc2mO+qg1T0nefZg==","signatures":[{"sig":"MEUCIQCzHL0dnruabEDwNlRWMVaEHDs5Tf+XqU2b3+PiSHPlcgIgUJvZBbvHBSief4gO2Dn/+9wYgBCSSxYDLqbrjIV1lec=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgw4nFCRA9TVsSAnZWagAAs9MP/0LDqaMhz6imuOGtjfDA\nKehFYp2mssvIlneae5rnAahUTAUIK+vCXwk41ayddPSiG6H69se+2AZk9aJj\nWj2NxHIaDG6lynPBwCYTWQgQ4EvuAFxj3XtWs2WXX32AN/2WX7tV241SF22O\ni8Szo7Yq0NICK6mzrU5AzInC6fVcHb09HwoKs76cwAeXDxMzGItd60Q2yh19\nQPz8VCYyWOdCOrytYGMqmtv2Kp6YHGK70hWye1Wd1ZtcMXKLdOsVJMJBsuM2\noWy1mJ4E63LvVGPknaZoPEFPUAnjvgfKCAsIV3Ge6UzPxdFJi6XphbOJJtn4\n+6UFgiGkaChVlYvNsg/0daaNxEh35JThWyUzKxMWd374Nw+9wEteZU34cv+I\n5jUaCI2Sxkd+vtRM93/RFm3Nptv2Xglalt9dsUFfQP6sFIStNWNfeYtUqCsH\nXNWg/TgiSpMmTsYGJCAU3L6ACl6T/Yb142f/0GOQzGNzt7EklYTz7YV9HktJ\nJH2jkvIYAiYDSRtYIZTdStpe0OtsHODrcTzF6CExo5c2fhYfIuFSf855GUSm\nrW3VMNZu5yQCyOe8DE5i8MYQC5QYeT8FkdEcHA2S/80PDin2g62iLOKB9B4t\nWgqF78R+lKVjTLp9QSMevx3Xqg9Q14d/uuzW+kPjbB9clXZuGQjfQRITf25T\nXJMi\r\n=nnHE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.8415ae585.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.8415ae585.0_1623427525183_0.1380594205713641","host":"s3://npm-registry-packages"}},"12.0.0-canary.598fcccc8.0":{"name":"@material/rtl","version":"12.0.0-canary.598fcccc8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5ab9ba7f9e8c3d36019e9afb9a5d530fe4dd0341","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.598fcccc8.0.tgz","fileCount":16,"integrity":"sha512-GyZF7uEMGcpSGfNNB4zJ3HnKz7bv3eikRZQ9i6wRgd4cldPg6vGqXuR9lCIpfnwpOQ3v/fZBCa6TXrhlfYXKRw==","signatures":[{"sig":"MEUCIQDjXRjHgwQ/DpccsQR5pub8bCHkkeORaBUIhVKJUMiaKgIgLJJBuOqcA5W0bTQbFgwgg5R04iNeKHA6rtwCYrI8oR4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgw9mbCRA9TVsSAnZWagAAZTcP/2aF6sM1eT72Flm/KwMq\n2UsLqQoYn3tuIaaor4O/LxBh/oHeSdVY+Vw2mGTluvZZypaG+jddWVWq0+sW\nsAFDwvJ6eHQAiRitYUkmg1i+PeppURs1HrxUjxUsjzHt75b3BiWEYHuu/jhy\nYV32goFP/BjJaxzEudBujXe3a2jZXUUfg9rC17vRKyzJJFPD8ozFvMvjd1t1\nipeZlvF6akmVnGbvs5qE00rwfRfBQuniFoUY9MwmP+MfF/kb1XivGIku6JbH\nmiYEsALqmbAYSXpKhPvpaibOlz2SkFiUv1r8vlAEuzMz8hBWQP67lY1NsPM1\n9KudihqZOv1nWxA7u7Rk/NoURwqXduP//U3mdmy/vTGQlVzNQYYtXR7w38am\nYT02s7HssGsZp2m+ZsOl/4/vNf6cgbm87L4++w/IDe/KNbjN8igosPhmuAXt\nfBfbQHsmOAA14sIuqJDPxNn3WKFtola6uir7UxGOA0VuAtl+aJ3aMado8myr\nwC5r5jNzHAYSyvbSrWkfZIP6wtjlcGviD2YL/6/SRYCIPfcPZk3JIZhbK/kZ\nUZxE3J6riD3SP+Yp+EeZiO/e+lhRTHBbUMAwgY1K9lG2U9+WLrEITT6Zj6fx\nEUSzc0J/EEQdZ3AVP+UhruLc07uKxcmB50Ndtr/4chKLgpOQZ+XfnpzDuYWn\nOYPk\r\n=1TR5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.598fcccc8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.598fcccc8.0_1623447962863_0.07279152266754974","host":"s3://npm-registry-packages"}},"12.0.0-canary.5d0605188.0":{"name":"@material/rtl","version":"12.0.0-canary.5d0605188.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b146b8e904953af42df4affeaca26bc29e04182c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.5d0605188.0.tgz","fileCount":16,"integrity":"sha512-5zd+yCf9s9Z7ar/l1HUkai2yzfZwA5/tTL8AdFZSEzPCPE4BVlO8NBW51Sjb7ZvrSeEJlitKcwnTjvx0aDdODQ==","signatures":[{"sig":"MEUCIQDQlJ+mXJufNn5MHzWclCZUeGX9sjN4/BY8l2u5wX2bYAIgBqQl/y/dvX54M8XJ4d3y1X1LiOG92Jn9ZyxTx3wv6jI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgx5QmCRA9TVsSAnZWagAAS8YP/j1z1BBungJi5zC0x0US\ne4tT9z5LHFW6zJLk/EEQgAjIIovKEGErR06+7xbQzuOPtnEoSa2pb0mAdMBd\nj8qI0C6GhD8Wyx2vGtrGoHIKW8l5lZ23RBpEjlk+bXMNvC3IrPLSsvZzDnqt\nH7zyFvIFEZCLY7wVQWYqbUJ/jdFpqcOs8XNgcFQ8jc4sqnAW4nzuS9o4iOBA\nLW7Xg25ZFY4GUensqJ+XOSb4Z1q1yjaxY5iRItux92b/kU3VBONfkkKFyDcm\nkipX55cIyC7BhLzKHZhKvXao4q/Y6IrZQ9NvRSQJ15sCkhmbeali1d15oxrX\nDRJZGSZPF/m1Rs7oh0r4c/Ffu9QDXG/JRJq7irvhmbguHrmPcjpsAF1BL5uU\nbl/Vdyi8spf8S+AnBrCWoH4GuzWZNxJ6Ct/UCIP/ibsim8TmaMBVvVF846n7\ng2v3URDmHPS0JTomeYKvwcLX4sjbnesdZJGkHxYO7ufC3bVr43TY3ag80ac0\n/0JagG/NfjLe+DL+vVt6yTivRCiXhN8bOCVm5Qyg6Ohp01QgCWaPDsOGEK4y\nCU+xZWFpzfn2Fwn89h13m5zCE8lRIN+qv8g485xlvio/7dx6BVzK7nenY+sm\niqVR9J4mX/BI9s/RNKjuXLmsVdXYKz2e4WJMUZqK9xj3Ig1SWWCc1u+mCQWj\nRixA\r\n=ZeNY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.5d0605188.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.5d0605188.0_1623692326368_0.03505972852130568","host":"s3://npm-registry-packages"}},"12.0.0-canary.f147a2271.0":{"name":"@material/rtl","version":"12.0.0-canary.f147a2271.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b2f0520667b84a34f54445f49eb052f0ab187d5a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.f147a2271.0.tgz","fileCount":16,"integrity":"sha512-FabV4ad5QyzuL6lx7PxLGhidzCYIn5s7JEtbGGBhtr9rw/kisayBhGzO3RwKEBSlQBR49YUlubtwhVTQd0shAQ==","signatures":[{"sig":"MEYCIQCpt4Q1djeGdR7DLOjRqgW/DFbchvYht5mLZz13aEIaDQIhAKyOzDG1o02UP7N2fnyNI8e+LYvS1Ra3EHa1kJcxTxlh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgx6tWCRA9TVsSAnZWagAAiYoP/A4bWc5I838i2UxAqWbF\n5EBocQv1vpmfJJXpaWg+MjsUBRDaJjpGDiCCy3a+FrERAGNM874Ko05fABi2\ndjrOb8YYXSJVkX0A+EtG4e/lkkLzbf2aPE6MpxlbHMWSWXP3wWDKyZRX8gGL\nUvbjAy0MkkrR6di6k7WevOqzXM92rlvTLmO2JG9/cabAFBEq2czC6JHnX0L2\nSk40Qby/aQgGwxxWIEXd0Ux2zBYR8YaCBhkMcbttU+3mlYe5k5AR5Z4Hvxv6\nzY/BdfSRneEDTwAlSl6309cLXk/85pDvooRIFi74KyaawMFLO06/AJnAw8O1\nmJSQgiUuWeh0Ax4ok2aS83PYQQeXjPYYaAKWb8KsTFho62iUp1au1XIyldH/\nOUmqMY63vqzQJbnPnwJidWWVq+WpK/BoSalDan7kc4wFTVB6iKDF9em2mEjc\nmX4yj3kMVsqxfEou9qCwEzRZhVwno1EI/aJqAfL15L03awlVEnfvGoxOJFlV\ndCuVVThwkJC4ZfILlsilqnaQg7AePmvnKm1jg0ade+1BV7ZNIQM4J30tuYWY\nb/WhvokCL2eseljVVX8dj+qEX0soWrkRCniJsYG715WWhmnXPC8fbE2i+9XO\n8pILv105NVy+uowT5+AEQs329VRd3nG60YTFk3Quy8zKAzNx3LyLwkuw8E6a\n5zXt\r\n=0NCD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.f147a2271.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.f147a2271.0_1623698261968_0.30495867626841533","host":"s3://npm-registry-packages"}},"12.0.0-canary.33579e00b.0":{"name":"@material/rtl","version":"12.0.0-canary.33579e00b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"67cb8657919c57692fea462a7146741cadcfd2c1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.33579e00b.0.tgz","fileCount":16,"integrity":"sha512-4OXCTIZKfEiLGQDtQtIf9jE1dqsmsxRYuK43gMOgpK9/m7Fhbc2FYQ2eHpDevcCl2hFMlD8ByxaiKa/wQlhEsw==","signatures":[{"sig":"MEUCIQD3nbZsAedpaxrcx2BtpzAovC+wSvH/YXriekO3Iw6p1wIgHYyu5QtvLWSufZo/mFpAjt4/dhPcZbI5p+jOnh7jJb4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgx/KPCRA9TVsSAnZWagAA3TAP/3VivVwWbReOJGfB698q\n4A4xobMai8Yyb9piLwRzTZYEpMkM6F9cab3yHo98oTavLb4bJiseycXUiQPt\n7+4Q7aTNRGxqVT3InxWJEYaY+W8GgF5wbDNa0TAWZ4RDOWGLQlOZgLjqFZUu\n/mKallat2Qfxr9e+wZ5kKsqNbFjNaBmCAO8aKk5Of3bFEhw1g01rQJ6dVcJf\nNZDvXT3wim0Je597AuwokF/mgNffzTZnTCvhHlkvgedLQiPZb3fUhQFpu0rG\n1Ld+lmcSTOGQZA02wgQDUHlr5awxjSdDSMLyYVtQOq1ew4zMZmgJnlU6MIID\n5dMrHjTf8DdgOKBFF+AIrbC7jq+K3pZlKvXXpRnFF8AbUeTF9bJpfMElpkEa\nxrEyGeUsCYNyyxPxkihyJjFjdWw2Lolom+KByNUAf5Gf11G6pBdK2PpYlAfW\nlSK8JArKQJZbe845/k/IJVrsRUJqGs25k9iMwWOneeXHqVRF3nZ5+ktawGcw\nVZzcpXK6zHGglkaCva4Rn443iyVB0SybOc+VqZkRQCrmjrcsumcAScrE7akd\nYIOdqDEY35ErGk4baIjMOmLwlZoZYn3RnNjflBZJczstSubEWER7Z+x1dRVs\n6hHr5WPCl0lHW+fGd9JoIpvX7+oXn6KCVXc83U9noyRCeUj1dtV5jiNe7dj6\naOub\r\n=YjKV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.33579e00b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.33579e00b.0_1623716495485_0.7634499019526824","host":"s3://npm-registry-packages"}},"12.0.0-canary.a6909c0e6.0":{"name":"@material/rtl","version":"12.0.0-canary.a6909c0e6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9a3632fa7d41375f437b3f8365ab05798d34ff32","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.a6909c0e6.0.tgz","fileCount":16,"integrity":"sha512-ATl766OdKAMtnLTglwCm7LdXrqpedeQf0HwB5aURkjqE48c1GxIC1zIrN6dmSBaTnnNg2+cqIVyZpmrRQmWRHw==","signatures":[{"sig":"MEQCIEWxtDeGG7YGn+MHTnX1oe/PCMnQE1O93l7aVwyK+JcbAiBOepDbMH9ZLC4nLFHCROG1nSiDq5cRWEhbNYIA9vrMGw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyPGZCRA9TVsSAnZWagAAr50P/jvVHS+z+JWGlgGu1M8T\nEQLsAPmiyrdlyfCFyjnZt8ahZ+igEanIdcxvo4KaVXaOt6OakBiByuM+Ve1q\n95Y9xD8QQATtSf7kVxotdrQknWg1mjXUD8ot15RDtAJ2tquTHKlxx7WXlBew\nm9iVW8RHu/DoS7kNnE1CLf7Mf1nf08uX+oiULQUlHfNDe4LIY8upqVurkx89\nF0nVPXz7cmsxsfxza9Q0cWZRkJ28WVQZt5IgQjdxOWk0o97jpMXX329DlWMG\neW4G5RkDUzGT6Vj6anfzI0likICYakNsHg2MjCL1Aga+RdVyzunadNP/iL/3\nNPEQwHZpZMG6A5tu6Q42O+wA9hdQNAx09yRSQMHxL2EgRkNXoJMej0gf/vM3\nN1V1WCBXgv9EBtoLNUTc9bT5eX2dvpQcyHpe1BXSfj2DjVh4dsZuYYbaXg5S\nsydE0lKJ4yxBHfPkOWtjyQe1/z7WHvqsSaBJhqPQcRqDFtVwxZ23q2//fZLo\nD+Wh+Okh3LeXV9DSC0rYfG/3WhiLzrALGUdPja65ZmhJuri4tx72xUfB9QO8\nWMYWf7QXid4ygZyQiagLOYIoHAh5pWan2pP/ziUViRF0+eWo/IeH5BC58AXZ\nLtg3rZcrUhCZaks9JWtcPxvF9lpmSwmQHkft7Q61MWPEL7YH0Fg3iHYKAyM1\nnRbL\r\n=9y18\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.a6909c0e6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.a6909c0e6.0_1623781785073_0.7700741410589831","host":"s3://npm-registry-packages"}},"12.0.0-canary.c18b5925b.0":{"name":"@material/rtl","version":"12.0.0-canary.c18b5925b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e08313ebaffdc93872df8d92c0aeba7ff8578877","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.c18b5925b.0.tgz","fileCount":16,"integrity":"sha512-tWQRa6Oh8iE+h9Zmpa+b5mMy+NmKnKwu2r1bVPo65i8OZoWhj2edKkiW4tQnVk2/C2BG9jLuoTCl+DdMLLTpgw==","signatures":[{"sig":"MEQCIC5kP1kPCASBS4NDUAcFFiMIBk0/dq/FSCcYQMNzcw/0AiBqAI7PYHmOh0Ffoi0lX9uIrywkf9s+dMon2QFV3jgwlQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyRWOCRA9TVsSAnZWagAAG0EP/0Ix6Tqazxv/vMGKZqUR\nY/6pHOvdWkyHE8WL07AMVv9Qo1PIv6EpSS2JREq4BaT1ib2dwxMsDThQYSAi\nuaiF7m+jSlodjnWG5VIAExkkQW7eLpCJt9OEaM68rTVcbLovTLWMe8eCvh3c\nwRIHhhvrf+Fv1hRR6po41I1J0mdl6Lwdpe4gvf4Ot2aQWTbtFWplDeWipPBR\nm6oqnp5B5U0BtiRfkFWnMZNEOYv/9ggK0ojjjFHNh2C77n+P9CFZt3FufZSn\nkKv05gmk8Lx+ZD1WBRE/W838IZIW2O6nXGcf3fZq79cQe0i1+cwt8fk7iGBq\nqymxbtUOGqRrVZYlQuBjeN0uREOoWHcvxh7D6PrA3uK5YtYFiKop/m2l5Nca\nwXrkyuKO041eR65OLhyOQJ6lhl/VHAfPI4cuMnEg2fTKJl8/+7xOKcEswy8t\nRem5zCKz5kwLagJ0XqR4fpE2kEWzA/gobURLU3pRwsZRzamICvXv1RoC8ReY\nzyt8fwJ2UnrsF2NxDhqKjLWH7CipdvdrnWnJ3/JygZeeKl/8Yw6X9MnUZe9Q\n8/rTiVZZsn+vrtKjnJZ5w0wSGC5D+P3U3yqS9MfeSSfT+T91zgh09GYm2OMg\nZ4PkI77ynese2ruw//Biuqj0lcxoLF0jIfbptAXNamKykFUEIzPz9veeKzsx\n+sRC\r\n=tAGc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.c18b5925b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.c18b5925b.0_1623790990018_0.7215105360830822","host":"s3://npm-registry-packages"}},"12.0.0-canary.7ea2e830d.0":{"name":"@material/rtl","version":"12.0.0-canary.7ea2e830d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0027222c730c7e8c9b9114f1c7e1799b3fc233ea","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.7ea2e830d.0.tgz","fileCount":16,"integrity":"sha512-HFdPituHHv+3rWO5Yxt7sCBAOkCApQh19EemFzcOip0ZBQvWW8uD6HVvhjxN7Ay5fCne8+jpSPh+/KSJU/gm6w==","signatures":[{"sig":"MEUCIQCUCbm79OjKXkpNN+S+pNMcKncqBF35d3qXbd/5QKIzAgIgDATV/Ey/UYZJYdW4JsYofcwuEkhxr+9NtyhDNMWUTkA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyS6rCRA9TVsSAnZWagAA4WYQAJUJgl6Upe9HzjToRriA\nDIU01gG7ajxzuz+5/VdKvOOJxsJeK734CYLjrqTPPO5y6wPYgR/9ij3ZghAe\niT0mZG1QPhZJhlJBDKxkzTk5YeaFusOSiLChQMhh6VbM9X95+EEc/2Q0MLzq\nKVcfhs3odPZvcxXLFa7TS26PhNa6LNDSzJ2oxSvMqyIYo3eItauug9NaGkW5\npQ5yNG+EZ2IpQgBEW1r9UK3gngi7ib5YDiYjRduyqPFIYsWN30IdiKOtgJeZ\nEzpxC6Q6vkWErBgi0A4tC6pEg8wvONZht49XxxdPLJnpEF5Ycd497bHWu8zD\nAKUpPEn4E+ShOjVoHdb3tfTaQV2AgGm7yoZLkRbXi6KKoZc6ltBDjZ9nT41i\nwav+lxAPhCqXx9g4uWp6lxDy0QgR135K5rzCcZYa0usd5FEstF95w1lJourW\ngI7opmIjLWd6MGwBdoJohncRduiZmNBjOote2mLwQCjdXjdS6vNY+5aeNel6\n7MuGX6D40vOFxYMFCekFZnbE/Jg5qe94IB2GCx3JxYplND6n176ZSsTNW2Om\nrHkDXZA830EC9ZvT/eez68DjHCaTVIB98M19MwSeoEOniZTeqhCVhspdQteq\nfZkhuJjmguPp/VxJWXq5Fn+8r3QemN0k1zwqx4YioaERBJ8+UM4XruS5YgeH\ncU73\r\n=FQI6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.7ea2e830d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.7ea2e830d.0_1623797419546_0.3373085283135733","host":"s3://npm-registry-packages"}},"12.0.0-canary.271fff902.0":{"name":"@material/rtl","version":"12.0.0-canary.271fff902.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"80f008b5823551fc5062ec7dde76392b99b12142","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.271fff902.0.tgz","fileCount":16,"integrity":"sha512-Coslp+EIbl5+GJVb3wTxhHabeQK+u3o/8741ix3qjmcJNyIYu0a3SVtlK+TrOS/g3bEhUB1mRuqOvAnbTv/ajg==","signatures":[{"sig":"MEUCIQDXr01GUhZVrIOhpq4QI+ReJ4/KkvrxdruVAGD0nC8sMQIgKuMiCk4cuFbwHJlgOzXI0If5ij7WM9MgiFs8oTiPyhI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyS7BCRA9TVsSAnZWagAAp3gP/0Oe0VSJbxtWpNzsMEjr\nUVfudxOzNFFXqGsPXOQMQzWhGJHktiSzISBkdRNb8fND9mf4To/Fg/LZwpAc\nI19+Pt3V+wtJQ5s9a7z13G+tSJhhPdDoGLmfXVP4z6hm2RdMJOHD9ynfkK8N\nUYsfm0AN3Yzmkj8jaEEQIrgl4wEESYUVPPY8gqrnIaV/pt9Vb9EjksW0lDZq\nea2O77sOT8DNKqJyK1uFe4IPOlr01pzyKBIZ4R60z0dwlxAFpvKY7n7Ou82p\nf8I17xqKKGzlB9Ghhhy26klDHBpQktVbh5/0ak4NV2FPn7mrQfjLKdQXUKzw\nP6BBm7gMP/dhGauO6cq/pEDDvukxlR0PMNycK3dMoKV3aWuRc7N3dX4Evn3v\n8SQyjkbbsvILemg3Zwt8CS6/srN9tIDCKHdnjv4X+gEEoaWyeIkD5LF9p8/P\nvl3ce189ycglT40wuB6Ofg26lNj8ATx8aZnU2dc9qr3/QGKQ0SRZ90fygIdZ\nzKakp1auK6jDI44n4rd196dj0heDSYzVEryVmka+1zo4ABQtucIPn+52WpX3\nL7ldpx5r97MDDWv0SKoR7LFXKVO63crUjQnhnrsOgmINn62VrLS0GLLYzj70\nhFZiwlaJGZaxbIoIUECzuOb3DhgAlNmNRCoRErQ9CONJH1e7aHGENcSVQhIE\nkWfI\r\n=OKIw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.271fff902.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.271fff902.0_1623797441677_0.5760125830131404","host":"s3://npm-registry-packages"}},"12.0.0-canary.d96f0a1e0.0":{"name":"@material/rtl","version":"12.0.0-canary.d96f0a1e0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ed493b10a92a236e0ce113ee9e747718e212bc39","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.d96f0a1e0.0.tgz","fileCount":16,"integrity":"sha512-Ro392OkjoEXyJ/fZrlgJoiFA/sLhXdB+gSK/9FqIjYSncpW7urfNgDGlYsSGw9wTRX1sY3Mgi1iaFQf9mBrqug==","signatures":[{"sig":"MEUCIQCycdiMl2mMyqDxafRJ1MrTbGJOV+91tbkq5Oru5aAc1wIgVhtdOoY0Avm3PS7LW9IMpgfztDb2fcvPdfTH43Bq+YA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgymepCRA9TVsSAnZWagAAx4cP/3QsARgA710JucMhoLHD\n80Gaj03DnyxZos3wyw0V9o79bNVt6+r76h1RNkx6nr//41SBj6IKRFcqmeIB\ntA059fr/BDNVbp53GXGhrifAvnF7Mek7tJXJEW0QHInJGn/bVcCxBO+5nYJh\nXX3S1hwWn82+lBZs6cqu5x+rz8eJlbiMr9hNX2yrt83L413/p/KL5HEJ9p86\nVqWq0Aq0+XXvciYzkKQ3pGBrsaEMYaXii1LLURMR0NWUr8bX6i9/Pbgc2i7u\nKZaIlg47uKZA70EJc6QqTweMwbfbGOOctf/vuFJB8ty3wvalz2KvFtw8DT1g\n/MRRUN87eDVX2JYv+H/FZVaRh7msgWykyboQqiyfyIugvFte+hIXkHHgQS17\nxSiSaPcziu1vAREsdne3SNEyjZOo0dEEsA9bZH0c9fOzfVx4eT7P8rFGv0lo\n11rN4RL933ZNpKywageTWeX4zri7ou2GGd2rkprbQXLKpPLMmOMW8qV1Y5GE\nOobx3KWLwHHh2/7dIjvLUHoSFaHF7u8wE8nAA9l7uXCCI1+5qISazQ0A8zHP\n2Bqd/ZRvvFgzAPP2RwM0SCzkPFsOKtBQKYsG6NKif2t3QvjhjmfztUtCylao\n/IvAFZzC87jEokzZu48ZTURBHr2iHWHcm13vjTWcxqz4gQutlw5GCluNCMi1\neuI+\r\n=Er+6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.d96f0a1e0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.d96f0a1e0.0_1623877545167_0.7685951004512874","host":"s3://npm-registry-packages"}},"12.0.0-canary.a6183801a.0":{"name":"@material/rtl","version":"12.0.0-canary.a6183801a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"80714fd269cee4d3bafe0b9b22b222201d1fa026","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.a6183801a.0.tgz","fileCount":16,"integrity":"sha512-r53BUSeMQkhXbWhhcOuTvTDBv4RRCIu6tV528HjuToZBDyLAxzHxe37GS7vnfitrZwQM1yZRTHwlNj3JY54ytA==","signatures":[{"sig":"MEUCIQDytpSn1kmKIdlygdATeo4JKp2zLcz5+ycGQa2NxFe7vQIgaUGpxjps/n/DvLUlph6V9fG9aiIjcVlWGFYMR/9sRj8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgynWMCRA9TVsSAnZWagAAiycP/2ZWf+NNba1SfIGVGMc2\nRqzZbITbYibAsiS8vhFswNHcSDaGL+DOhB0mIT0fpo8hwzSnENMRfJjNOSjX\n/4GHFFatVId7/bT31AGsQ+ejvu8OH/QEjjnpyFMn38ogplwajF9FXkA6fgnT\nPGb7rpRlmivLX5vRs65n7OelY7clgWMBjFaifT23Rcn3Nffopma4Nvdh5RIz\njNH0VATUJWlWt3j7/ZGhfHLMPevkXuck/ZSNke1uesXivYy9hhZth+MqQHzu\nl0wztEzImR2+1wmODvOZ9LJpXG3mylq6OWPuMXBbrGdAaOR3UnJJY4x8c+7T\ncPDzQwmbCOm0E0ie3fEC8A6M0TI095+/VbUZqH9ClwHj2PqkmfxTi3UzwYda\nlxP0JrStDsUXMjvW6BNpmyadSxFNN6BJTikemTtpOYjRXpe6G1TZC+U9wr6R\n0wQaWKx7LJFzJL46ar+rH4/L9HCq6iXvaCJXKooB+IglTyY4+/H6MW+9r6QS\ne6d5fpFMhmoQXx+zN1+R6urXVwWuthmFAGaT42pqLvftH68MAO5zFVnQkuIQ\nC1eWsOJyZQT2+bbqyTFPRO9cKgxoi40pS/fwVMvsMNjUAI66kktX9BM3qph0\nDfjcY2XLkqsoU/tUtTYnusoMq5A0oIRAQ8ijaU4u+FqWeIEnQywlImNU3sCa\nqXGp\r\n=fyYI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.a6183801a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.a6183801a.0_1623881100040_0.6298985653586413","host":"s3://npm-registry-packages"}},"12.0.0-canary.940550232.0":{"name":"@material/rtl","version":"12.0.0-canary.940550232.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"475ae84cd3337e9c1d342af7f62f88835806a5ba","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.940550232.0.tgz","fileCount":16,"integrity":"sha512-Nd4rEIvjUMrM7EvnrYW3vR4nUnap2M0GrWoAatgL52HTnZYKzh0O+7BISQ4WaFsc7EWkSjIT6NWvNHrUTtWxzg==","signatures":[{"sig":"MEYCIQCgjvS4KTnmuYZjUCw2monLcvEsmkIFZczEVWAnNKx6AQIhAPvrzb7Eg/DCyQ8B9JJHfjELaKKGX+uuWCEXuMkhkz2Q","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgy6UECRA9TVsSAnZWagAAaX8P/2+C9tpCKKgQIB6k5JWR\nFfRtNPO7SkJaXXbfOS+AAA8xRfllJZmPCzXlZjWBe+YwpiEg2cAc2wrzxsEw\nF0+vXdz6QIfozOnh4Q766dlYjx7R/u8Tbso2s/fkCwHRU01Y75k11hMRz4az\nEeIvtxXjlJfBKm5sEuLcUcCxPS+VxXcXEjrh7VBLRytL/wkVSWPw5je/E2+9\nszA6TZCc4thvx54ey2cKvve/cjrH5CkDrVaWoJEbmUDJayipUCM/BbZwtpvv\nCviZjuJYlFV/h6Mzth1+bGXOQqLbm0VK+ECAfOdtjDl6ObPMd/XnqS3iB/ZB\nw3OKpu22wE/S8RNr1OrI2FZXjjNhrZ56xJFF3VBHmg+hUjyqpQlmiCjxNixt\nqVEOivvPkFhbjGkA5h42a+PIxUzyfbjg/D2EPIvkLxus7l+1KRm+YLnVXEjz\nCpttWz0jFdvcPnQ9z0JO+W8rHsTEdEVGhN7JpVQwPfIYWgeWygnd3KF4Caxk\nxQdTts3xOtt1dqh8RR4nLFY825EUA9fL9xyRztcd7JI3T0aqHhThpxPCbxA/\nXNW4isUC8HE7vbtet6Q6nkFKsiotXBg/ubgtCesK4h8Uv7mOxkBmTw8nYsNp\nCmFG5yrGRdCxDcwNwAZumZWWxFMJ3LiJdRtYgDp2iSIp5IrN70bDamlaYJ4d\nXdvR\r\n=c3Kr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.940550232.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.940550232.0_1623958788394_0.6663118504735237","host":"s3://npm-registry-packages"}},"12.0.0-canary.f705e8048.0":{"name":"@material/rtl","version":"12.0.0-canary.f705e8048.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a267c4df56be256abc8cc12cb53110c90ff30f5d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.f705e8048.0.tgz","fileCount":16,"integrity":"sha512-gzuCUA2xMAIHGcvk/mgJjdEQR/LOEH28VEhNZU1rJ9260A8n+R7FHlPQBwPVoAua/EaaUOwdNxjDneKCaVhjjA==","signatures":[{"sig":"MEYCIQD2KuknMDMdDE876fs7Q/JHIHFje+uCphS4+JN9EPABpQIhALywv4PSHCDNeWWVMeguiA4tZyNG0h/O7+FG6LJhNeHH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzLqTCRA9TVsSAnZWagAAICkP/i9cj8YDUaVi0NIZPbj2\nIHRbz4h2lSABwz9iRqpO7XhAFzoN7tW9X4kNUleFKD5bcfLyrJy2fbeBQJfb\nG3sdjG6PkRWGvKyZu6rr2W1LuIbeC4FQfAM0IucXiD5P0zyFN4e/hRTUoieI\n2+ZuFDfh7c+zz/E0kTjs9aZE+Il0s0BZ+4/sAAC20LwN2d3Sm8CFMZ1Q3X2/\nIzv/eg0egPZNd2gK6s2DoRKqw8/x/aOD5zUhaGZmKiCt/KMEdu6jhmzQ6hbp\nCgaKoFmcS77z4eqiBwWKnklVTT+LUp0ZVhfjxADDrxUmKKtwB+9RBTxGzEkl\nq6yLCxpi5oAGbyFdP8IfDbxD3/mf9v8KNVPH57XepkfUl6tjYvEq6HoifFky\ntlIEytWyb6bJ/ttIw8OdUhcOCShAbpKUk8zTGC2ynXhL0h0VLVan7MTuEmSu\nXt5PLY9yZ/fe0ybK987uMwFanhzrPBycomQBZRhT3RcFocen3nt/vGrkYbXT\n0Xvcp33RXjBxVcRE6LLWmMGTWk7YroqC2gQJ9+LaZIhXs+7dK5QzaG0VHWp7\ncnICfGPeLW9dzfBVuZhl4wW5gBlN8ZFe8mHdCP9HDMP5cDsqiVseCPRcoNKC\nPHYDjFGx85H1II0H0v7KjiTkijaJcp/JCQtEN1HVMzshRYxvJq7ouh6tgvN/\njz0i\r\n=phfz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.f705e8048.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.f705e8048.0_1624029843186_0.7958765164842514","host":"s3://npm-registry-packages"}},"12.0.0-canary.08d791f37.0":{"name":"@material/rtl","version":"12.0.0-canary.08d791f37.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e36419138dad0a221295ae049066948ac8cd9a80","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.08d791f37.0.tgz","fileCount":16,"integrity":"sha512-ySZwQoim5hr5tHMJZBgqg3VpsPBF/ZrgMtKvRPauHW9pyer//gXnzXsdcvodP6lajcNNLPTzDWCn8JVj2SDNvg==","signatures":[{"sig":"MEUCIHIc4dYqzhOq2D3eR5PZo19L1CiLfLA7udSjSfw0N3+RAiEApb3kFKUbVjaJUkLV9Bz5pDVAyqZevFPG30bQiDBkyGU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzQv1CRA9TVsSAnZWagAAzqsP/3DRs/jCC1trB6m9dPcS\nWaB2ReHJVyxtxD4Uuv9UweR7ZtmmWkQhWj4BWMepxwAQazzvBL1y/Uu6HmLF\ncEn9cL5ULfozGA81Y1wA81Px5Kce/xW2JSDahC/+a3YEZqGWvbuUgc2W0PaJ\ne5knchKiR3NtxPvNXeZK7sj0irwGt7Tm5obH4IyNiIKRIm7nHS1qO76zRswN\ngX4uhcnKofWlzEHUMm6I7keJD0CJAR3Ic0il0aPSErpyrd9PDHb5Q8g6K+Wk\nF/Vq6CIwtldprv6DS/WidNv9uwAP/4v6KYvM1N2COLQBSEjljb0zP1mDzhc4\nfURnnO0qlByDMLHMAzyFwG48iRbbxn/9ESxG7JLeeeUZRXSEgP0Qew+mmN59\ngM+jrlYo3qBgpY8iJEE2UNzNtCDKvCypymI8Lai8guMZSGk+wJ1Fw+Hn9Kdm\nkeHoj/fvtYEG6FRQakafs5E5zzwUuSJGwgFujTCgn93L/iGsryUAZwQVvg+p\nraVIVFP21BOtn4u8dgbmrZNj3v2tORpC9qce9ukD5hscBkSKF5WxusNKBaxz\nT6YKnSLKuRre0iwSm+lcmWEwEGIg0VQgFTS6EtM6bFb/YkmB4fVI9HPNQcsv\nn1MdrYm8GDp8D4WwRVtIVnbvWL1F3fK8OPDxikBmunam2Nth5QQULc8LL4N/\ntsG9\r\n=wHzj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.08d791f37.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.08d791f37.0_1624050677288_0.5099096016917473","host":"s3://npm-registry-packages"}},"12.0.0-canary.e38d7440f.0":{"name":"@material/rtl","version":"12.0.0-canary.e38d7440f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"99bfe71fa2f6bc99905cb4a1900a445f5ac8cad3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.e38d7440f.0.tgz","fileCount":16,"integrity":"sha512-cTvRr0qIe4+XQIG7ptsm1IY1dbGLKmko50eLWhZoMxgt/4N3cUyGxK/AScHnoA9JldlpnwsFWeDJrLukqKOxjw==","signatures":[{"sig":"MEUCIQCpeLRqBG5QaLDOf2fo07RRZilPvgncSMC7pZhdos8VRwIgPP3cmduQg7kuvgF0QiPIxyOxttaSCIyrNUDbe3ZDCNw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0M7xCRA9TVsSAnZWagAAUpoQAKC3OjarOcAfk6DYYzx2\nWXNGRpN3yFnKIVRHY/gV8BQM0niSxi5XkLpI/KAU8GBAceXu8//FWHjFuDLN\nciteZkPzBd7c3l+wjgfC4Y5FgdzuIixXZErAiOQV5lVneWwPMCeFW2VT6KD4\nFyIOTZmAAfTWcNh/BeVrbhp1sznZg3SLV8YP1AGuj2+CPVgirFGZtubUt8mT\n28hlWaRqKIbVcBlc+nOevVQn5TYyXecqtV/tpWeJHvnpWkTq2UnvJfY/Sv2I\nbpdhD2lexfXX3O1v1lkhAqZeV8jfjpDKPf883EiH2gG6DoeXVckY19KC823P\ny+P1lB32ikJX077p8yGhaRvf7j+4xinFl45Q5HFW7ngeja8g0BrtR8eaB9jP\nWqXU7Gazl1LSkfBrLt0dt9e4yw2LM+UxWds9AMGpzGBY3tiyagMguimcvGqU\nrzvXKpKPyXNuvtXNvSmezStWuo0aICU1Kxpwj/+ip51BN9DcmJhUZRJKHleD\noPyOW341qI5HMEWu7KS8sJ+ju01QEaKGqRQ3vIiMVRqQijv/E6l7FsbSeYvD\ndzgxcCrvAJG+0Nw38qHqZT0xHIcl1/0tNN9yEAcTWbCh3jQBr7oybcgxeBZu\nUY1FKp5LonOhXrvfavqEPgAqx5GIZY5vkO9NWQAB4lD977dofZN/O46GIgVH\nS1sB\r\n=vY9W\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.e38d7440f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.e38d7440f.0_1624297201235_0.3480348483732849","host":"s3://npm-registry-packages"}},"12.0.0-canary.75900a5a9.0":{"name":"@material/rtl","version":"12.0.0-canary.75900a5a9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d3446350a6a4070ecacc1f2888c268b1e414769e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.75900a5a9.0.tgz","fileCount":16,"integrity":"sha512-BeM46XCC6pbUS3+DDdq5Fbmmw6ulREW6Se3mlQBuzP6BbMDpaQw/XfkEZerIsh3vFKkuLE+7pMg1EAZOJ5/9cg==","signatures":[{"sig":"MEQCIGqtLcpcWXZ/gRN1i2xHLhcbP7BF/xtTfCyxem9ISKZTAiBGiTehDmuTrtYsA4cMvtb/t+52RUmU1iOwRn+yKSBMdQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0NwtCRA9TVsSAnZWagAA8y0P/jqZ8/YTt+c4MSC7CNLl\nT9hbnNG8mhkRX71LhrHQ/qAuGdOVnNg4Hu/YsuXXY/vlx1mS52+LQBPl49WI\ns2xBOH6jqdT0o5A3O6XN27/dE42YbALVjWTijFyr4ZU6BJrIpMuDr8YW8z6p\nduZPOBZsdIQB9myWkzJzbS9BijRoa1iyK5VETvKF9gmeVf4PR1tbyyn2RX1h\nWt8MjSkWbAlppVCeR9rRX8gBnAu4lawtm5yUyuSvpVwwEiyzb3iIM9t/W7eo\ndWHma8FYj+iRK5BMzXVD3fq6oJE/fv1KAInWPBFz7rpTQKSX5aLFABFRpF0A\nxpdx1TWQOfilM+xNxuSe6uq7cM61Z026+u7RR+CvxsXH/vvNzP4n1/Rd09Zq\nxpGswv8HAbYKogv2tlWpCxbdH47ADQawe5O9xpLhWiDYTGuukHJ5BQB4bYgl\n5o8wOtR/MFLznA12F9cp2e3DdAslMNYbWm3UYqEC3l8jn2MhZoNi7nYGAgDD\ny1Ra6FgYP0risL46GyIe9ro1zSFQbJhORIN9xi5cUEDjbLOS4dt1JgD584yf\nwVh0QkMNgrlTxog15/p91DuYAA2ZSrrExWonnmkwSqHTRe27hBRw/CxERMjw\nUyZXT8LOwPl8Sjj0LnQ1df13nxpPur4GGJrjM5KuhmQZNftHDPEpfy4cANz3\n2srq\r\n=HE06\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.75900a5a9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.75900a5a9.0_1624300589377_0.5639709132692092","host":"s3://npm-registry-packages"}},"12.0.0-canary.33e6f50e9.0":{"name":"@material/rtl","version":"12.0.0-canary.33e6f50e9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a4b15739384d03e51ee6cfa0847a4ad06fb05a6f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.33e6f50e9.0.tgz","fileCount":16,"integrity":"sha512-ImBRBp+sbqkQWfvsSc4A/YgdAOdcC6/q5CDKp+hRlhkBeoq4YkPWihPffOWwBawViRdmpK1pLtwkknwc7bwn3Q==","signatures":[{"sig":"MEYCIQCtRo/OqEjjoeIP/7TlDAwi8YNW9FFbGYd4cPHtkfpu3AIhAKCkfpbtgh2cHm8mV3hexxCMLxYwkfEUENeETHwvDG+E","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0nw7CRA9TVsSAnZWagAA8QEP/2nInPoxptzNvwRV5Txz\nWHWrSoJ10R4em9AObFf2vV8ZrdVzAvHoZKAXFrfpV9TSlvGeoyTX8RXONR7o\nKtsCoAACi2rzBYQzGaP59JcpkCfwQEX/EujhHNNG1ikDsOmLSOEkhe6KzlaF\nDYt0LIammTOhUSeJkaiZTp85gDPN4c5sQ5CXK8I3Sufm/EgSkeJ/qQCO31sf\nETb774Nv+xBIS3CB1GvZKmv/cetjM9PdgmKXsWaS1NqX2/KUqDxyjueL75JS\nDeDPh1mBYquBG7btXNDqhleaEOKHShZWKPzGl0nZ8qJH0V87OCFzjXJtAvXo\nW8rfXLZ/GBrSBvS7YJei2ZCTGJY2u+elnk+2B2swJjfSUO2P+qdMK1k/neL0\nJaEc5u2JELxaErysYhrgbexdQIoy/dlWH8f22LlLQ3xTwdgsbqIr1sdKC7Tp\nx4EmVBxeSeKoHn9sAYERWTAi73HItOUTUIUNzhOHt/g3YubUjKZigqNh4/CY\nmL5ARDe5mxCA+8hBb5RCMCd11laIagBZhRF7nSjPSCoyEnZ+Hu/gPdFhEceB\nw2wzJn8RpE2DOuflyA5AyPkG04mAy26WrrXRTGISOPoDimwEnotvRoAu12ef\nkSgkaoFWzAgeC7UkpLe6kqh3dfGbTCXBKuunbnHhKi3yDxtJRQ/oYAWvCK+J\nx/PE\r\n=C6aH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.33e6f50e9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.33e6f50e9.0_1624407098865_0.728033391739122","host":"s3://npm-registry-packages"}},"12.0.0-canary.8c685301d.0":{"name":"@material/rtl","version":"12.0.0-canary.8c685301d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"146a5ed8b75d413941992d5a0d725842e98d0444","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.8c685301d.0.tgz","fileCount":16,"integrity":"sha512-1nI7Wkw5vHsg05Jql5gg+7oWKMhJ8mBJsXkvgnv4aflMIl4T8S/zZ6pX12n9yuQXSKeLSVTi3fIv4WYl6JjGrQ==","signatures":[{"sig":"MEQCICHo1LsMgGu+XhWr1beA8tObKet95Gxgfynu7mcLzbVmAiBGDiMljo5MjHk4F7Wp+Su4Z8aISBNVTRMhSEEK8nS2uA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg03xKCRA9TVsSAnZWagAAXKgQAKSRncPXzULEAnQ5CKav\nzXsHDm/L5TZCEE/UcPnd1K+N5QhzbrSINGnqpwDp/J97FgVLo9ASAfdykiPZ\nAEApWqQezLvtZL2YGc7HVJxNn96uajJWsmFyZjwsN0zDb2vt2V93Vo85Ygwq\n58hRURj8v8hFXBFGNMsjErV2CeGaPN139kGga1ix8x0BR9tyVjFHe4t3gpJ2\nWsUDpRB0BQjkU0p55ofvTDOHUVH6pgRHtRhQ0BicmLC6X5cLqFSOEYFaesYH\nlsjKHKNaROnZaSwu9OWAsD5ryY9S9F8RXr6ZO9d3RuBfocQEjnrV0TLPlRL6\nUIVCT7Y6PwB/B4jng6aSHtwAJe8W6G6qp2rZozcA/dK5bbDakYn+X87V0/fm\nWGOqG6rpdAB6mtYdw0x9/VtCl79GLGjFm+NiUg+k1Zj654aBMoAkBW2vPi9i\nbdXJzgk/aJqftgZAO9D9AQbVHgAsv81C9tB0UPVF+Ifvv/h1tV7zHjMZHrfD\nonISUlzd73J7NxH1YejWNn2Z5JLa0XDSVEggVqqW2Cc+S5iGUsOO7UomXsT4\nHjP++lm03k3Z9kfCLla7EmHxMvNz0F+oXECm3aFT97Tl3A1IJ7oeGk+g24vE\nocQo52zl4ERhQ9BcHkr1SNHmyHzjmhze8oT8FRHaDQTgyT1iC86l8MSdIAru\np/o5\r\n=Ig+w\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.8c685301d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.8c685301d.0_1624472650184_0.9022210977122234","host":"s3://npm-registry-packages"}},"12.0.0-canary.8c7d994ae.0":{"name":"@material/rtl","version":"12.0.0-canary.8c7d994ae.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"511059be6ba14633eafd824caa2015754acb0773","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.8c7d994ae.0.tgz","fileCount":16,"integrity":"sha512-1nXeOIO/zIHPq50+TXNzcCPeLx3/BJwNGj9sx02HSK/AHO2B8TxU3sBh73cQhIH+gZqpTCrufyJ/vL3IcSRVDg==","signatures":[{"sig":"MEYCIQCT+c7rnEf6H0JcWe2dUxfZV4yg8Xz9SBERo9eZOQXj7QIhANWNaQISf3wey+v7olqj8mPgow83PGKlO3PlFE5yo2r8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg04sECRA9TVsSAnZWagAANkoQAIJDYYuv285LG8m2d7W4\nRk3Auz4Wy9Z5N+URaX4pKkYMcEXyQEVMvy+74pe/OhJF8PDXMUpuGt1GwWrl\n2m3neVrYZ/sPnC+u3VCdVD0/hHzXaJBcOIGM3XFt5T75FLHwWnEil/8pwDao\nQSDsP7LXbFgQROFuLfTU5OMMQXz4jRAes4nQ3OlpCxc4mJ3hZNlaOoqTsxuF\n0QtgxnQ+iLLcdgi3xxdX9QaZIkOkAR+Pah/xNz714Qy62fC/7lDIf7ycFvqu\nNw33//QZ50tEhkne66JPfjm1Jp3gKSZ90Hbr4t6HV0knof4VO56jRBa+TR8A\n2KxwK2bjw7LrmGIRL2HNA4sQ4Zcuo1aWouvgLFjZ/6Cv1yIqEtwCWb4f6MkH\nWk7WLE3PVtAhypohNPtguZ03T63ohKpwoxdaNtEc6ft2821W1XAsuH24UfBu\nrebHoAjj4gM+81eODKBrEAxbVSy4MrTTlYvn+vTBa4820A/c+69e4Tzj84ee\nr0VwoxZcWmqfBhRWkq5Y68GkUeXQMGK+qx5m7S8cB2OW6SlMXl7iB+O4bZ+t\nfZVmRXjPVCLwJYkNksZzAx2bsHLnNDgx4u7MRk93R8hZMX3KFrKZm9cYh52R\n3dsfwyz4VM/H2gxDVh5BUKHTdbRuVDO4Simx1IpEv/Kgucr3RX4nytvnm2N8\nd9MG\r\n=ONH0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.8c7d994ae.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.8c7d994ae.0_1624476419920_0.8823272621073788","host":"s3://npm-registry-packages"}},"12.0.0-canary.4ccd39bdd.0":{"name":"@material/rtl","version":"12.0.0-canary.4ccd39bdd.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"03d75873244134586441233799e7a38b53183cc8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.4ccd39bdd.0.tgz","fileCount":16,"integrity":"sha512-KsLKEiFvG6sGXwKze21D1KkhTZtStmeFvu6rvO52mzkdqZbG2KgJID94D2EPAj4hy2noTdsDL23W7RRXj5iGJw==","signatures":[{"sig":"MEQCIE5LJUmzx9JVgjlLEBlE7ke8XGlyVCU2XudgGJP26XRFAiBvpCyrLwH2++zSUalOsgrb8RvCYjnfOg/3W+Q/DPm9+Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1K9lCRA9TVsSAnZWagAA9UoP/Rka0mweOLxUT4I9wwqd\ndmPmPfyXT17XAtVFxRoFABFIoArYL3syNJaSBToZxyhCPtBr0GI80p4FSZWy\nBjQJB0KIsO6DanHFVAbS1aUuKEB2pjGKiWIn/DIob6oGCvQ0a8ZJhfi48JL2\nLwuRyTuf5Aoe6YiZC159rL4B7QzF2LSXYbcz5O60qLMzgRWUNlLJjiGZTQrO\njZNp6Orr5ulf+wCLBetkrrSfNNRf6qKBWRjXebrjvFxO/97u6FOT82COfG3Q\nuxv7630X3C+4G8nSxN2O/eh+ANnZ8j4tYqWfluqwHKZrKc6Bv0t7gKQM2Y4U\nJDG77PBufXzlWjJQ4Ck1ivaAuSX6fe2Xn7tu7GdB9KSSw58S9NqX7BDfdJf7\nTSp1hdBsoPKLDDU8BlLTh1piJUAVmUIB7TbuObCCrrPgY288E45VuysxyAUX\nO2hXFTkRLQtz7Ru5WQe/5DjpzVEgmRSmXUQawHeZPvF63iT3ggZpr83M11lg\n+LKjxNG6zZ/8dKKj72kAhlk/UvVgjI8ANrb91lbsmo8dUYtSHaJsdLYBIHYn\nL18lttKBAS/lEKJSUXjwTu6LhRHym/zdRE7mgbNvoP1XHCUV9ySKW5NEBAIH\nR0OIKQJ6e47CScMgNNSrdW7sOFR2zcWQyfSizhCWVhbZlPyGWFE17aQt464F\n7/X1\r\n=JXmJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.4ccd39bdd.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.4ccd39bdd.0_1624551268663_0.5052335462079742","host":"s3://npm-registry-packages"}},"12.0.0-canary.17553e9f8.0":{"name":"@material/rtl","version":"12.0.0-canary.17553e9f8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f604a633e7219e8b9ccfd728008e9b385adee79a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.17553e9f8.0.tgz","fileCount":16,"integrity":"sha512-OYJCEwbpjjlPHJOtBzBO9y8luhBUSxh/FKF4qDv51ba/RkUDQpg37SD7btoxDq9Iwlxb+mZiuT6j1HVsAv/78Q==","signatures":[{"sig":"MEQCIHrBfcIkqMH9hxAZVZBlKexwXE79Q1PcLT1g+jxxXmJxAiA08HOFDCehU7Gudbjf5jcxZoYydzZmI5QImIitni34tQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2lKVCRA9TVsSAnZWagAAvO4P/1Rd3OYU//7/BaMOn0P9\nQHqMr4Hdj1wS0bVMt50kw2up4fJe1h6MaaE3tt8hDlWYC/UyLod/GKRESXh+\n7iu5de6X4BXqcRlPak6o6lR/diwgrMj7vEKJE29z/mS+I7JdnyZGINJLIv6L\nxrfLRl4bo5MlSz91wn0E+ifO4xtZq7u/N/ummLQhjbxMwxBMnYuTI0gmplnX\nBPY1B+1NVGZEOXt8/mvLy1KmBDNrD4LyeV98QfP4LpO40P5l7CSAIMs3ebwg\npLnWKEZLgBAqO6g2uiue3nFty7B6wrkwKlbH898V9KdPx9zPVkW7nG+nbG7N\nSg20chwpvZ9SiWovA76tWt81KutABiO5pwfLRUm5I1nxMVHUKvL7FR9bm6iE\n0pAnFxGMsQY9drQjbpKlvuH3iYfA0NiQUPZCr6bTcdzBCxgkLWvNAm/4Q7Fp\n4kkgADQXMnVMWFFRLPTdkcJ2oRL1OUeovdXTlZc84xJrzMAt6eWSfG7J1CUK\nu1zJh8IHUMMRi8sjsmNVcwIohudbV58T0TrG/QUgna72gc3VwQCiRVLZlELK\nF/ko3szRr57AnnvrKwa0Mra8asksF+nCeGGZDlU0XbAaf9kRGOwcfi0NfvIZ\nDrbmUtmgS8kfExzEMBpHhNMJvcMoSlgSkjpa3Vv1PqfF8uF+Rfr7uAWN+Ce8\nRJkW\r\n=e88o\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.17553e9f8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.17553e9f8.0_1624920724456_0.07904197307304317","host":"s3://npm-registry-packages"}},"12.0.0-canary.4c80072fd.0":{"name":"@material/rtl","version":"12.0.0-canary.4c80072fd.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1c33721017131cf3729dbd07da1675d5683cac3a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.4c80072fd.0.tgz","fileCount":16,"integrity":"sha512-NHIBeOncHto3pXSn8vUJ55JrYqZPyDTKSNPgrtCmQgPAYdihF/OaJd6SUKfLYaffk3dtLEJsaSSQRhm+Lzx1AQ==","signatures":[{"sig":"MEYCIQDzBmXdVFT82ojVx0MmVcoVoETjprigL5exMoY5eRs1VwIhAODQ90YWlhXnkUZfsMXWd9BURRiRlOFgEyaIytnLvuD7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg22kbCRA9TVsSAnZWagAAAbAP/AsoKJgKB385QZHL9R42\nZ+YMBYOep1TQ9hFq9KeWIbZJYP4RW+r4dhYc4ef2vqSfl+62QM8hKn/fmPAT\nXIWpByYO/dD7Xf468qVJjdXg0JYGHqN633LeyB9kZBb0HpMFArM30y0QlvzA\nJU1pZRHBpJS6tNxRVLKMMRS5BLIACPPIhaZYu4iHEaQVTf0niSMnbhQ2e9sJ\n3KE9AoR/DyCu7dYZhWEqxC8LI2knmxyWhiGN4uemUqIPdq4Jh9mqN3ZtQJ3J\nyALY3w2J39rFN8TcDp/ye54FghCbnT8XNqBXEbihd9kdLdwL4VME2iSBsi2X\n++2uq6jl1TDyCOxtNbUCH2HqVQBGKzQhYjgpwCJr/fPfx1lPYbi8CETshh3Z\npR/4RtdZ2YmrQPIZgZKl6F7srCjlLtjjL5fzp0PhkVm5BOKa7UUIeyCIZrIC\nDngEh1Vb7lpyET1lZlzQzHxoAslxBdNsQRz3h7FCswV0qLSP3Ro7zwsHHO5E\n3EdD45lYgngtM9c36jDa5681zeNQC3+uKNKUNgLpQyPskoA4z+GcdJdKeqFQ\naWwgglS6lILuf98eOggogOdFEkGlF9OKEg6PGV64UF8LOOxZfz5RwLdLh0rL\nkTMT2E0znoYJd8VeqAobNN3oUZXldujKi7qlBSSJ2Rx1deDS5WvuehfxrIXd\n09/V\r\n=YpB1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.4c80072fd.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.4c80072fd.0_1624992027498_0.6770454749834929","host":"s3://npm-registry-packages"}},"12.0.0-canary.796811db7.0":{"name":"@material/rtl","version":"12.0.0-canary.796811db7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"856a5f4142b3099142f13c2c7e493e3c06ef2764","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.796811db7.0.tgz","fileCount":16,"integrity":"sha512-MjUxOVYQNLcO95WbOrfYz8WdrxiRtepquFcPO5DhKEJKFtUP5TWnAwbr3uHys1G5vDabqJDpLj37bAQKPZYFHg==","signatures":[{"sig":"MEQCIEbHr4i8sNGZegen9BEBouna5Ly49F4iIhPMoMOjT8/uAiAl5aML2UgQ+/SoixkUWjtlE62SDmrBYH3mboMzfWauZg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3QYyCRA9TVsSAnZWagAAONsP/2bU8d7t/U3ekzl2EGoF\nZcYuAWFjc44XXRHEZyoEucFBGYS4Uli3NaIgJ0DicNqn8GGFrbTc3lkkur8S\n+IVmBkMqoX7txMEDLjOpeFCB6pizJHhQALYTqLycMSlBk2kOZlvSmIySkm/q\nXAIUEve9MTbW07hPODN6KTQkIEKcSjkCsiFq+pzmaHF+CynO/ryHdimIFSUe\nX85eovXMN2GJhxvOJ6oE5r9r7j9rGaNmjtKXuF7RjhH0ynoNRV/bnAgydvD7\ncxLeFCQkZYVD9DQDW/u10BuUgqd0HiGZgfFhJeMH3ZY/DfCgiVhZuc+tea3+\nHeWZvmHOOiiz6n8WFsqfPl0c1xmp9WaivtNFiuH/BHhtZInU5VyNVxjVVRl7\nm7Q1MsdXpiY1HOMOhR9A6G+LwLEn0t2meijH15yYW/vX0RMWB7eJ50doz9uc\nZgIkPZ+1rS6nzAGBHv4+X0S1XEsAMJSv8E15XPtNh2dD7plfPLKudwGa1Dl3\nz70ASsRfSQ6oGUFPLBS8iOwIeX0jiwDf1sJIVq6ZialzWfNiLz2B+LreA7GG\na7OrrcMzFyonWw64lS5TwcFt0v5tOIvJEL6eTLlss9GOsGf2xdHn1GwcKlRI\nr5Y6bk173b/Uryplh1jL1SR27qKpXNy5WQeQor+bPgfqbkvUEmMapitQc1qK\nvLWv\r\n=Tpgm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.796811db7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.796811db7.0_1625097777710_0.5606170324965356","host":"s3://npm-registry-packages"}},"12.0.0-canary.70e1efdca.0":{"name":"@material/rtl","version":"12.0.0-canary.70e1efdca.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"825cfad76febc2024ae784b3ca7764af5a1e5fc1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.70e1efdca.0.tgz","fileCount":16,"integrity":"sha512-B58no2nxFR15IlV1BNgOh9k/slorcuK8BKk5kSbxKsWFJ9hQNrp5JZCI2dEa8bSHxOFpfwIxVdxikFV7A/k/sw==","signatures":[{"sig":"MEUCIQD4f05YbGiOBttTST0H0vF8DY7jUyD3eVYzub5RCVCNOgIgHmC+wMqZDiQX8Q0bdW7BEgrVEckPrvoI78O+6paDZQc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3fX/CRA9TVsSAnZWagAAJHoP/0w8cHtBEfRUskteCwcu\nDW7OcpEta/pA3J+v2D4F/8JQcbNrvY7DQI2+lfgH7uYa4mnoWVFw8gK8rnfG\n/BPAGwkyDo3TkR+j8A50StqBhRrf8cBcEihLBOK8zDQkHedgTnwla9DP+e60\nwwaJiCyddaT9SsaAP9iP38Brb4NHa+i01kzJ7aG34oxcJ1UlklqzxaZVseyW\nABDeM6oDknQsy8eUjq6sg/FCPn3mCfQ0gqT3EaQliBnbi0VmDYoO2rToIoly\nEY+HheuhGWWOJN7/3yQzQCLvEojfnhAdzuzDopVPk3DfM5bkXef7Xhit0Gc1\nvp2undOILWHW4eGuS+Fkmh4PXQQmSUHfaUMYdkGpxCgayrCBjWW0gJUSCuPh\nxJHuFZdGaHSSz2kJxKRbQRWjMVm59caQkLKMECNqi8U4wJ7JNaL26Gxq4gdF\nZh0GbiC+WNcR6xkwPTOwQ2yVgPO+ASSaCl+YNYXL5Tsi3eDVif9FnYsJB43I\nk3KNMZ52dzAlyL1Wy08MyoEeKU7fBRs7+W9fouwzPSYnN9fF4r8yT3K8vBhx\nDsSuEJCOaGV4gLVRCL0o2c0VIyFQOoYdNsJEbTWqhi4YRnod09kSZbuSfsMF\ngMftFGjtYQ48oDqsbQ34/9rEMUtIj90huh2rd0HeWgNK4gJoKhTaXp1ml4ze\ncjFb\r\n=l0cb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.70e1efdca.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.70e1efdca.0_1625159167325_0.033358934630294934","host":"s3://npm-registry-packages"}},"12.0.0-canary.435866d32.0":{"name":"@material/rtl","version":"12.0.0-canary.435866d32.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"70eb44f48eae8d98fea247a4ca1e43c549f89c4b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.435866d32.0.tgz","fileCount":16,"integrity":"sha512-fYsMPkGo+Dh3uJV5OPOgYehuHQcTG8U4X1/4mxOPzbxW6XbcR01f76LIf3pDjfnC7zrL7MQArP2OMogQdl2yWw==","signatures":[{"sig":"MEYCIQCqlkhwRIRKZ0/ZO3mM40vyiVXqU2unU4d2NtQnXY5gOgIhAPgx2tzzZS2AKjqexhpVc9RV0cnb+hA4A9tx7+PuzJej","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg31kCCRA9TVsSAnZWagAAAisP/3yHGv4LZr0pJAX78FAj\ncAwcreXlasT3xvrEfxtqfrJns/pBY2T8UkVq2I41njmIC2U90zl9ww+cxn91\n4likDOG8+uc4HRz0HCheRwhR9lXrawPClOYuDeZESBZrw/bN/rmsfX5Ue1Oe\nJG9T+MypPjrhMCfBzYpRntTRprX5pCgGpke45fny/mmf0Pak12wneZTwb8cE\n2dYAw/T9D7kDCCasvBQ1Blq6uBCE18qhospBbRXvchkJXLmCj0J76NCkQOmR\n+5/luE6xbcdabdEKcfPWZ2kkYkRTYW8Hg/Uf/YnTkkFBjHWvcKs99fgzd6bg\n1G5NQLxoR2iCB0BK0v+3UE2iH8kH0JvDFGECci6mE3kn+de2dHTkqiqT9hDy\n0ls24BTE9JmwxKfa+wJEqZ2Unt4Fw4LqqMmaF1EFUCoKQadIhzrQT7djWtvU\n9f21zowh98mhc5cYIsJ455TACD877ZWnu/hwvqixDr9Yhwvq2u7lzhI1CMPf\nLbauLxom2qn2/LQcvVCMelenc0KqYNVO9P57zg9JsMK/LbdlB9MMpoaJnu+K\nmzGi5akBsDXSDoaKHitwServmY6JmM9xgrj8Kg1qvlDRwVAIXe5AL75AYnD1\nrt+p4n1wijUeSqeKBh6sKqBABxIkfwsEaseH6qVJjWjtIvgsDySs3rrK3D2/\nmZf5\r\n=EjKx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.435866d32.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.435866d32.0_1625250049850_0.8611303740086531","host":"s3://npm-registry-packages"}},"12.0.0-canary.d0f9f3f2e.0":{"name":"@material/rtl","version":"12.0.0-canary.d0f9f3f2e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"648ec3c75ff63ab07e161b1f94ea8a07bfc2f6e0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.d0f9f3f2e.0.tgz","fileCount":16,"integrity":"sha512-FkNLjgjbH0wb2ySiYsapU4fACzd3mUoS9kVbiZ42jz3mz+FZOHNRDzTxo6QsOfH9EV7e2Y0Bg/gJBeWy0zwjzQ==","signatures":[{"sig":"MEQCIH0pf+ICqbT+1ry6STCjwqXaNEfVH5a1lsi3zhldMutsAiAPHlwMzLI2y4lJ8evdzO9g0KRdmUzeB6WEv0k1Hn+/0g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg36hpCRA9TVsSAnZWagAA0LcP/RiGMS5P1MK8M6P2ME0C\n9JAuW2cAfU5ll+395QuU7/Gpo3zxf05/p4Cz3F70B+Dn3ZrY9xJBDlRh4pSy\nwSKPqdmDjiGgr+IQCuk8y/3tg8iVX7Wu4yoP0hCYKIZeM4lqh96+xd7+R1B9\nEZCZfzU65aTaxsHO93dDQH6FLbBbIjOHAzejWrq88uGHVvrCw3DCzYzam8WD\nLZ7D+NFdBVr9l1ZRJx2trAXD+HsN96eu3Zk0epyV0hUe45QSnvBGc433FR7g\nVS6oovlxL40HSpnPo6yVckCPRmsUN1YE9jiGBxgeBq1QqR12vZPQb/sHE2rD\nZwh26dO2UHrs22LN+fDIbIjVHDxLKLHWfh+w7KR8CEWYnjv/KjIjPX9AJCfC\nP1w8jLlqBhMf2yfMSINNZhfDZEnBh0qqwQrsFJ8Z59eFIkQ6REOYZJI5PFjR\n5r2+izyu3WO1DToC/fIoUBeCmTWSDQqw8B3DNMwlBC4xGBmitNI5GRhn45NF\njTWSsG4E79MkWeF3xI1VB5aPHk2ZAHHxtDiJTmAFNJgFmOEgEnY459uMuAjA\nYZIeL0SEfDZrhO0WY1tWPFTCrSpRlac5K/b7lqmwPn6CZgRMAxdi+X6aujWx\naHIwsz5u4SKK4x2AY9QU/SoXjLs02v/Mj/EAVIAsJFf2KtTW0Vlj2knHMdsY\n4SeX\r\n=rGqo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.d0f9f3f2e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.d0f9f3f2e.0_1625270376738_0.9994686715101198","host":"s3://npm-registry-packages"}},"12.0.0-canary.adeac0549.0":{"name":"@material/rtl","version":"12.0.0-canary.adeac0549.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"460eddb2fd3cae07029809893c1af13dcde9f29c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.adeac0549.0.tgz","fileCount":16,"integrity":"sha512-0S6thXS1AnWeERZPX36S0l9Pkusn/+4DytIP1pj0on8RnE/Gpgp3uzgge6s59FuRhRgzRVbgXwEckfKm+9Hafg==","signatures":[{"sig":"MEUCIGSgxoIjrbTolL6ckcMUuhQsk5RlkKv+hWlR8Dj19FpoAiEA57xBhj+LtgH1Y9d3gYsFca0PWS6tGRDmlh+G/h7eJb8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5xUBCRA9TVsSAnZWagAAOqcQAIQhM974S9dpH/nqXPM3\nv8KsHO78GY1hZ7DVX9cBS+YhoucRnY+Qb1RA1zuxE6931q/+rJE9PAw6ryV7\n7ITkoqr606OixtDM2SlQomq+J+fg7gnElzaDWLVEn1sdSOTh+vZHHF0fEJ30\nq6m3F9rPx7oelqp/n7pR7l4y7Cg91xJ486MbJbckwCrPLoj6Nv/GmNRCRXc+\nokuzbQt0+4EUb+S22XtpbK5n4PKF6eW4KDnJfre/Uj/2sSB7xzsanappiRvC\n2GhFSb/5v28nG9Tjl1nM0K7EJI4/o3E8KzchUpH8wi1TmG3Nih7E+1byX5lk\nB5v+oDgVTvDDrIBChhn0FL06Wu8kvoI75r8d1aLXu4tVCH8wWynTkct1b+LW\nuE9WgvIjkVWll7TOVDeU4wjexGrLNvTmpdJ3xXWQ4GxEYed07ntbkJ1VELpx\nrvXLMIJ2weRpFqkjHuuLqlRqbzPkOS8IHHdlhLr4abSMcCBDxF/+XCS0/eHW\nhmzjrIHNkgy2IRm6y9AKs9ubHww1h537IwPekCaYrc9M5JFRq4HnLTjM/UY7\ngCHgb9u/v2VIwGuhHCCf0EuY3dXKIQq0y8/kfFxpmxTE+ApXboW7n497Kqft\n4WciezqNI79Kkyb+WCqarYSQelt7Ue7MOx7b/nHofCqEoLlkS8ZgRvGUgDwd\ne4hB\r\n=tt05\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.adeac0549.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.adeac0549.0_1625756929114_0.4297322390381131","host":"s3://npm-registry-packages"}},"12.0.0-canary.068fd5028.0":{"name":"@material/rtl","version":"12.0.0-canary.068fd5028.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e7a24ffdc7ef2419433a29c9fed4a0bd79e9086b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.068fd5028.0.tgz","fileCount":16,"integrity":"sha512-UEBZK6AclE+UMkPzmXnOPjsCOd+MrpUYnn1DwhxBmAi0sMg/cLg+I25QVgPl8KPkS3vZrPsUJwxFjPwlRL0qEA==","signatures":[{"sig":"MEUCIQDeeg8j5yxUFcuMWBlYOCohhcSgAGHw3NFqwy1+lVLlkgIgZCITIARaYDdDL/JbI99mUQFTpCDX2EmeqdFuzJX+PiA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg50vuCRA9TVsSAnZWagAAQOkP/iK7XLS97uroNpfLD2V8\nlmj06bBhacLRhWeIc19qbD+tDirNMDDvuy826T9eCNMYPFeAOu43JBhqPtDF\nQJvJGznqri7dRWTl628V86ar4PVpd0uXQvb0NvNgB/77ereG1yWlazKIKCNY\nAwJ31sVl5LeexvCrEcUPol20UsSx6U535cVKbmvdXPsHB7xLtkLsChXAuucV\nrwcoEoq1n1zKbQd9ahZji5x2/EQtNkc2fyKWeZ0uDV6CEP4wODnFs6QTLxZc\nzEE17TlQ/ZmBzbZefaS0a5TQShReKZTJ8HmytvWwDOgGlKj0oycuSyDyip+f\n4MjuMcXdnRoZa8gayyp502RJGaUbHqaZ/wn8ljYhbdRHC6rCcZgrvOXgu6Ox\ndphis8hI/TD3kZIWOlq/MtPFg5+6g0b3zZGaQsGq5V3VAm9d358VUlHZeJPu\nG3GcdwDw74F6DkSG+0Iz617IhxLOx4LXOZ4Z36u4WijTV5PuAMmMlGReMfxq\nc2cAFVHO0BvlzFU+0U2NJdbWH6F18LLUz0yBQ9ICjgKcIN3sZ3l5avGZM+OS\nyAkmM07BVo8H9YZkzI8+bQ2ekcNrobUgbVosFX0totKsda9FBp0o009y60JH\nbn7Wt6oBo8TZhfcHistI25wKfjp5QRnZ8Itrp/SPgwRj4j+Dqx6jMwKSt8u3\nA1Qn\r\n=YCbH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.068fd5028.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.068fd5028.0_1625770989947_0.3735091489176934","host":"s3://npm-registry-packages"}},"12.0.0-canary.5dfec7a14.0":{"name":"@material/rtl","version":"12.0.0-canary.5dfec7a14.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"55b55f22b3aaf52f0ebbdbb61730c1c5f67802df","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.5dfec7a14.0.tgz","fileCount":16,"integrity":"sha512-NAge4FFNQ1nZ6FfSXjJfWSUEa/uJILtE6v6dy4L6E+iiri0F8u8ZHHiVoIw3FqMxvnG8bAMgOc6c6o6/8mdM+g==","signatures":[{"sig":"MEUCIECR92knXKYIC/pfKTnc51Q1XCo7pPfoBwyZXwbhUCelAiEA43KMlWxDYpchQSfewlPV8V9ZSI+sL4W9uEfJqnhGnW8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7KAkCRA9TVsSAnZWagAAa0QP+QEjpTDgiW+20MijeB8a\n1y+V0GZpqbvjGaAXVb8cR4m5VTtUU/Pgo+OSMjCkvB3NXmBmwXotMPtp0Q/g\nf7XmqwB3E4dhE5f9s7+dKvcLgWU/cap2clmSIHqjioPQQmb21oPqCVhGmDiU\nWFmm2xfbfciJLge6Os553Bn0wIytMD2vcDkWdEv0y6k8mXjl2TDZf71ZLaTX\nctorMV/IOZ7wb7hVfXX6Emd1pv0Oyacn/f0+gzLCrwuT72ztxpH5e0nZ3vDK\nX/e1ReVZKiBP2vwKkuqNkLEfeviMHTaoAB60uiiD2xWcQGL71ELzZmdYQAV7\nIMLLlHOuvmdSN79HKtsoxzWItQfLgvgh7YLC62XcT/UOrqMaZbFEf/B6bP08\nufcrBYXJZXI8VnJoKvi/QssynfyXtDv3UlM1ixPByY12kVhy5Pn/tYC4V6LM\n6gTDHmZqS2SBaZZfVnHw5GnPv9bMgckTrbdnSf1DRdnXRsol6fjnoJ1ozJTx\nz1ztRrdvBOLxG+oqp8hxGufXvPbYtO7nKQCaezIsAQ+IFP5giiYUZ3WYYYWV\nSm374x1o0sFtIe35LPFnp0miP0U61+NFR10nlzLUh+OW1NdAv7KubyK6qxzr\nm4d9FS57dBWd+rFdSKpETQB6C3ZKtHrHhiiz2a+yW3TemdwA7HpmWp7mWg19\nMENM\r\n=euL7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.5dfec7a14.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.5dfec7a14.0_1626120227874_0.7655227704743974","host":"s3://npm-registry-packages"}},"12.0.0-canary.07a73750c.0":{"name":"@material/rtl","version":"12.0.0-canary.07a73750c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"de4e7f70f538293aa44f2c734032bbaeba6ebdb3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.07a73750c.0.tgz","fileCount":16,"integrity":"sha512-4fxtQXTgBN8Zb1phYhiob5cW0CSy9tiAv11LBhZg20D5zoiAq9w1FIgssqLejRGLGVRlZ8EyqqlkoRFqoFpA6w==","signatures":[{"sig":"MEQCIB4c1VhbZVBWuj/bwOInxPaZH2IxDXOXXwKrawQ9KDKYAiBUkWkfPcKwrH0ag6Gc4gSxjY4VWXk1lGvxbXPnyjZReA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7KUgCRA9TVsSAnZWagAAVNYP/174dnqFK9Q+NWoKy9bi\nIDLwzsCJAdWVOeKp27GGJyq7+KgC4TOemw3WRechu0YS2FKEFsaCAz8oDwJ9\npvUDhqawBa7ln+jqgg/ZJGKJZ0BXje2TimsrR3s4FEosfvsvGnxFF+D7cIzR\nt0x3KGbCGYIyucuvEJ5vkMjSYCwRBHwrqCczxISpCU/vXdqm2G3g14b9tPX0\ndFblhsdBq/2E43Gi91s5a9e5yIAuUtDUIhFmgvIBTBdHAczgIIdSVs5oCH/X\nU/GIS80izscEcclqFjuP/lHjvov6wWL/1rK/m/NU45dsPh6qE0JYxsjdGdmz\nOXnGQluyN2CJdoajU1asQprWuxsR3m5cRJdum4KgxJQh0rlstMyXaEXNV35N\ndVGkdhNvoBkQYQVAbhLTXv+8sIqUNAqgY5sUrnU5OudiMk2GLMBPuZI47jDJ\n2M2mhzSvvHeLei0YnqdVl+o932eIMjnGbinP2xNFvPDULlc8iekbWEEqkSke\n0UmIiy2f5QbNgUdlUbn3pNhrXzOIZs0N7/lc72kaC3hoKygmrve12phKiXOH\nQ328GxICh+TIypSY8xjhmmTAQFrxyjyUcRbDSZSrzXaH8wNsEX2gPCW3N3nS\nDP51PxqqCHTBahVLdWQgzdOVoBauQzivve1KMuYsHzPieBZm0AAcW7HiNEjj\nOJAL\r\n=Nweo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.07a73750c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.07a73750c.0_1626121503898_0.18974123748479865","host":"s3://npm-registry-packages"}},"12.0.0-canary.3e4c6dca1.0":{"name":"@material/rtl","version":"12.0.0-canary.3e4c6dca1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6e46f45a420c99d6c7bd041926cd61bd9f744d4e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.3e4c6dca1.0.tgz","fileCount":16,"integrity":"sha512-APFVpVS9H8IGcQBKxNWu3GqbLXHhw1xx39EAJEh2NIGV21HGzBEjnq7pEh3uWQWwD7DUAZ1mZB0qC8YHPCifpw==","signatures":[{"sig":"MEQCIB07LOyKmPapCy0X/qaY/UpLj5bde3ebVOdRM+bHgpZnAiAJnJAHuCfFb4bEH9p+0Kun1CN6ZAjTYoQmI/3ynQESow==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7PF7CRA9TVsSAnZWagAAcb4P/0Yzmnh4Gj2Jul/vtdB3\nuEFsSv6JKo4w5WaMOtts8CGomn0nSEG96xWG5HWO+Hs21VTmAJs+dVPc6eD1\nfPLh7zZDk4ZEZgM5Ys9dlpGc3f80oSVsqZGWyHvd2o4Edh4Pp/ItRQfBbm8g\n6wEgBWHuzDwWnOcHbdzdk6quWOplDlRA57ntDqc9HEOju9Vpm4V9FqHsjs1d\nEvEcSqrVcHyNU25WP/N+BHI96cczPkyG7tO2Y1ZYvJRGQWKIt6aJwFtLt1w9\n/vqbBUf2nL/eZ4pp8FaGSxSf97OuZ1EfO8Sf69ytinBIXpttTKHN02ePyZSA\n9V3cb6ezEyZUJJaj5Ghgiq0VYs9GK5DPFnnGsdVN0XFcjwocRPyODpB6OCMg\n7jOXKotm/nGMroTzIZuTJ/0c7FargxCxJaJlCWgWPjYpeB3889YBln793co9\n+cmkHxmMgMajvV6iUkqS+du9nDomNXLZBGG1a8mjFmrsenBv6PK8no4fgWT/\nsqgjZ2r24t/LtBCS8KO8FJPtPwXmuHwIk3HCI3iIzjzadeas4853S3f1hHAD\npvtpk7F8Hlwio1LL3wpm1+DSoY8CuCtkazf1CcNc+ciZm8UoKum0Lnj4FBP/\nexZv9dsYGDHrDG9MtWw1+WAPyjaKlC74wjQ/NaTqJB3Np3fHoXmwRZbeP+ud\nWzJk\r\n=O1Zr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.3e4c6dca1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.3e4c6dca1.0_1626141051027_0.3471844245741651","host":"s3://npm-registry-packages"}},"12.0.0-canary.ea77795b1.0":{"name":"@material/rtl","version":"12.0.0-canary.ea77795b1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"388505e10a34518782d9690c1f641986cfd315c1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.ea77795b1.0.tgz","fileCount":16,"integrity":"sha512-H+HV869kEZz2e9NzbGOIjzwcLnXiAhwTMTKNYnRKNxl4ZGypAsFwQmedS9ImQV0UtJMrNh8pT5mCElBTcuFGsQ==","signatures":[{"sig":"MEUCIGrtO4XVu6+PtpVEc44P3OgJLXV9ki6MypQ0hNr17BleAiEApsOSP8W9LaBZ33UMEPpWLsd90XT36vWiQdaBcvty824=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7bXkCRA9TVsSAnZWagAA+NgP/06EnZ30hbGkqC8EKFq2\nm1r9rAeuYUkYXiqUROBj289mfT+bXth9P4932USaZbQfstzHpwzH2cWJOJSQ\nA1QXBfws0Prx+xFNjW7gX04JCQtpLXZleEXAIeFx7zPrJisiHlRc0d7mbd9U\nfhNZOzyqzSwWLA6PjJEyIacQcUHmeuvQWvzxxp8ek63SwOXASjLduDBxdUbD\ny7ZUAStMAJNld/Op8rSlaBw095TnuSCFi7kiNcFKlr9AQ7vCrPieidLFMZAT\neWAjqS10WESSJcufTK5hAx9Ma6q1Gec5FJ+lAY1WuReY1jRyIUHsv+JaLlDV\nJYMKSA2faRAz8Fvu6I4jOCwUzmX+JdKulo8V+Y3i72h+sdQarXZHg25lo8MM\nr8AxQ9vu/qWpCzNN0qKKBuTDbBSoaFLpd+qUgSb4EM85yrp2fximpKiRd/fj\n48mfUL8JygwicMBt/Izd2cxohNoIyOBeqqD1kV/xMDfo8YlqvhVgq5mfcVmT\n3vcIOSPtUcsLC+pbdgHQxmghe8swHwh0GDL5WhPNWi5DETwLGQF3QGKkxPOf\nHcolNxKWtS/fXGA00ZSYJ+ug98KhWzaAJzVzSfdUq1/0uTtPlA/XBrzZ8A4W\npHmMT9o0b2LJv7p4MoufeAb+RjYluftTDcC1sWNpV3EPyOhsBoOTL6ZOl1SM\nYwKT\r\n=5Sza\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.ea77795b1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.ea77795b1.0_1626191332117_0.7043800255040387","host":"s3://npm-registry-packages"}},"12.0.0-canary.15a179fad.0":{"name":"@material/rtl","version":"12.0.0-canary.15a179fad.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a4df982da0bbb90feb1eed7d871543d9e99934b3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.15a179fad.0.tgz","fileCount":16,"integrity":"sha512-umGuBk+XHujtfjb2uhYg1N+yEoLxWhwx2cB42FF+MwL/sfQX23wIJ/zNTjVAJ5tDtwb3PWZxbEJXXnMg/bkjrg==","signatures":[{"sig":"MEQCIEYmIFg2rIgx1lj65WUgknrmuU9VbOZVEpo8R8EE/AvhAiBipeJVxVqsExui+yGapl5OShcSLfuO1o26D63a8N4VUA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7da1CRA9TVsSAnZWagAAgr8P/jfmVZlqhVuqgaRYaFhl\nJA7jGYhvjt162HuFlYZnJCdwfR9gZNUI007dm24ExQd5StPRlocw6yfj/UZG\nrGU9lKNAvB74Rt8eNehELsd8JsfeEcDh0dIej7gnx8qwXVwfjiWZ3s1SxBSq\nExPoZ8H02dw/DQraVpJMWNxXJOiIrFAzRQaoYk8sdrI3+wmt9zLGdeRukBx6\nDa4oTN5R1HDRna2J6JFUkVnm20w5UEh762hf+StPXIK6Pb5Zm6sDtMlVaAAM\nKXY4AQQ1YXNFimB9qVFc2IW/6gP93VmlWiHuw1EctCi/CxnNWx1Y7ov/jKkW\n14tq54FPmxTu6L82p7Z8lKfReMBPm59NIQlXxEAE+O9IpxN6oyhjZaVWRsBx\njacHkj2MTZuh548hAKsIXnTc/qL2KGN1cqM4x1YpEUemvwfP0GTC2lIl2zUP\ngJ+Yoq1/tidkSUQWzVQPQAbCb8semIj9BM9RW6Aa1uLUzQ0Gw2JVuE8FvXYB\npcFMGLha4b2b1WW9d6fESrhCNrntNTNU9wrLeR09+H4xYKahu7vVI/8NvusD\nflePbFerswpLhTRZUDBsVJNCQFVRMKg9P70otgGflTsQq5CxhXtv8X4gkSIs\nv0hkYCUh3tydT61UxQPhvAX0e3ilNh7b2W22ma8sZqA8k1oKX0iJHxl+8c4j\ntOGQ\r\n=vA+S\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.15a179fad.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.15a179fad.0_1626199732719_0.24127465041578433","host":"s3://npm-registry-packages"}},"12.0.0-canary.c73142a1b.0":{"name":"@material/rtl","version":"12.0.0-canary.c73142a1b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"93b0b6b9ed9d71cd9ba01c6778c18dfc80b5505c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.c73142a1b.0.tgz","fileCount":16,"integrity":"sha512-uz5tx8OgdL1mpBcEB+WIbi46s0k+MhlAn8WVHtM0nC0gnhgU6HH+htqjr1bVa4rQLCVFEBK/l12YSq3dMSbqeQ==","signatures":[{"sig":"MEQCIHCCXGxRCo6CbqNN7GajuGSepu3ky/RD0QRYUBjtU5VhAiBEWHokB4a69i2UhxDIfFrpAbsolNrvGbXNXimVeBL4WQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7d7lCRA9TVsSAnZWagAAjCEP/2yvTc7AH8bSlDgUkkeN\nIm8+6+sqD3nTUAkvDcdU+h0VYkWBD8xilPei+wnCFaht3L3+N7VtjV7rtWm8\nC5iSJTlJwi8a/Dsm71Zpn0rYYmJe0yQNy2bvEehMXyC+E84vUhyzQUmpKogS\nfBaz/wYkjLgZI3Ivleu6PDeCNCeo9kHoZ0nLH1SNfsbmF3+uSMaS1o1MRYKL\nd1PBTI/L20w9Q2biqAY8Ct2Vz6nkO9C7JOcUAqtvqe0+xXKpI7ZRpIHpVh72\nlSWcEPeGPzS8Uamg+PQ0RVCqNz+nTOoNsZO8iaZBhLD/ykQwGAEmdu2W0WVK\nkrgUnLlOMsv+T5df+GWEa7mSozOx+0sx9F+7r3YhtGSbyquvwjqndm/z7n4A\nk4gsWY13Jr6A23YVMysAOPPCxL0IMXrztxg1jEolQofj3ixR9/6ItP7F4RLX\nwWIB07KfwcAF97nR2takaDYBaugMjgC8LpmHTrfwWIfyvHorXahg43BsYLak\nEKhzfJUCxCwlKpTqlcaeRwVWCa2yB4cNe9GYAigOs2ajFtzGmasz43UOUW+/\n1uukWZ+EWji104GzpNc0KH/J9Js6jShrA5nbrSltAq0IdHK9JDaRO2JwuGpe\nmrDMHtbsQ9UFyepevLLI9+uebvdS7wL/m55WV/4BjCfFVj8mDCUfenB8AL16\nYz2q\r\n=8fT3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.c73142a1b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.c73142a1b.0_1626201828822_0.9707288003287073","host":"s3://npm-registry-packages"}},"12.0.0-canary.d923db73a.0":{"name":"@material/rtl","version":"12.0.0-canary.d923db73a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"81cf33e786c5cb89d2246c3a9af0f4762bbf0a56","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.d923db73a.0.tgz","fileCount":16,"integrity":"sha512-DMqzkKOZwurZudpZCEtUnA2ma2KcASxJ7MZQGajMR6Yr6OsfBwIxQPoQmKTllN5idr+dWvrqOELTCECIddW8CQ==","signatures":[{"sig":"MEQCIHKsGTMbC28P1yDbRuTUqh8P0ZM+ThxZHT/g4DRgyH/8AiA7CMriGEStB3r0JMrGApEIe60ZTgjosSpcK7q3w5aVmg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7f1MCRA9TVsSAnZWagAAW0YP/jHdT8r4shkTgSxK53tq\nnambi5WJChzAc9PjN5do1xGV25ZOD0rHTXhVBD0mrwatI5rLe96P+qyljxaH\naHVAxgn51NXYZ79SxI1XXy38askAdsOlRuV5C/GqSt+4jeK9UxyHGmcWIbG8\nfSqfwIUd1oZlOEDJ77UuQveVusnnhvJ+lw2BOob2B5d7Gqr8Rk3ss4PVwMJw\n12EPoHVAbwQDVVAv34gyaqe8JNhXmwdhe2Tbk8CNo4B7u8RaxJFoo+Tl0maE\nIm9l2dfSoUj5MqLYRoBdPanSgjN1NYRl9J3fIHL9z/Swp6Q92lxlY7zxf4OS\nB2EllslQfr2mi+8bNcgKymzt0eEWFvdTmauoc2wRO33tdii3I0Oirs2a/JOl\nirx7+NouheNc6Z7s7+TjLLCheWpCxD4dnahSVm3Lxz5idiC7nE9wuhX6Ac1a\nY04GWFQihz9CBy0NyAgFyivZqH/5ljwOZQsI7fThQupsVhBhxLimaBIY3oEI\nLM0XXUnIq60G1f3vzmiFOxZnmHQ8rN4DE/I4uDDz/rib8aH006BEJVbK+YAJ\nQeWquY2fqj1vuLGsYtFZuI52JJCN5mSmF2t3U4+YXyJKxIrKFPjBa/oM/eV0\nBCFOZjvZ0dn7+kcj2lI1AvbuNBN10kcmXr4KeFlwxzYCFQKV8zjutAk46fP3\nmauj\r\n=8syX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.d923db73a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.d923db73a.0_1626209612542_0.1299472315670147","host":"s3://npm-registry-packages"}},"12.0.0-canary.22d29cbb4.0":{"name":"@material/rtl","version":"12.0.0-canary.22d29cbb4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"589593c59ca384caf2ac16892d55a9e19d7759ea","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.22d29cbb4.0.tgz","fileCount":16,"integrity":"sha512-R7u7w5U+mvRwsj15tpf/CbALs3FrGVidsTkv8C1uZDK1ae490De8HSe839lcFcXmM8c/PFSx5B3rKyQG2AyraQ==","signatures":[{"sig":"MEQCIFk/975YhIlj6x0HneqgdYn+TKy39Nj1U6JJ+rGlb8LqAiBlpdasRnmCNvji4vqFw1KGHXx3GgBSkeACqlMvmo3U1w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7hicCRA9TVsSAnZWagAAtkoP/1BMsFBjz+jxXm2p5s5k\nHmU4IBce8/xy+zlMvFTaVTfBHpuh/i97eDO9qo7cRPjpMq6Mo4++IO/AL5ez\nSKhWfAae9hgcwW9+orj6eSQ9F2Uh1i9hf45kbdqif0bmk/GMUCBHp3Fih2Vn\nCaMygoRCV+mF855MZR1b0Ik/7+vyFs/yMQvCCOW9IK8I4g3ieFYEgxoKVHdU\nwXSxLdinrCXIV3/818iVFjdg8Oc/XT5i+Yp1qFHxGdWg+LoUMZTZT2Nefx40\n9/vrQEn4qdjMpBqg+k0WvZ5qSCwzmrtBVTx8DHU6s3cWJSPKlvDs3CZA6jwd\nduypkawgQJ3ipTtU91SRA5bdC+L5X6JqWCe0S1iKhBn6WEE6FBlr4x4uHfrk\nMyduTUCl/iS5cEvzjFOdCy8SUs2Ich1aGleFFYVpOG3S7perc4ZYTJRTW0H5\nHlxxCPYWkQGTaClXoA/zJ0Kl1wqQwRrUzBzsVNUwh+uILqjw92UFvPThoO3C\nHxZGmqb54iAYCSxSAkefDejJKJO7X/RQ95VgSkxFbMoZbevNZVdh9AIAGA4r\n4RFwUzh68eXeNYbmPEkr5Tsx4MOt9n9/wmgoi4g/o0Y5nJpN1K0z9u7fRWtp\n1JPLtJX3YJP8yaMS0UtqDwd8jjZvh0vdZfmrmCNlWV3TrZMyxOkxahvPQ4hC\n1ISw\r\n=IWQs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.22d29cbb4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.22d29cbb4.0_1626216604423_0.7311111182910519","host":"s3://npm-registry-packages"}},"12.0.0-canary.2749604bc.0":{"name":"@material/rtl","version":"12.0.0-canary.2749604bc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"506368f599dc7f0101117521a1f9b69230536dfe","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.2749604bc.0.tgz","fileCount":16,"integrity":"sha512-1Uw+ZtcCCqyT0h2Cfnxkn5ohi/0EvI9RG+rfymgxVfxTJzelncNM3dk6gLSMFELmf9o0tgvxUUJZUr3GOhsOEw==","signatures":[{"sig":"MEQCIFFDt4UhvFV7D9NWQSEPzQmqNfhQ13yfAZMpVUYtLlEkAiB4Jx5ZwE6qtdPRi99C4jSlMssnh9sVaHaGpkd7MElMHg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg7w8jCRA9TVsSAnZWagAAUsMP/iCr8rKlkhgLi7cT6XyG\n7zLcUe16NwIcIDzpyVCRVvokqbTfjcDQxYbKOfFHifcyDaGRLKSJiwDlGNuX\nrv1RZPxmP62UYz3DoEuApWGXEgxGqX4LE25I0FRDVv6DFOqlhZfKR5KR40fc\n1uBPmp0BYClidYNtUhKHQ1r1h/srq4F49IR/qM+2wF261xgYS7N23blkOrLR\nBBOglUI9EhB1/vOzWS522B1Ys4MruWGiuEnJHXB06EFBxM6L8/kCVJ0gM7tC\n90zQdWyBlR0RC/LAjUqHJvxNrK7Tt0/SdoUhE54dAZkB/F/4z4Eq85a8pqBy\nKAKP8nvVLd6vCjQWoQjwY6lS4fh+nFOMqof05W1TxxljrHQPLLU/FI4Mieh7\nQFbzVq/Ug2935z8vBXq1MJpSmtugThbhD56r13O9dcQU1KiXaMOL/Wm0XODK\nqD0ONH1lcHcV6fAbeiun/C48TRls6S3vE9GLcR+qwpcmlYv25c0exWujndnf\nelcFRclfsjqB9T1R8o96iynbdJ0g2vuCg0TisezKq4z7FhaXa68p3N72SWRC\n73AHH3L15XshHsNvZnwqDhaWCD8EPQH1+nbQ/Ti8khKofC4QV+mkDQRGYg7L\nKDMYsL8HkJAVDOU1EG3fiLqWXd8yyPyd8Eqlwstw+qyqKYfxZhbVMyydFENX\nYrgm\r\n=ogBY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.2749604bc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.2749604bc.0_1626279714974_0.2537885260912034","host":"s3://npm-registry-packages"}},"12.0.0-canary.e1703bed9.0":{"name":"@material/rtl","version":"12.0.0-canary.e1703bed9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"52c0a7b09ce2dc52cac5df126e56be36ef8557fa","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.e1703bed9.0.tgz","fileCount":16,"integrity":"sha512-xDGHsuI2yJzH8S9Xl55bMMSh5fJJB0SjA9e7wj8wDkMCsT1EK0JA1+TwmyyOhLupmvUDbUFNL03DQohna1OKLQ==","signatures":[{"sig":"MEUCIBh7RuyQqQLtg4dbKLb+1RT0LI58IirkZENSk4lGclotAiEAteHwb/qJ+ssjeqnO6ekhtiJvzw56gccZqGnuRje0dB8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg71t8CRA9TVsSAnZWagAAOM0QAIquhe/qewnZBJB01s9t\nvpSs+yN4riCjHjbcBIBgU4PGhsSg9Ti8FJlYNO7OGu27wtQhCDpxZqyYnGhG\n+b1itvI9WU+eKrFD2OtIEwlccTBC4Lth22CaU1DnO3/Rd0XZKoDgA3krwjZz\nWPn4tAigEnh6ObxHebTXVYLHubLGjPYmm4N9xy+ee8POgZvp8f2l0ANSNowi\nmEb42ynebXkR8am+uEIF1IpsKI43tKMOxQTYBgamRlYAF1NcsAsTHQPO02nf\nF62Mk+sRGDae7E16TTENvqs2x6zdBFjg2woDHrsLujgctLfFs2xjpbgflI8r\nN0KuxB4vqsd0b11tqu5o/+IoogFaT1YKgYpRRV8Y20lwZQMpLQ8rKgrC1Fzk\nFF+02Nop/pbGzbP3MOVELqb+0+YStj6+3pdkispN2dM4yjG0pmAl4SX/zABn\ndXts1fg2GQ3gINya5oFpwAo1W2eYRvjnL80Q9tiIiRjlZTwUrRR30S1ka055\nx91qZ3IqredGUhsifMdVSJWoN8keVbADeNMFCrvxHLFEyHciZMedX4npxf9t\nUynhtRqgsxuY856Mv3P3ch8panTx4ZRco0ip46IjTVryh3t7vHVPj1O8UVzs\nKYAaNMeVI31+QVcKP+zdXQhnyOx1LOB55qPUAfby+/VaKK85+2Svx4o1byX8\ncFRq\r\n=ZeYf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.e1703bed9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.e1703bed9.0_1626299260266_0.08640224027788235","host":"s3://npm-registry-packages"}},"12.0.0-canary.de48eff0d.0":{"name":"@material/rtl","version":"12.0.0-canary.de48eff0d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c7e370085f8c46b9052440ee0f62316de332c65d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.de48eff0d.0.tgz","fileCount":16,"integrity":"sha512-OqlehLtmtfNqj3JVIOrBFccN1fZKUWK2dk6xbjVzHyGopKxfn4rUMPFlaQgEP30iXHkZTm2yqeNe5xrc9j9aZQ==","signatures":[{"sig":"MEQCICLUXPetG8Xv2Ozq9LSsH3Mw6QKaiWnEW41FUpFbVd+YAiBOec2rWCfpLj9vweJT5qRSm0nzgFycJaynb6/apHRtJw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8GthCRA9TVsSAnZWagAAASIQAIZ1vkmJoa1gMWg618Xz\n90TkRlXQzPVbNk+ZXrSqCs4Pdl+LsZcY0iPP16H3nT/UpePa4j79rAeetGJX\nFA8d/Rv4Xh7Z1wdLtBiqUen40yZBj8qiURGfPFRz5vjJwV+DIfFLFONo7mlZ\n4XEDzNgzDTEpIa5rKBD+X6MRh3MwViYQ33oIFeHss66QPlnI+QmSfxm7xhNs\n6g1YA8J6bWjfizQTOcykqLQLKREYJCq92ViFQc8uubU2oHvFEUDyJwNTLELN\n4wkg4SHwJo2qS0W6bjrAX9xT1DinJrVsg8Ie0sEGZrFE4Z4NJaADlKEkvsl2\nbdX1Vc8bx3mal1ZoeoVL8BL+CM4iL9hjWZ1KX9tW5vJl4k2Pd7XBhOSYh8Hz\nLY/YPzVOSbe3nBMpBs46cf4Kd7rlay6UJTzKhBPS8o0nG0uREkZqDTy3HRWH\n11d0KerTjGViOY9GsL25mKdwlHf8Yw8IDX6HVCuOswJ0c/mh/OOyZTqMLlMj\nAkI5ET7GC7LVomTAxg2g1W+xzG2+ED6Fh1XIgRL5MwCz0cu+w1uRei/+Anrm\nyLQsdya60w9LF+Pm4xOC/YWOhqaOy0Gi+wPhW8y4OqMMw2T/VS6Xop1ai/lv\ntI7s9ceWZHDz4X9l6nRHkuTlbPFt3beVSG3N9H7DqFKRo7RQGuzKLMvlCp32\n+6we\r\n=iZRG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.de48eff0d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.de48eff0d.0_1626368865086_0.6135960925753767","host":"s3://npm-registry-packages"}},"12.0.0-canary.4f060adc5.0":{"name":"@material/rtl","version":"12.0.0-canary.4f060adc5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"db6b1d993a877e65b00338f63cb8c3ee5f234a55","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.4f060adc5.0.tgz","fileCount":16,"integrity":"sha512-s2BUVBv5mnAgKa45Gbj/CNjLEGPK6IIRq+oRovpRBYLPmZfwxQEI9cADJFxF0X0pcd6rImMJ8gcuxvvOhreQdA==","signatures":[{"sig":"MEUCIQCUVK+s3iZNEESa58ec0fTr6idNf+jcRhfxlObi1qchNgIgCgb4+A1ntfTEfaCsbFQnGXL/5lNybuDmLd7kinnp3Nc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8Iq8CRA9TVsSAnZWagAA0XcP/jzp+EQM60M55hlJuSpf\nrzrpdaKryblmO+fSZYB3U/ir9SCW2jGKp0uJEdn09/4T6gPmYxM5AHwVoEc9\nRfPUyggQ9KYN2168RWqhuko7dYyqVoMLVyT5zaNrPoBKod1AVc4AeUKyZ/vB\niIC2PWYkWs+XfZndRpCE/oW8+EeOoQBjXZar0ADN8dobZN0eErRyf69hWhc3\nucpiZ7gG4Fv/cvqEYZqKVWstqvutrbIALDsWDQ7JY+L+MLVXkyZBQjXPIwbr\n5N+wuc0MiTmFnNpmssP5q841A8LUKRZ1HWtWh1CHEslKoBYSr8zL8AOCFoU4\nDgRHEP2s7PuoPBch4ZuP7igAnbnp7ppYac6NJkcKjUq5Ww6y1VaONOBhwNMq\n0vHu7XZM+YzjWSyKG/E0HbJfeShNrRl2Hi47ju2cZA0VvT6xMd6z5kUGBdf6\n1/eaubwjc7tBzz1eGqPBGAso6z16NbgdLHy0lhCzvJ/eOGAtzgzlmbmrmH+w\n4njVZGkr6ByQ6GIQaV9hVLQ8A7HHkS/1l5PSGQd33/Mr3gRwFd7S7MZ/xq/g\nATwJeNDgfMZwR4Tb7Lcy3SXFnFZ3uD6ElUOI1xnNxaYFvfvM+KzA5OqZWNk0\nll7T9RxdpyEIJtp3Zv5FPPD9rMOU7zfxAyRX7byaxNDoz2yKwNboBLIcelvV\n3+wl\r\n=P7Hf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.4f060adc5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.4f060adc5.0_1626376892013_0.9228788468899873","host":"s3://npm-registry-packages"}},"12.0.0-canary.bd25779b2.0":{"name":"@material/rtl","version":"12.0.0-canary.bd25779b2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c8df2558136e51e1e94e040d04bd99f9e2b4856b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.bd25779b2.0.tgz","fileCount":16,"integrity":"sha512-Hbq5qmeBTlJJ66B8w7VTF4UVPHwZwJfc7WUh8ekjpl10e6XoimV5DRvTF5zMPJRiA5HgqLExhfYWEEtfSQMSUQ==","signatures":[{"sig":"MEQCIBq5HnZLwOXtct/8rhI7JNc4hCIrjlV5ZbAKcnfOJxXlAiAdcMA+yGuoixYjfkKm2xcoWaIQKpGoRN/wMU2nnauUSg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8J2UCRA9TVsSAnZWagAAcNoP/1LmyrYjxQef1QY7BbN5\nhywGyfZhTXhag2iLbGp/NrlC8HDZp+X/JjEQNbkIXHzOIbp79Lo5oBTjA/sd\nAVe0lQwCHqgPnqNnViVGys/JrpVSYb4BoIc2qBuyEJn1kcMysW6SIrG7ysLz\nvOAETMsg2LHVEjtzz0C4d6VjNKi2gA+5Ndx1zcpW4f+7zMHSS0L+WIvLHyvD\nzO7JG+8SyYsGKh5CA/BOLnnk171SVk6VxpXiu9UUnHVSV3rRHKLa5fF4XeNn\nv1sweVoy7oGLua46MfKVh3SEGVXOcNJbKQo9HAf6BUNYrX16uRs2x4j7pfSQ\nCbGmsBE2CsmIHLCMeBMrjNDwIXUWKZre3czXXCQxWQQ4QkLqiOteUvlovCk6\nmG5p6VXqCHcupT9icawwx1XtIYm9OKN0TCCTqoIVVIsONP2KY3ezabxJtt7F\n5ZhEa+A9m5hVnkFz44FdLDaNGVeCJEycp/JaZT67DlCsAndZSSshb4c1V6ea\nKojHeD6WxeacfVZh1r6CfprHA+bW4ej0bY7nYG5JZbeQdqyPjEYbwFX1i4oV\nEeWZj419OCy+sDydcJYcvLjN6vD59xT5MkwMnXY9+4bmfWgtSJ15xovymSPI\nMrAviR3BILQ+habQYDyiUpmg4RiRbMoSAnRSIlwhw7yg6XQ7wDfv0PzCpoDN\n5kXP\r\n=AZdO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.bd25779b2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.bd25779b2.0_1626381716271_0.6357927501553609","host":"s3://npm-registry-packages"}},"12.0.0-canary.9f68a932e.0":{"name":"@material/rtl","version":"12.0.0-canary.9f68a932e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"268bff8f0d9d6eb43803269ecd401b5a7e69c909","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.9f68a932e.0.tgz","fileCount":16,"integrity":"sha512-Y3lIgm9C94EFRyyc54nX0aGnrx6mm80ENmk7xrJ7t8PQlbMmqj6guOs8pYi1HT4pkmXSzKGaTZ2MyigNNDkbjg==","signatures":[{"sig":"MEYCIQD0VyEhf285oUsdKpf3aMcCai/+wWBFwHEFbrWzbOXNkAIhAPrd7NKGFT9fr5dWWwGWHQDEVF7ubjhWPQ7g9Q6t4qNP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8LF0CRA9TVsSAnZWagAA7h8P/iDxt4Nyod/F7DTBRThe\nQGKSu/EKPlCeUBrlblg8nkz0fmPypY6Tbea7hkGBJms/+ZdMhf8YcSSWu3Ky\nSOTLkYS7vHg0b9HfNSzKxW4a2euB7em16Pr3w2z1pt7t5dQTBgRSTqyAnb6a\nttR7jE1I8pEB7lK/JAluNU2vh90onMuaOvEkDdNtJtg5dJq0jlKrwlI5cyHO\n1KgW9iB0T/HtOHry96gfswK4YrU3BitGW9mNWLkoEoy9/wk5+pTUufZicacH\namyZYFksvhzsdOi48mgzmZvaNMFSeQiKwuVaLAs4b3KDu01qeixZLlNVQAvp\nz/eryCyHCORh9AAFVSyzKQw6aeenA/nDCw+kSI1gPgNvggBAv0mMRQWUESKi\n6CpD+ik3Wk3Ysou38OB6Do8Y8v6oT0cZ686C8YVd3TTRMvbYd+M3K8BReaR+\nYqEKC9+2xCuweSm9/J9CZr1JRl6dN2XjgEoUgVmj6b15gsD642YRgy8arIT1\npaec5/n2c1Ozo2nmxh/aJAMCdSYRmjjPfVahcgAWtSlHqWAo+wJwbfKS8k9A\nroS+Oyoqmg6pgMS3f/yx0laAzaQW5X8JU0Tp6gvw4P7vSNAcCHkK7+VC0tfW\nc5XZeCtnRyxAJ4C5tFFfR/Q3wiU02nTtVSIvUdheP1702AB/mtLgTBkonbV5\nDVSG\r\n=VQgN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.9f68a932e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.9f68a932e.0_1626386803948_0.23496479802051562","host":"s3://npm-registry-packages"}},"12.0.0-canary.4eecdeaf0.0":{"name":"@material/rtl","version":"12.0.0-canary.4eecdeaf0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bdf1250bb4f7bb6cc1e97824ed4c0aa1465cdc37","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.4eecdeaf0.0.tgz","fileCount":16,"integrity":"sha512-vOMwXjkOiZ+QjD9KizDSPXH4dGgNdA1A2DwUmzyZLFFQIxqIDvyiDJh7tGK8nag6TjuYkG4OvfCi6OFLOTfuAQ==","signatures":[{"sig":"MEQCIGOvZ8IPLbxGB+QcCU3Vnrl8YJ1fWEL+HQ5JypXGplmRAiBNEr6iFXQ6cs9o18OUfCaukxTl4s+c67FfhRDn1rXhMA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8Z5cCRA9TVsSAnZWagAAcd0QAIcz43ykRszqwZmEbGCI\nGgMhosapP2kro516CJehgS7VVREpqmt9VyM/lbVHEWQEzi4WN1mT1X4c6Nu9\nvp+gxE9d1r1LE8/MwRiAIUtUphlVVpKg8UBJydPlI1oyt9QBLnDxMhVIuq3v\ncL1PXtpQ/6v8Tuf77DUhWbudEZqx9JvHRG9+WTsoBTk1c5HoCyb2qM2Utmh3\n+3izifUKL4yhAawbryzlFtdksL2x3+bgSs/cL8jbTK5B0UaTmJH1Fukk0g7h\n8186LOzEM3OS46gpgDMqzGa4hh2aMRC835XKiEDdIrif3NtmrX2JlXe4aWPB\n4C3NGF8ov02vL+1unPWKUEB3pMYY5t5wgMQ7dv1fC0jixXR85ufc63ZoPkMI\nFsmS+4v39OjJhlSb4/bMYlDklaveq7ayQz699y+zBQ0KIZvGzBiTDQg6G1mq\nsJdGnjIDnuuvbO6OPQpkENGPdDHdlyu+znswyMEoC2CbnqNcZocIX6EFe3Nb\nE8y/SZeTEUxAXx8m+9dINoWfce7actABx91LogeFAKH9SeEkZ+eXAvdf9IBw\nS0K/UtQyzVkkvyiZFnfPmLQV0SxGaxLRoxmzvOhq7IvNObHanlr7lh9QUWj7\njX9XtIkQ4RIr62KJaDC/6dhKTFl1xqvEoMCktoYPqlG0mdtkyhTU5K+L82MU\npPmr\r\n=ewGo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.4eecdeaf0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.4eecdeaf0.0_1626447452092_0.08131546759030917","host":"s3://npm-registry-packages"}},"12.0.0-canary.7239684d4.0":{"name":"@material/rtl","version":"12.0.0-canary.7239684d4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"10aa085858a1d54de4e79a85f16fc6e732fd50bd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.7239684d4.0.tgz","fileCount":16,"integrity":"sha512-yfm5ujshqw70XVcaqTb45hF0vmkcEyuDEraso+rT4Btaw96lw+Ic07NpFIdSbdjEUS95Pp40WMrGhe0zs3cjAw==","signatures":[{"sig":"MEYCIQD//lQ4895liQ49FPDVveN3TEr5rQ52MsgSZgy+nSnW7wIhAO7ANpEL6/KxJTnFFRsKN3jGTg1ea/IgxtgrDS7mKDKs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8ayzCRA9TVsSAnZWagAAIHEP/RNWL6oi8cH+zxHTt2dq\nJe1EiYy4nHuf+4Ef+PpiYLIavGD7ii42jI7NvRnrUMyHFmOY+VXnY0Dugw5N\nCYbWLqubJoqBdwrLEDe4ZuZyqpqIIrsanwa1NPFJh0Vdbb1ZJUVIxW5DvJuo\nyqPRW/AajNPUly7hd50yNK3zEUDKEdmZVCP0MijcaJ8876fU3y0jeftw0PZ9\ned8XOzM0tfLlSuhKY5x+vylt1kuAePp6ZeFIAqg6Sdg6ufqBmyBJW8H2y4H7\nYYI+K4+GSvs3u++4puTMyRmExLX7Cm1rTJJ6wDyHGz/dNlweeH0FRQ86Nti5\nFwJdHAUO+fqCqFeaqVKT8gmqm5GggNs7Qm/hqyUSqNN9oPkJ24360LsyYUgl\nVsZ7q0XZRAJsUO0yBHfYTqcDZzvxQHTNmNa8HF7PqLO5EhqieYkKSoZOVJ+I\nUWK58v5OOX9Exh78R2Xxv4J790LrCsU/wHC5p47FtZw9z5QcxC2Ssm8hKGlO\nUw7aNWm+CVuMwvcrJJ3cl42PPFUDz/tHc55FwKyuf9mmWbUlnjU44zV7vizB\n713DrI4YYKxov6dnzKQWy2SFtcHZeE2TBUEWpzdeZoR6iOke1tZa4THAOGuv\nsLqmAoXeyAUp2PZl8UD7AFOcQhEiKFNnB2QYd1viRkfW0afOBoTDWtOV2zvy\nShLy\r\n=T9+E\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.7239684d4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.7239684d4.0_1626451123710_0.959446818284305","host":"s3://npm-registry-packages"}},"12.0.0-canary.d5f1f7c72.0":{"name":"@material/rtl","version":"12.0.0-canary.d5f1f7c72.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5b7004dca86ed97847f29cd363f93e91e50659dd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.d5f1f7c72.0.tgz","fileCount":16,"integrity":"sha512-mBTcTK/X9gXnMH3CnbEPLmn2SNKWMOpNfi26r2Rx3MLVbqdveS+aE65O6pZDbaycos0ShAJiEcjpY/fL52FfIw==","signatures":[{"sig":"MEQCIHEd7/BFQqkINp0aUimoE8i/1P+Xy1rp7G47Gx+UMCE5AiBYjuB6mZgtBKDS58UTxCNdfBUzBdDowaWe3biljYN18Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8bAwCRA9TVsSAnZWagAAPrcP/3NJdbFquKkVwf631/RC\nzSlKh/ct4YI/5BAgs1YzkYy+d6oHo8u4bSBe+aSAZGvnjTO8m1CwSJAldNHo\n4F7HVupotaZbMMUHY605tJx/y/XuPyz5kc/Hb/niez8qX3lbKHjCpQDgbRhu\nP0pxosdIt8iPtYcEJccVX4q9B4859pqv6KLvgubxzvmn/h8UgSAda8tiGPOY\neO9GMrYJ6R/BdB9utpK0oFm3PXtyXTwD2a6fSvJYJwJnw6FwvQAP6lt2zXBz\nDiOXYsbTgqQ1hbYBl2Hd9AifkgP/oR05oCs1dboTJ1UL29YDyC1svpZDOSmY\n1yxi3r9p+FlxH66DIsNnM1nIz45dBF+Ms9CrID2t/L2Md7pmGVRkozWK76u0\nwCEG7stCXTis1t8zLIssNZhzuxzzG/CGuvrlrHPaMV65/fS+IfkiUK/V17/8\n8iu6caH4fay4OWPeO/s6kDPbxU0UWINmbkxuNnTjZbZfh2SyG7Ofh31z8Yx0\ngKlZJSNWL3EM9IW/tWCBJxIASOp0k8F0wbLK36f3hWjJK4ykcsauUQSFil8l\nCgliGnqMjBH58NHZBtUFjWSgkVuOa1gbxGLsRSkzAgcDMRrAtqbZdRgh7S6h\ndd7EJLnLssuo36UBjTOzYcGqFttExI8kLLHiH7dMmtGRLOWv87ai8yOKqy5u\nN0YN\r\n=ExQy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.d5f1f7c72.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.d5f1f7c72.0_1626452015849_0.9242435226799737","host":"s3://npm-registry-packages"}},"12.0.0-canary.4d95812f9.0":{"name":"@material/rtl","version":"12.0.0-canary.4d95812f9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c461e1763da8fbb8be7e36f8bc9bb13d14f7b0f8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.4d95812f9.0.tgz","fileCount":16,"integrity":"sha512-uOP3wa58Qx9q2dw4JtzgPF3I8BbPX+pshKb+I/w/OsWlD7C7Ic9eXUBmUtOTxnLHTpGjp08xyBcEBAfkXrWr/Q==","signatures":[{"sig":"MEYCIQDnglerQqPwcqL+ujUxbmnlSU3VgXgmESgJrBJde//i1wIhAKbvUTp0KqUTOpjc9oxBh8x2lbnKu0iEFeQYyJWcCUKe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg8eE1CRA9TVsSAnZWagAArTMP/0p9ZeW2Y/wc9bgV5N1G\nIGFXNrOyuWwG84tlSyIrlYvYfJj2IIyXDzNmbNPetvgrGeNzawaiVhymmuRx\nATWNmWyJBbqdIJ7GTKiCc915idVsghJ8U2QE7c0NnZj1ALs6wiJYHlTRKqgP\nafk2hV2FZrEa6x2r9Mfjvx2OgiOQwDkshWE6cUBSevDdQwbJ22rl1kyn2l8S\nF7yoDjNagx65Pqm3jTDMCgKX16LmKo+BuBtwrv+g4NCVWxuiv5LIRNrW4jOn\nAcIQM1jazhW+eX93gPKCAjwkqHsMo1N0fTQWjmVkYcWajKOEP0fpkZ9yNXj9\nUBJCAIFBaD723MXn9Cvx9H8ikFaHcHH9PKyh1knv+pi8YJk3ZFIsQKTOQTk/\noS+CAwrz2QO6vvFvpQaxAmMrpj+hScuUc8FAGkBvVdnJdIXrAuxB9qX/4qTJ\nvJebN3CRRRjcuoBVZJTAxusVTqAMJ0Ky6/6dAgP6/o7EKSQ0v2aQ2jM3DiXE\nRiUNUE70eHD5OWIZlMcRixPD8JsGcJYPOAaOS2dhFGnEmTlJZ3t75AbgA/Ei\nndOo6YRFGYslZtwr4QjzYBe1DFR+tc4/N9F+TbxlD0uPxEBjtDvPh0FDDq7X\njJf4nEo4eYSdQSDKWRe9mfucpdDKIuxMOubTd7b5B1wEkeEjVFj2fh0K+gUy\n2Cji\r\n=5KFy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.4d95812f9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.4d95812f9.0_1626464564975_0.6348992425006175","host":"s3://npm-registry-packages"}},"12.0.0-canary.38d1846cc.0":{"name":"@material/rtl","version":"12.0.0-canary.38d1846cc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ce4297d929b706ca9231ce7e63df8534eb38824b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.38d1846cc.0.tgz","fileCount":16,"integrity":"sha512-4bqeNbzMmhpmYT6AxZ7Yxcor7aErUKYrbYxPKVzEo6NbvqQsWM8ItxW3vOj1sIK1WpFaKwWPy65M2fHGjZamtg==","signatures":[{"sig":"MEQCIES04MVA8zxYcn3rKVDKiBD6RXkrON1uwgyG7srV6i5NAiBRE0Zq85jumnBoXdlYlaKfOmCnp2JiSYeK3Jw7Y5KLsg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9cdkCRA9TVsSAnZWagAAxZYP/Ar8Lpcr/QbXxXaFDMSc\n+aIceS7uB0Y1pRKga4iAPw2jQs+xXrugT9eY3U18jaBQeuJCMcEjIpsi5HcS\nl8Qqd0cy1v5FKtT0VC7ihNA2RkWyXmbhG4dEz7+UngHokz4dWiSa5F3fWTg/\nti44wPxKoddYCcwLcS5EwtKKd7jMZ2prQbg9EMuf0gcddZPuQnyg6czioUIF\nrzAvi1yOhgQwlBK/+OtVtZ2X0LLUjylTtNI76ytr3+kDnD9g75mStANConhG\n/0HLeKR+WR6f0vQ2S7xPDDdi/WdqabgI+U4+VHJdqtAsIa6nS+1pN8Lqg6t4\n31l0y6TtiHe0vyso9+pOGVoU/e6csh1sOpoejahPgN2y+qgxyr1A2FWZV7Af\nHc69t8IAyvmTL4tdtrtGwGz9Emn7pf/DeK90mLOaR3KNEUI/UJFfe0acQcBG\n5CMaJCM7DBqv1RoxtSZt3xOfV71EfAgxbG6uzPpYyJKxkGPdMY+kou3PNkzu\nrjizwwsAfboRtoUU6p1EDAeG+ax3CNA0CQJjjewYbYjI5IWH0017Vw2RFxte\ndT07M3RkW3OUn3QieGrp59wxwh52jU8azAkJtnFocsdJppyNblZwKxYnhUWl\nvHOucaS/2rNgARrqrj3SaYsMvaMSULkXh1vJCijk8harvB+0SldOXHfMiipa\nAQ0Z\r\n=G5BP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.38d1846cc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.38d1846cc.0_1626720100496_0.1469453863962218","host":"s3://npm-registry-packages"}},"12.0.0-canary.3f691eccf.0":{"name":"@material/rtl","version":"12.0.0-canary.3f691eccf.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8062fdc6b954fa26c476285526e24ba58d1aafe3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.3f691eccf.0.tgz","fileCount":16,"integrity":"sha512-wYwJzsfhGXFGMyP151OOWIno8/O5AP9mnjYhFFioL1EYHUi0fPfhXExI31b9X7Q2v2A5cHYUlaf2YpXjFpoZJQ==","signatures":[{"sig":"MEUCIBswNhUXJ9WKsWJhYW8V2bVtXE3EpFGNB8AD7O/0LHfrAiEAiVN3hDtnSD5BB95fSsvxeC26xdWCHykhr5Hv/i9mIdU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9vT2CRA9TVsSAnZWagAAiVMP/AxGoQ9hRA7BzLZSzW+p\n3LhkNYnv8iygV9uC33TO00e5bjUQZ8mPxJfs06hDOOViScgljTST15J8am+I\nfWi9kcU9GfTe3HJgsnQYiBO0GQ7Dm+BiNlznbih+ViJqhpWpFtKJ9/XgMepf\nuKk3IOlG7kU4gbwBq4W+CcLMtraSfafSiOlJ5e+C9bOK8bMOlXw2kNBjWcIT\nn4obJXGclNjCGdNSZo/h15X/oQ3Mi7P3neU1NH5WB5fkx1zk97bdbhSWETkU\nhvj0VQVIJynIK7vW8gbhf9kmSGW4P5L5IewcGIQmgwy+ytkYeRg7WtfC/EgI\naqhcCpGuoZb24ks0eHA1EE0vbkh23C3nDgZt5vV4tdeLgLJPR9axUepLKh2I\nS64om4cPMdGkt72a/l/pvUCa1uEnziFcPWIsWp+Jx2VH+DgV1IQOW+WL/zJ7\njlGnSoJw1XbsAxNWhiRAWp82Le6ppSJ2/X8/gC7Chk1pvKtswib8kYDHnlUq\nOC6DIJJ7okM8VkQ8m+cPVvsJcE6FZeQGy+/UXjzFMbo3ocve4ns2Lu48zIpp\nfKTCLLjSHBxBtM6M4U+B9hDJzQ0IHBey+crMb9jTuwlHlZHuhXFZ4bySO8T7\nm9RVWpMbLSXVJ0LP5Kn4NAWzGimnjo6gLAv4tKMOl7w/CxFu8OQer3VMXd3A\nq6WQ\r\n=f9iC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.3f691eccf.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.3f691eccf.0_1626797302201_0.8252532802448127","host":"s3://npm-registry-packages"}},"12.0.0-canary.ebb5c73bb.0":{"name":"@material/rtl","version":"12.0.0-canary.ebb5c73bb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3660720506b1bf015695953ec26479800bf9d237","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.ebb5c73bb.0.tgz","fileCount":16,"integrity":"sha512-Z9zn1AKuHtRJ8CaJHzLFnYRnI+yZ8e0PXI5Ro2AVqONqubBT81tmOZa8Dif5DrY8dcDXJr2rdv7GC8yfF0+p9A==","signatures":[{"sig":"MEQCIAqqOp2d5wslj3i8vOp90w43q9TGu6t+aAe7ehr4aNrIAiAJMMXtuTzrgXBE2SB9pMbOJxKRZvn+VryX42Vwityt2A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9wA7CRA9TVsSAnZWagAAk6cP/3NMrRtjhZ9XKmHljjO2\nYMkV5xB7xl7BkD9Q62guqi0xI0DzHvSKmXfVoAQPFqq6b3lBJPn0Dcj/qTGc\nSN4/IP/Iqukan5Wrr09H/m7bldMTgoQVkCshmZiCTC0Bu/o1bWOeQtgi2IcC\nRaH8ebM66ZQBREWpNT7l8Yu+HV6BQ0N2TfWqkP+af1kGg7JXjtckjrbe5Y7p\nARtWrzIo2Z7ViQEQf/+PmlgIhyjUkRd4xEqqbAK5t65E0zgY59Fqx7hoLDyy\n5bWh0AYN+t2wWpFiLnO23f5kjU5fTeOfoFjphRjZZtJLtj5mdE+V/hqzdJvA\nYKn+ulxNeUpmGYZVk5Uuclas2+yCcqgizokP6SnhsNkTwr7DowtwWMxYoBRS\npuaVS26C8TLFsfsupvRhE425MdLrWURUzakxwk9SVPWcWhFLmC2SQM2kUn1T\no/uvDqp9oKzxnfpWkBKyeGFpdYtMpzP8+vbEkeM/n0l0oR2fbN8F0vM6jlcm\nhlCqwTT2CjezDMCviulMSeDVvPsKcq97GatWwlL5kbC0DZ9d5hSsh63rWieQ\n9Qkevccud/IjSw5T4K9ZxkhXKlcPJUGw0z0RA0kHH9IQFTtQsb9LVJ9APTio\nITcTTBfDsqGJG4eHvI/8eA8oplsVqss2750Pw9AYzRhdqO+rlPSsd94IyKdt\nHy11\r\n=Ot2f\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.ebb5c73bb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.ebb5c73bb.0_1626800187269_0.36617972133002463","host":"s3://npm-registry-packages"}},"12.0.0-nightly.778a0e8a.0":{"name":"@material/rtl","version":"12.0.0-nightly.778a0e8a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2ea85e9997dd82191b0c44f34de4d5eb7e253091","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-nightly.778a0e8a.0.tgz","fileCount":16,"integrity":"sha512-v0bah8cjpwzHY3apC0a+54GmvEjSUgXQc4bY/0zZI9meZDaZ5UVvyGhFH7DMcpR/bWcgxYmcQ1L++/tmAxiXKw==","signatures":[{"sig":"MEQCIDPkL9z2s/qn6YGj+HtckuA/FSWTec8HZe30jDtZWobmAiAomwrk6mmHkvCu9shXowaT34oTMNh7lFVmDZXzea+tBQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21453,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9zqCCRA9TVsSAnZWagAAHTsQAIGW+sgBvHc+Wzi2xaUw\nEQGt4S2Bmzv2CqDAPV2SZTTjsvMm1coPE5t34qA9aKuR2LN+O5RYn6ywEvG0\nQkdotTnNQjCVo+/rRru1hS/M0hlHee81+AVemgoGUZQujJSh7G6wWOyE0/TN\nvsXK27uco3eTet+dLx5WhqugYLX0zkcXvoA9AaKXGyygiO4FeyGM4y+NdQeG\nYpHPVglV6nAY6h6aZ2p61/51KRnQ1zLJSlPnQ9LLUCQt2zQtHBk3gjm/DO3e\nri1ltfCJjcLXU4IdHMLzpVAvEZFvL2TsxbK2IZSQKNs3Xw/Xn3zXL8jIKwUr\n6dMQbGzo6wBfvVAVs8TeKt7dV0qmSr1WH5ck63pxL1kJtmlX9UB+Lzidyn7n\nfSpqhFugVTwh3SEIXpFDw/Mou99frqf9s4/nnbtlY11rzQbKfclRL92Y3DLv\nzlKZNhwbblYjtODbFRV/rFJ35RYxd4hEKWsJzVVPhzXNukU3aqO/grfnvQBD\nx2xJYjMbD+tcy5mQjZg6uwc3nV58KvckuUPK4mPQSU4T/uDXtSZ3Wmqhe1fB\niVofZySGtID1O0H0PuWliYIStzJ8h8gf/GZ/g9Xspp+S8IspruGECLkAW17W\nkeJ1UDfaGDycS7xwBA+6kh01ActRijuXTriUb4viZSDiO4qHYpqb/KkHAqiR\nU/Rv\r\n=JWVj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-nightly.778a0e8a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-nightly.778a0e8a.0_1626815106517_0.4649308094606832","host":"s3://npm-registry-packages"}},"12.0.0-canary.791311bba.0":{"name":"@material/rtl","version":"12.0.0-canary.791311bba.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bafdca352445b6713d1179fc4c2b797d1a0d2b3c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.791311bba.0.tgz","fileCount":16,"integrity":"sha512-AAwJEC+6Z/uvkJTLMStzIXWSAEhTyN70n770BOQNxp/Rk+XNHiBfboEg7t3x5oWfnuVxSSdBYYl7XUlS9T6DAQ==","signatures":[{"sig":"MEYCIQDxXd88FWNWxv/Z5p2ow2HEWNYzFu+DFlA2viEPyiIOKQIhAJdMfS+SBgXQmaypnAwkI1RxzJWmHoGRpQH+EyOZYT7/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg90kLCRA9TVsSAnZWagAAUfQP/2qrjVexGIpPVzmWAUEL\nZEZmMdVYj1KIc86rIl5M/d1odfb+9J58yhOOUl4F4LVB9KqGGAgI7YYihZ9A\nSwuixOsxCtHzbCn2yZGUJgjwc57ojYX3lkHPN6ojB3TlBYa75Nb7l+mQLIia\ntKAO1k2Kgvs3CedZRYOaR0+HtoiqzTy6z6JmN2hxNTWPp6y2A42vDj5t+MvF\n5E1Oh9Yiz4Okk+zoyDw6kPzvvItMKYKAsgrdrtXBMlPvKNyjtenKQk1bIRLf\n5dAy4gc6ZdbZDCsZVP6CY36QjazA/qi3xufPvz8yA+8CO6HqzZmEi3jF9GVY\nXe4DXndPtBPiVjrjmrlSW/dtCHDex+dDaPmY18sWD15/GZr67Pwg3og7mBJl\nnYSriapGGhDx/V4ZTNVjN0rwwKn0WyxsPkrMzCDX/fWbFGzPqMX7GaTk7GAT\nilPO5EoaKPvomsWrdue/PF91U/RKxO2/nrcBRkf7d+abwU3eJW35QdhKJ/xk\n7QI3fzXtCgPVTemRi9d/poIUk4843obUICHnoByWqeWXT2vKPYwaqVjMf0Sj\noxW8t6VitQo5HKkv4KZyttXA3+dtVo/NcaaDyn2p7sMTAs+jrIbgIAf8pkNh\nyP0q4msNqvgeGpFJlD90MMOAajIlXaIpSi9tntlwsk/t58Ntv+h25+x9cedZ\nbQg8\r\n=fCx6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.791311bba.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.791311bba.0_1626818827780_0.7160761956700492","host":"s3://npm-registry-packages"}},"12.0.0-canary.85e9a6ac3.0":{"name":"@material/rtl","version":"12.0.0-canary.85e9a6ac3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3ae5fc490a24f89f4be2df4a2655f947f190d960","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.85e9a6ac3.0.tgz","fileCount":16,"integrity":"sha512-FM6AdLlVT4dI4Pw5Ue7rCV/h73CpAvEFMdHwZ9UduLxqu8lRCoare/jhCBnN0j2QXav2Jzg3PHPpPmLxLL5f8A==","signatures":[{"sig":"MEUCIGg6L+Lhs0cdj+qrsDqYVL51uOwMfe12mhAdWjzNJjXEAiEA2zUZpDQi/TPk4+ap82Os1/br3xW1fQR/ShUmBDRT9mo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+D7HCRA9TVsSAnZWagAA6icQAIB7N+BArp9aQvtUC13a\nCOuVEr+1JCeIYadSd/Ywj3GEsGdUUGbS/06JzblXiWldVVGVgTrFU5EBh4by\nUQdcMRQXDE7XziQWOiT3Nv6dG/yYX1DmCqgezSMbPKNhwvMubTcvRI3r97il\nGhyyUioJxumWxpmYJnAPDEa1NvhmO62qGQe6fGJwgmD1godEH9PwF7FRAa3z\nlgzHB7MoIrcjKe3o36sVI6eLUGrCZ7DzI7JOFC3tSKqWNUvlp7G9qo9brqXQ\nRi6WXnSQnRJFaVRCp0gqmJvIFQo6jLEQZDOwP6lJL3wxGQVfI/WLIvEvFAha\nXzT862W6QzF1Mf84H4ktDALLlo4iKdqCnkr9JMsS0yAjVw2Vi7SZuao4ASRU\ncERdCxSTv+xEJ7boX87Ri4xlKPKaedVgTBnL5QYgrTMJMxLIulqsHltx+kaB\nT65hvByeQRMACny5GXeCceLK2Hg7spjJU0YW+lDtioSStbp+im0XeQt06r04\n40pio6prwaXvEciuKYcDdo1j0+hW3iDgfAXeRHjRxr5vYdV0Vvqvgo+fN+mN\npoaaRrw9xQ4M3jO+lFB2SnLUu8/trkP3/tVzYfhZTokwmhUWFJ4Oa4eGt257\nuDgCx6/dTjV95cSrF0K9n0XOyJ+1FEtaXIIP9faoSTGbGncxrZf/uCQRC8YU\nPPVn\r\n=HFM+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.85e9a6ac3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.85e9a6ac3.0_1626881735426_0.7602900740467922","host":"s3://npm-registry-packages"}},"12.0.0-canary.6b0442278.0":{"name":"@material/rtl","version":"12.0.0-canary.6b0442278.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"43567859767772d7f212d61c0a2e87bc94f54bdb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.6b0442278.0.tgz","fileCount":16,"integrity":"sha512-2A3hLRP+8+4xUMOHJT6EyxIijcibzjG9zoosrrNoDNaICN51RxhVDq6mX/5leFSpg6b/KuhDYJkes8vXBKmGRA==","signatures":[{"sig":"MEUCIQDh1y7W4WQn2uFSXz+pW5XiKlKIR29D+Dh1gZzbL1vI5gIgPDgQ/FlVw4zFNcbvq/s/TFCPemjbaR+3wl5DuFlq0cc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+Gw3CRA9TVsSAnZWagAA2GMP/jmgz/QL6soIyve5V+GS\nesxRBiSPI1nPOFhGtdnMmoa3gpwA1E1JXmgIxWq+r6dEdHgFq9YVArawKwXI\nvaXFFi+0RuBK7FUd/psHxM9/UVhQb9sG7huJer0nQnBmwP6WdFLM4jcfb/MF\nKtpMow+/rBfveU56vZFRBd0Q8OeV3M3tOXpKXzTUpgwUW2NgVZXs84LszKnS\nM2hvc3JT023u6mTGSg/8i09/11GDWBo8GHn6dbztKvrPo0VVmmFnoWxZWDXY\ne1CrFNFLcCs1P0n/X28Zci2lSGPvxwBtvfwZuUm4QhEj/9u+fzpoC3lG5BF+\nFwM81rEa6Gtl2YpDs//tWfsF1jAfOh8u8Y6bVA+c50//Q5K1fh3vd/HmtSlF\nkqmAWiUbCfSgYPzrMMvCTh5mEmePkF0WvTNztkzIckZu/22TwjCAx8GZ1DxW\n7CyYzU4LwZWKx9HyrIPV/ThNHZ6XV6ykvm/T1RI7ycbwcOBkCJI9cbIVSstY\nvIKUts1XgfWDSQcZnP7WFoA1yT23mlWxWSPVid3afSZMUX6fucoMKAfrA3O0\ne8f3fFMXYiq6HkOLUOCrELUmXVJVYPeT+OGf8FUpS+/DhCkKwLm74Jm/SinJ\nwoM24Rmrh1xRMxalgBrhHKuDrMnSANCjPTj4uqcEQhoV6S1UCxpaD9QoHHcZ\nbqBI\r\n=ndbn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.6b0442278.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.6b0442278.0_1626893367323_0.23818656824502726","host":"s3://npm-registry-packages"}},"12.0.0-canary.5f00e454a.0":{"name":"@material/rtl","version":"12.0.0-canary.5f00e454a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"dd8ea0d97dbae6ae7569c519a9988204904aa7cf","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.5f00e454a.0.tgz","fileCount":16,"integrity":"sha512-k4ASZoKb9kdAXO0kVYWemeMDHV4/TlpW8iKOPjGJFHEgbQy+SobKxzmjU3ssJ8AvHJQS5oUjlmg2j6qVMUrl+A==","signatures":[{"sig":"MEUCIE/EtAFbrkvO3Vh4OzErazctPKYVK66PNQ+6tvYs2MBlAiEAzMMIjpic4J6KF8t8fexorkPsTGpzUyHNZfHwGuf91QU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+aV7CRA9TVsSAnZWagAAUmEP+QF1Ma9SaFltZU3y412i\nWii6q/kn4Asq9/62YhcibGQ6f07ctOqkqE41jaSYJH9FuLdwAxtxqKQPAzjK\ndpI+Z7+dnOL2IPesa6fB20Q8gxhzxNsYaUC2YX6fLrV43+5JjneOXDei+IXc\nHotB1hQfyHNiBkSoYiQqOrXpLU9i0h2vznmqlLai9GuI95q31Q0du/IieMiM\nB4qnmcb9fQh0Y8OShs4+Wo8nbcuDOS03hi1LrQucUffAVstWNYls8JQuws5L\n1LoPg5dsVv7TpUxqOMWziMqtF+K4vypnaFrzx9f6A/D6X0vHJAfO4P5jnJGa\nefOeVywK3pz9DN5qaNhWqtd9QF1579Ov07iYt1h7UoQmUaEJL1fd/uYY0bm4\nc55QtssbwSgbwdxrjVrRobwV9CG365UYEuWeuAetjyb9VpfkJF2mmsYb9RPU\n5GuXgy+Nca7MPvtsYZrWn9xlAn4vhkpaJyniqdVHCBW98H1t2LHMKg8wbHUS\nFxzUrswjm+DbFNkrD4BtPoaB6bJXzpCcb/1vpsw9MGpCBj2SFf4ff48ViS8w\neJNNKzM0Xuj3pixTAYsYPCihLVemaI0VfI8c11kup4TteabtUtK93lSdEqfK\nn+5kfEonER5l9PRV0BKQkReL6Ihi6RjMBztvY552H9HvolBbqfWElhofAw6O\nTz1t\r\n=OcDo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.5f00e454a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.5f00e454a.0_1626973563059_0.7447481749663558","host":"s3://npm-registry-packages"}},"12.0.0-canary.90e08fc6b.0":{"name":"@material/rtl","version":"12.0.0-canary.90e08fc6b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7f165d1550a10d6f07f9ae72dad9ecae9fa838e6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.90e08fc6b.0.tgz","fileCount":16,"integrity":"sha512-3VNI/aZJvY8jLDqlqWPTOC82z7O42ZwCQINLiSl0rDYSPOFb8k9lGpfLQN7FGkDJPUYx1CR3287TqAVrsWJXkQ==","signatures":[{"sig":"MEUCIQCkcBC06q9nWvAxJlV0UJsOhsUM1BnSdgWn+/6MkbyObAIgHKDDSv5SVYiciuX3bgeM5s4rOIiB8x/uXYg1PRptCR0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+gFWCRA9TVsSAnZWagAAfIIP/RCDrMTsT9Y+XdMquiaR\n/oRs+KO4qKbgKDD8qtKZPgfN+Zl+SrIgFugFeWU3fwE1PudXsCzDes/F1k5X\nLNyZ9ZUjZSIrjBZ5f3dCOZ/ckBhDFePTp4YdKOBXfTX7MwKaCn27XXcuCD/5\npinQwgVWxU0no4FxOe6kukh4+ukePYRhjvZfT6LbZ7Qp6wblAm2+OFLpYh4M\nKf34Osws2Nnd5Vabgiw+8B8QFB+0I8BAWl0sp54ShCfF7riAj4QIRZAprxOV\nH5al2uappzPi+IF4sPt9c773awGunlvaFKd/DCXzU825I0v0HNKXnBuhpQgh\nDYz/YZtq1EAeoRrEhou6WOzJHJU/WBA5PXbq+Xb/KoN7XtSR56HKdttVx+B6\naBoR/A3PrqB4v/91dHerfuYlcjvo/n4vG7Lxh02WpEifX6wNyXwdbvZaRdeu\n2/QmfpZ7fGXJ4cDz8NBBzpdL8pCOI1UrLG3EvpJKxtHOhLXG7w+AHriQ3oiI\nvOJ8fvUJPkl3DzBPeDFYcnsJu31jYN7BXjueZDrtNHbH1eCzCqLM/6gi9epl\nltcEd5bQvaeGH1HbIQ+Tjzlas4TukwsbWYZSRITNFExYrReogp+RF8jtAXaW\nbfwf2IyXLX1hxv6Vnb0XI8ny/rYjdmZqWdqpoqX00kZLmKxcBcvX7TA3CEzm\n6atW\r\n=RHG/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.90e08fc6b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.90e08fc6b.0_1626997077998_0.06270018579362402","host":"s3://npm-registry-packages"}},"12.0.0-canary.cf5b9eb86.0":{"name":"@material/rtl","version":"12.0.0-canary.cf5b9eb86.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5e8369a6a2c21769dcd5429a9d0397b226845ea2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.cf5b9eb86.0.tgz","fileCount":16,"integrity":"sha512-aegoixDUIchNGDcQPTpKDi9BgctZtfvH3YcC2LMfvJdYAHnUrPcRUX99ENMj4wjYfVHdBbqvCCXcX5mXgtWMqg==","signatures":[{"sig":"MEUCIBYTUm4un9bO63ERTNJFxPax3Yb+v5Ss9AXJhLfk2gzXAiEArThOe6A/4CcL0Z0Zg/ireTRF2j45HEIgtlbmxR/ETr0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+wZpCRA9TVsSAnZWagAAcEEP/RMW/mjuPvr8QLZA41xb\nOC5pKDLk6o0N92eAnRL79jircM69A4nX8vvB7yNDpVZZpW+BwxkifLUUvaJI\ntMVkAwTqOOrlw9Ox+TUQKpf7XKuEoYai/fQMfrfchUiBmTRKaDKcfrTRtsBE\ntqPaPOrnevCtq7LvJKjR92zdO+BMcv9M1j6jS4phE4yF00Tcd/OXrkMfSyC/\npoksE7VYhkBH1+wpKmoFjiyveoEGZfAXtJDgsUaSEa1UyM7Llg2zVyCFC1zY\n5rdOw2Xx17Rj5c0SJUfW7Y/C33i0S5o9na7ZajNDRW4nQ3hmL9SYo9JPbW5R\nRq+v9OMOm+Pv32z3WR48nHGjHGA35y4dmhRsaXuVwPyPNDzZBLRmAYIuMphd\nczu2cJA7AUoBGypRzKouEJQx9wkRSvEH9/SMtv+kWE0ZfOk9HF/Akar68sMC\n3isOc21Ozh69DHfJ9BXsInlNcydi5bml9xKmKb9jN1syXsrlNEPMZMuMlbsU\nhS+IQtwfhoNuMybqUegztCC7A/mleVKyniuF9AYGWxnbUjpbNefVJSG0pVRv\n6bOmuZlojdh24dSTrpEen3jRCgLgKN3Ci0+bVTzqPzYkbYUpxXIg3tZlpSEH\ndbpaiDu+12S4Ls82uYk6EqDw+tsdGITGZ80IhWmF7eC/7JFGcPxkhq/v8xgn\nhxqp\r\n=UoVM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.cf5b9eb86.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.cf5b9eb86.0_1627063912884_0.7467847171122517","host":"s3://npm-registry-packages"}},"12.0.0-canary.3f36ac75c.0":{"name":"@material/rtl","version":"12.0.0-canary.3f36ac75c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3904cb805725bc7d1510773f1cba11495164092a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.3f36ac75c.0.tgz","fileCount":16,"integrity":"sha512-oYyB2BZ1AgpGDVflQPJEtQRYvhA9boV6fqvVHE5EipfWATtc06wWGquFMBUFD0HLbmzMfsU9//dwghKzOdi8AQ==","signatures":[{"sig":"MEQCIBU95TGVqTt0Szz5/CyboAeDU8dPEqA4xz1GnNfO/glwAiAJ6iFJXNIh01PMoxp5NttwnLVaKFDUlz7oomeI/ytz1w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg+wsYCRA9TVsSAnZWagAAyUYP/iYbg0qyMs0UhuJjVyPp\ntWSt5trQkd1LVaDIeBIOhJBuw/KKA/bpp3pH2+yj4rzAbcDTsPTJ2K6ww3ii\nu/bIRUDnr8UuVH+TPSl8VhzZJ1JoB61x01LY4Otjenttr5VipAL6qnevsCHg\nZgZyvwM14Mef7vwL/i5JC4znc6TwL9Pt3c8I5/aDKmK5wGSJVhQpWHewt15K\nESO2esRp9mHACJwhu/nB8DeP558t88leGZJ9hJqmVkzM62TyZP9y7Vcf93Ci\nCNIH5dWCEhfylpYXZIZnHCxxV0PJQZ/jElRDJM/UevLgMJmQ1WAnf88ypifG\n6/Jny+0cgfzZiTZWKIUuWMqk7EwLUKezaN4YbMabdsJg+hEHTAZAKqz5G0Kd\ne7kGcLL3DHI/Wq10QDQy00zwOyFxbEv5nvfDlB5/PPa9ktGgmVn4YPh03C+2\nSaITaNcOO02XYuQdaGhJPW+BBTri9Py1hnDpp9UUN9YNTo9TMRiubhTNUAt7\nH8our3fV1UaziEqJLly4IMkoAgapoFqxcJUwHtLZ1MdiLkK3Sb0wGxxiaWEG\nj1Qyz8+h+inCnI9u4WYaR3ZY80/oE1n45rbmJG/ZouHpjvZh62Q4cUa7wrpa\nckM56rCUyN4NmPJy8DdMymf8fq2CO9ZWvEQ/mW/lSfywB0ZQvdP4phzhdEIG\nsy0C\r\n=SGhl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.3f36ac75c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.3f36ac75c.0_1627065112038_0.2611865950713381","host":"s3://npm-registry-packages"}},"12.0.0-canary.ea1e1b850.0":{"name":"@material/rtl","version":"12.0.0-canary.ea1e1b850.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7f522bbadc0981c86cf15df94fd0ecfcb3137917","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.ea1e1b850.0.tgz","fileCount":16,"integrity":"sha512-MympfuQHBWJ/dg0qs1m7RBdJbL59B+thDi3bkyxl7p1Jb/71NOKpR/BT1O3ANwJKzsCFS5Vt0wLrcyWQOC+l4Q==","signatures":[{"sig":"MEUCIBCcBCrZW8WaY6k4uXMyzHCtwX4wboNlxqIpj4QOknLHAiEAphd4kCirlPUg691+zsIozbcpMdHXhY0w2ziyrsZWWNU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg/H49CRA9TVsSAnZWagAAaVYP/AsKs+FlnIfIVXZb2VQB\nbpQd2+DjkGgEROGOk/jWxy7bXT63Oab2nArN1WpEthucuawBrh05JEkBH/25\nBtzZxYBicXYC/ltgHoOgK9cNqwabCDpprRiutbvj4rtVx8gUjwQvTZ5/B8vH\nQgma8LviGGktpHiJ03dmtA3bkAQmKJdL+tp64RZKCzulzrYZH/CBmkipnhho\nnH8zIFcPptxXFW/NAe2FdXiwL+miTAbn31hyAXPAhirgyLKnMm2NFLonGnNZ\nfxjZnNSuxxoEwchnu43GQlmSRab6/2pWP72avA8GyxB4jxF4nCnjHS+uYxbH\nzlnvSOSXjnvTaUrLAKGIytwg7rwv9uBq13FpIBF/A4IoymWiGKeWBtNpBsuM\nQvBStqg6PWKBxvrkV5vCbZcn6IotOtWal1FMR2do5bCSEUjYpziGE2IR1n75\nj6ydIKu0hjrdXeQN3oYoNJXVCjpPbQKkNAqbF5sQ1HGkRWEwW0SMKB1x9KuM\na0rrYyYT2KgaN1lCYvrDT5/zr+sB+kuZl0DKmluGmSR8j+u3820v0I0brSoK\n11j5BlAqNAs+AVeTyXXaIb9Rf73IxjV5BlK/nUikWtrHqqX7ZLCef4KaRp64\nSmW35QeiC1X2r10+0GwNmuxOxoqcrwtW7IZwlrZwY4/Xw9UrMGWH1fd8KUUt\nnCAx\r\n=nGUZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.ea1e1b850.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.ea1e1b850.0_1627160125129_0.3150319307601126","host":"s3://npm-registry-packages"}},"12.0.0-canary.22f390c43.0":{"name":"@material/rtl","version":"12.0.0-canary.22f390c43.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"59097554b3a9ced8654a5a353d0d04bec8dd6335","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0-canary.22f390c43.0.tgz","fileCount":16,"integrity":"sha512-v4Gj+KRuvW3305KfneeK7UMmn3vZWla8XQwFc3fIRMpjOB10ct4qnixvU56SmBxW0dGuY6qfZ0KtmCI8PsjgOg==","signatures":[{"sig":"MEUCIClEL3BgDfXvhtw7Vdlu4ltnmU2BnYAxR2XZRwWiqYFAAiEA90qwaZPO1mK4w6sA2ms+je48/GrVQVG6XAPdGZHdoE0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAFeUCRA9TVsSAnZWagAAoacP/jEyJC+kwudyaiz9uOTj\nx27igZcouChgSIFqdCCp2cSr6qjJZbZrmgNpEjicXX7Z3AKbn+nIwIeQxqwH\nSCjKsWnB9yFpeF1vSpIl+k74jYFmW5Bv+FmJE+NgdV9AF3f7YaC+5VDexOmL\nEBSr5Pzpa7uF0WYQ2vNUl+alLUl9Nx+y6+QozRHOk4Q5zm1IKas8nVJcRQxw\nt50zAFdjXO9loXJ1PRLfAnAbxR7Ku5qF/HXGVjHkcq4QlMvfPPUT/BQkUue6\nsP+7E+2MsY4vwIwbdPb+USIlxJ/qij9uivV3Jvf2GRMMe7XX4+GRCfv5Et3j\nuQ8vi0XdGclsNuZ8VJN8v8RK/AZIqps+R+dAGSuwiQ3fvQr6pok3TfqoJNbZ\n1HWRkXUXsPuPH1Q06DtgMIOCTuLlXIpmTc3p9+AmrTw0Uxoc2b+PptTaCswi\nH2uAlZ7WqAaKsvH38sypRm94Dfp4vzs6Xwzut2v8WgNmK/yyW309VtjmSFOn\nAUyFwRD3VBlJb9Cmugdq0FKf553WE1uLJHgkpILth7FnHC8q1WZnto3sG7iy\nVwGAfTIsWgkGFkibmi0qCjzltSUAio0brH/uK7wlESkurWaiYEyThD5DHXqT\nnVyF17K6rBsnK/vCk9+kU1F/S1QbcBB+CKH2O4R4SNw4E0Kd4eyd1aq31bHO\njVQP\r\n=/CvC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"12.0.0-canary.22f390c43.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0-canary.22f390c43.0_1627412372156_0.27479607026561825","host":"s3://npm-registry-packages"}},"12.0.0":{"name":"@material/rtl","version":"12.0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f095701fe78306ab637d70ce0e45fd691486d765","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-12.0.0.tgz","fileCount":15,"integrity":"sha512-JmFyyWr2GFa1ODSsq0jaImj6NprDpts3L3riyvsTQVnJDDKyJwYkyjFbssuIqB9wO3IfVPj5JyTKNoTLraW7dA==","signatures":[{"sig":"MEQCIEomJvukWL4v3haZ6pKJ4Qzp+DxwiVffBa/W2qv1wT9SAiAJRIoUYUFIFsE3vkulNnq7pKpDvDWhBgL2rzKG/TvrAA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21153,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAGNKCRA9TVsSAnZWagAA01oP/iK0hh+kPQ6nNf0iAGFo\nvnVqafRpZebr7OuWYCJdctMjBrEV37sPtekypk5JcwoGCcvL+pli6JOI55W/\nU804xqHHHWpXg8iM20fdyJmZupM4x3ozAEMJjclWADyXx0Z8zAUvKmV/Fao/\nQd5J8lBysCc3CmSi0S0a87TNWIU0u84rpsQ7LHNgY6B2ItQxyVSkLUpaZFXc\nDmhJ0LWgmM7BwAPEqKTQ//UtgYujzI13KOvxpgBzZisHvfnTC9EzQgP0dN9c\nyTnN6PnHIaIAzI3d7XcIz9ZqruHXawV8GmmKC8405i3uZgCqLbYjEaDTTXn5\niYAGNgM8dRgc4H/wdQkxsbpdy+jdTe/47swCGXZnOrtdyCn72DR8ffPTtPDw\n5eHpZH3xBj+Jkl9JHj0NxKitU83Y+At7KMGITjGWA2etQmcBr6L1I+wbnJh+\nRsfdFVoDRt4uzvXdmrF4Zs5ihZNL3pPwnsCtIBC+XRRv79ffAqz/hahu20UA\nNzLEpfwcnDCISTH+AQx5flSvnehgnuYTKxRoUHxJnZV05G+Tt15LAOXGIHpI\n0r1zkxdlIssB08MVVwfLp5nj68vbUSo5FnIZDO3L6spj22KH4XN1ge/+FsFP\nTvX3AgFowZN7HLQj5TUv3ZPikY4VgU+DjGUJaKGtHoRuh4XRDoXdoRnjO2bZ\nu6Hs\r\n=Qk8q\r\n-----END PGP SIGNATURE-----\r\n"},"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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"^12.0.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_12.0.0_1627415369668_0.05553665273941322","host":"s3://npm-registry-packages"}},"13.0.0-canary.ae85f7eba.0":{"name":"@material/rtl","version":"13.0.0-canary.ae85f7eba.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bff655f06de68eba490e0ac577a947b7a7af0a6f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.ae85f7eba.0.tgz","fileCount":16,"integrity":"sha512-hMwXbBaIRrrgs0zglCg95UJt4i/AgS2Q0aUXrwr/l4RMAgS9C9f4r8o79500qnoMSIB4Qz73c7jfXidxpvN5pA==","signatures":[{"sig":"MEUCIDprsHeoQHOeYxqTUN2NHb/93/2iYZfqFJaZNeo4L/6jAiEAmjZX15oICAPRojbdJWvrHax42q5RN/eeSmFuMAuGYNU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAGOlCRA9TVsSAnZWagAAJq0P/2qwflOhhzR3WhTSSkps\nXA8whNKEI2EOAJh+9+CvPzLfXQs9j5bKrFnneNd3kGwcQn2cV7crFgGZg/op\nX+XrxlbDPlcBaAWcd6RThLNl2LC/cMU2Ob1ak1gV4lQb86igS0KeybyeF/dM\nXfRLLkMH8rSOLIIk3EAdSsfavL7uI1EIEEFDqZP+aG272mDkAaMEKEXzDCkn\nz017zGWUJfmTvPKplDHDM9yj5SXeOToOhYTwe1XSxKdcVz/EAneXNwdo7MXk\nWRZBCXLQyIkkLkerrsmeQLhPNtZ6D45GnUrc0ZbLLQJg9vtiHcAz7x+TBmZv\nvicovscxnxMa/IoAghMSGcn3ehW6x/2Hbf0sqRpw3eEfyl5lYDWvb2SEyhXP\nHjncgml+rp0nI39ygXRXEmeAfZr9jo6i/4kURKH7j6mSy1zX73XLm2V86nYL\nGrxPXBvZdmUoP+TegF3UV3q+UR1X5TqVS3JkL1hcsc69MxS8lcZLO3Sjfryg\nxQgcOhL3eVSpWwkgsQ6qpGaCv/nl+BNRHnlD2eMGXq+NZBwRSIwba3pKopa4\nJcHsgR9SwigOQnBfCCnh4FMSRf2kJOrqdgnJeJKJvz+UrXfRhT+fRnCdoL0H\ns73fU16r40RUv6PyQLJT8Ab5rjhH/5gTNshPtz4VenymuJAbJFqFb3sAb39s\ncayL\r\n=xBjp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.ae85f7eba.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.ae85f7eba.0_1627415461775_0.5363692065196144","host":"s3://npm-registry-packages"}},"13.0.0-canary.5981207f7.0":{"name":"@material/rtl","version":"13.0.0-canary.5981207f7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"59dcf1a36eaf791268a97c0636e01edabba0d354","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.5981207f7.0.tgz","fileCount":16,"integrity":"sha512-bGRHIsbZsNVtvhJ1dUaKWfhht+3QXP9CmONw+h4n6fT7WBNl8F152VuHZXhfxqPw6WWWkvfMLOvrLe+Q0JE7hQ==","signatures":[{"sig":"MEUCIHVSIXXerJtL1X0AutOgeKngILeF3QSL1DMuisX+hYavAiEApgdxfuT7dywbxvYDwBotdaE2WmPi6Fqn82frwuFIBXk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAJQbCRA9TVsSAnZWagAApSIQAIxp9ugpDcbV/svU9SFn\n9SIfXFEFGP25tvAZdwnw+t9uf7efGTpITDZZvRGHv3DnA8iXriog0NpP0u/C\nQduE+Q8CeZa4m9adDzEy8/geqx44j5pHiMgq4rEyADDG/7DH1jABg1BX3ZOg\nBm9Tl2UetqID6BPwGHs66Ew28jwMAIT+EC1+W4/7ERphxjPftXS4TH+Wk2XQ\ncR1QCMb7Y5TGOvif2hMhgVDzFf6r8gp/4anydrmZ7knx5Rq/13503EpN6xnL\nkITVF6SyoecDl8JlIRhHTTcAhzi9QjAji05KgGWqCWr0UZNvZkdsSq1zDpSz\nQ8XdbTyVzi0cIoR7RuQS3PwnGxcdgVx/SOxyL7uAkZcpDe6rMONbFD8rE2Bu\ncfBQ48nOM1oABXwvIxOyR6M1mz6WHAV7u79IUgEAlN2swEUkTM5oEDpDtQ4k\nmwdcvd3oIUbx3omxve65Z2rAzJVEKd339bYgp/R+huilbOs+eTwaM11FwD7/\nvvH29eEI9DG8nK74diuE09xzPdlu4nZhtVd6drUJVaE2XZTB0020htY7fwEN\nfbeC7wjKOrXKocKeYWKJbIc0UwZDAM67srhmI8k3/BJ5Cv697qvc0H35Ehiw\n+otmEAY+mJbSAIPu1Sz1i6AEfLftyqaQHqbkwgLdE/zmfX7NvDTSLWaQxAzG\nL4TU\r\n=N/A3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.5981207f7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.5981207f7.0_1627427867449_0.05981550202426389","host":"s3://npm-registry-packages"}},"13.0.0-canary.83bdd0222.0":{"name":"@material/rtl","version":"13.0.0-canary.83bdd0222.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8034ddd35789e4ac3e5d623099717eb44d360b26","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.83bdd0222.0.tgz","fileCount":16,"integrity":"sha512-aor1+qOCHbZq4X+dNsSsnnrlq15/OHJ8GIi3X23o/mfjDsiLc5wdrKRgN5yJ331E0ziIrGAFbv1qOyfTgaFl6g==","signatures":[{"sig":"MEYCIQDqZfON59roWmWXh3xfBrcWK+sgyKvmvhPoYA7WKg2IhwIhALW0q173I6iYjLy4T+qYHCGgobKNGvGEhh6zKOIMLoAt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAZMDCRA9TVsSAnZWagAAmecP/jbmFrivgCgb5dh9DMWq\nM0sc6GfrKZ3vmuIiA/wroDNr7CPlb7oJ7XOYkgHjsR7lsHEAvVYFvcw7W+M1\nDc33vxepaCGJ8s60/jxIAgIA497FldtBidg952ZWt14KT8FcedsRqGWQ6pLW\nDq3GUfM42b+LX3b25Q377WMIL0gvk+PFxjUc7mJxAJInOiuHHbXkaC9SLToK\nqE/nAxWfTFtmk6FxvzZ1XDJA5nkZSf5c7rjJm4telrGGI4//puoJcnrC9qbo\n8gW/AcvlLhJ0UkCpPnnBncUt4dX35MU9F5FwVsBNCQW2ogoNPTuoS9/EUrNo\nEnc3BxFzKnD6v2i2cdY0eko94+i2aExVApruOLgnURVELS4ecp2hVKphc3l7\niswbYhHnSqkMjU+R1k/bBMdsX8vIOce+aZe2Ns+cN6EO3x5xek8ZTBvPDKvr\nNx4+2SwqWQ4lBd+lpz93pr+91ptOTKbgDmdflhnxGbrElUjWQBaGPgE2wX3y\nzWhCCoQL3DIWEjLnxRwJ443n4tUu3WfZekMSitLaKLX6mFJivIri9qa0HeTW\nUaYBuqxs5KqCaCFfo4WwYwaYJRLDF2BJzK7KLmwnsrjiF2jtHSFRg/4LhhfQ\nrFUabCrQkRBxis2s+apO4a6xX1wk+/T/4a9vWs5BavIVRSNwhR3BFE9Vect5\neiw/\r\n=EPJ0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.83bdd0222.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.83bdd0222.0_1627493123563_0.49490748251563277","host":"s3://npm-registry-packages"}},"13.0.0-canary.28656298a.0":{"name":"@material/rtl","version":"13.0.0-canary.28656298a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6e6331f93ef9217ea66232b324d62792f0e7a90f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.28656298a.0.tgz","fileCount":16,"integrity":"sha512-tzeBfYMXa6ORSzJtTavFza3gwzSANV3KsRCD7+MwDzNj2xR/1DsKwRaOJTBExmYgLptY2HHAACmwtHZmbL6pMw==","signatures":[{"sig":"MEYCIQCFI2xccUvLSbM+rTViqbrjPPm43vH7XRl+WijWfybkqAIhAM7IfYzjbKeRRcqKlEtuwLMcYoKnqKC28iBpRiiOw0hh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAu+cCRA9TVsSAnZWagAAif8QAJf3MbeB/EQ7PHV49ysn\nQT/HwgxvIWTvvrowkz4zyrx5dNJFqqzOjV6cTYSThv8z6ZGwM6ynI+QpD8oL\n/W14nPkd+Jl//Tg526Vnp791lCoVsPHVH8ORwWuOyiDjebGMTS9yqQKLdgaa\nrakT49ptMva3lZbGKdzusPz3xOSSh7KGabphrxDiUfdcW2Be15EZZ/IruK5q\nullSKp4b1Yw9/1Z+owKhnJ0uYhYBl1MNvY+SLWXtq83j2dubYGuCuT3gFoKp\ntcKlvX9KaCurahrOfVrD0FhWt2r6/+x2xBjW+o0/jEZxNatPWzUJWhqk5aJu\nJmkrRihpAZYutaTZNNA6hTOqnGGVKPb8CQrtfpJ+U3/cMCNT+G0abjfGuClF\nDUivcAtpViYk2EeygcnmMKgU813kizGY7GdBNJv5h6SdBlYnx0pYPGAT2ftV\nSs89l2AhhxzjGBQ+x0EL4yNdm4PJIyzE2Q+Q06gqhDZiL204mPiy0tl0Xsep\n79lFMqE9upvLn6f1EsrFLylb4q4m7sosl0P4e2lj6IRPKVkb6xNwi9GigvUo\ndr7vQPlEnFl8r4u+LWITCumnfYOG6a7e9b9lkH+rci4oYL3Oz6obVu90NGwh\nbUXyznxCuv7Ipvb+m7G1Rkd/czQrlv6YEuRxAuvqUKZSou0xmeEqLxrIOQPa\n7/9y\r\n=IpRH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.28656298a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.28656298a.0_1627582364348_0.7363671910216749","host":"s3://npm-registry-packages"}},"13.0.0-canary.9e797daaf.0":{"name":"@material/rtl","version":"13.0.0-canary.9e797daaf.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"71ba01e64802c846c9d9f303c44857fcb1501cd7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.9e797daaf.0.tgz","fileCount":16,"integrity":"sha512-6qQPQTOYs8yc/iu7JT6xrtuSRXpYbfM3IHdQ6CLUL1Mtg21I7HWE84Z9PrYUpGeGyjbSxh14EGQsWGXi0/tfMw==","signatures":[{"sig":"MEUCIQDqIMUf4xgvuq06EzqI3gIc1B1YVuwGCQhMtwFId2L2tQIgSAMHRA4EcnSJPuLVYIMqKztw4chuFIaiE4SU7lixixU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAvTSCRA9TVsSAnZWagAA+C8P/30C8rdjoQWQQDsiqBl0\nmIFxikTlBzFwTVIcIG+iGG2BfisV/9ECn+8+xbSTvAtElMB0R2ojKjxZLbd8\nF8qYtYFh9RkQ28jmZ8gzJZZe8KvLImbg+4LOeapOlQFXc9kYdikdzNAWo+/x\ndXWpolEz0hnXqJK+W/JYv899nEQMYcJiQIKfJw7H4YgydA8TOUALz/AYeAzJ\n8mZ7hjBqWAVaq49V6db87eeSMnjm8QKK5+oAbnKpU4T6Tu/UHAdnVpJ4acvB\nW+8t3phCgXKcIKBafTgfpXjBWanSHcWlMTVS0EKU7v0xuvLVSRxV1JH6rCKE\nlpYWRswK/3V9FKvsmmrHZz7qpiaTqCIdXxG2pjqIemsijCiswdpaKG6IHqEg\niGrmiplXTVvzzNtcb8WZLulEg+h/EYwQiWv4Z1aO3PBAppVq6ciUyG5rnzzN\n9QQ7L1HSsVvwzhWoTqYF4CGNb/W9C3nIX82QhvDm3RH5DPC9Ks6JxteM4vDE\nlxEkZ4L1h6bJ1Em47h+jOdRY6zL13vlJR8mT+WENRU+e6JK0Nyi2g7OK1XbF\nJpnv7nc2ok7NwTGe0T2Xd3E3XnBDn9xJLQ/xjVw2WKqkVzYeq1k8iCj59Rym\ny1oUlQhk6CO6XTLs614B5mnFZeZbietYyJcspSJ5yj6h7JUvJC/1mH2Pdy4Y\nc1QE\r\n=XjMF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.9e797daaf.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.9e797daaf.0_1627583698445_0.8232036118224115","host":"s3://npm-registry-packages"}},"13.0.0-canary.adb9f1ad8.0":{"name":"@material/rtl","version":"13.0.0-canary.adb9f1ad8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5364c0c22a14de31ea4a9bb428956a79f64be5af","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.adb9f1ad8.0.tgz","fileCount":16,"integrity":"sha512-jnlG5JXwlQCZgYKRWtKjth34Q4l8ROMSwXOnY6BagV3OJpWHxZ6tU29Pk2Dtwo9a80ncNr9k/gsiCYw+T489Hw==","signatures":[{"sig":"MEUCIQCzCRpA8vWhCrJDSYSIRbDLFUxq5YcLawV5gDnb/oCD5AIgYlpkWkRsQ7JGtcgwDJxReGbviyvbjiQEpgGDa4ND+vw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhBE1ACRA9TVsSAnZWagAA/2cQAJpc3+FcFoiKnsRiFn6n\nYWTfd0vs6LTJmkb7cggznMPfl9xyofbMTmjzjVsBg8whhAadcKUK9cFCeBXd\n61BMep2XQTS8gfEaaMT/3iVSQQdh+irFclFxlVUBwBi2PmCnt2tKD7R7lsD/\n8vXJ0LdutniVXKfXGewtZ+897XPpLfduPcNxQiZdMGNUg6Rtje5tqQjcGfaZ\nlyi5U0qqmNV29rc/E+5j0PtFes8aYjdveEX2bs6tg1KY9Q5CVfLTzQnDb3wB\nsegx3xejhsG7d37zhpvu7RKT6EGfhEevLdB3l1uXKib4Od4kAKA/CRjW6zQe\n1yuU6WXb6WrnFVSukuJt+s7TObzZbKdLDTWlZ963X2HH59y9wnbaJ07ZtwmE\nbSf+4PMWoHji9dZoezKxwdRY80enhvwTyDHUo32yceoq8rDCtBQule6Tvs7z\ntTI7xuS1O1IEN9uZxTo87y/WzWLYS+8+mTfoxpeCF0QVh98kEiURL0R3XtFt\n/Q+hgkXxwIJbEl7rdZEvyqZDZZTWVBMywZ2mmxOP7KHFQz1Nu3Qj+GPrAH8o\nVrCg9psew/Mxga14ToH3PWsMdpqAG4neNtkiApa0CKh7qj3p8t+8PuyT6PsX\nVzaS9h3eeBwFmAF8AvLUrID1wT/LPx0DFtdrtxbEc/86+/dBpRsN9L7egk8X\nRAKO\r\n=5aGL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.adb9f1ad8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.adb9f1ad8.0_1627671872055_0.9127513355510823","host":"s3://npm-registry-packages"}},"13.0.0-canary.cc5377458.0":{"name":"@material/rtl","version":"13.0.0-canary.cc5377458.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c57ae2465ccc064d4b45569655b962ebbd971253","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.cc5377458.0.tgz","fileCount":16,"integrity":"sha512-khiHkhGm/eyhzBpipRslD+V3xV/3HoYJDcWOuBp2EQEVRHI9oPL7186hrjOy+Q539iCIAHuV4yRqojkS0K/SSg==","signatures":[{"sig":"MEYCIQCvJP2wQARyxBAxbKekqYA3ZKvoWReWIFrDXJqpGk/vfwIhAJemOBmgFU40T3mwFOCegRiAt/gtonhzhcnPEzkyPVst","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhBHAPCRA9TVsSAnZWagAAVeIQAIo+6xc63ycZ54BiPrSw\nw1SWqOCzAO5OzWfl6ke2x1bJ3SX6WJRG0Hk20HDTdAdx+fTl9Smnge33WMi5\noPuOXZSBAnccTn2GyaO2cq12u8RcXe0n2qpRki8O4Hh1WC3ZhCAW+Mq454sf\nQupcmRml7f9v7it2g5cKsOJBdK5RE4QzOWWS+xpkle7BByLzm++VS2nuu0zz\nsr1XLbv9QepnnRgPwTW0Ve5nLkS1akHJBL+eE3CDrhDbdQIYh8IOxTOLPlOm\n6QotnnKyy3gBmrWuODgSrVoVSFFrZOuTFIr94/U5viJjfthTbYvGzILaNeo5\n8pwmzwuOHGJPA2X7nGtFhjsE4FSaUkmQ2UwzuANkiJRcNdezDUa8rgaMmpYC\nv8zdvohdBLa/EKZFKnT+UxBB5IUJhtNQXRzA9lKoiVvgEiQd50pbj8bC2ZZU\nEjzrKWK7+NBqpkOazzWV8ElL7slNNzbGk2Hugd5ba6X437HFdm3FrwoVoTW2\nueXUdL13EYt+dhQFeRJGWpZfWGr8nMGvpF3f2ZwQkxPO/mJnkC+tzYW5KqW8\nnn0DGOs0b9aFJpAOPte+7LRQzSJLKGC0VLEDshdC5YrdWC6picWC07IWziR0\n9WAhnA7sjbpY1e3WOu4Ti7YslyMM4BJV6NCARTjTBh8h3f2GQg5LoczEVKxb\nSrIv\r\n=p9bZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.cc5377458.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.cc5377458.0_1627680783079_0.42418113431849225","host":"s3://npm-registry-packages"}},"13.0.0-canary.a395972cf.0":{"name":"@material/rtl","version":"13.0.0-canary.a395972cf.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"fb025f3ec45b2fdf670de10efe085c816a7598c0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.a395972cf.0.tgz","fileCount":16,"integrity":"sha512-1oJ3q89Ntu7C37FYYH33DoSKFwT5yectgechPpnhpTrzqHpgcTox3lsdCeJ8hUrYYHkjQP+TODccUIrrJpx/Sg==","signatures":[{"sig":"MEUCIQCV5328KK2GmYaOtMw8vNimA5ZsLj51QnyzC49uPuGiRQIgZBjIZoKQk4vuV+WjANLYx5DcIU6ItdQr/jC2rTUVzF4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCbO1CRA9TVsSAnZWagAAYagP/RTuzSH3dSUyskSkySF5\nV0UVYruR/boVNZdIHnvy30YoO1FJpK23TMYsTT8+sS9wjTHAmPW3HgMOQTaj\nsZara4MDfBKBGTPcoL+brToWTSoN7iiZuSgG9S6FBX92KTAuBrBAd5UvF4SG\nr2Ip9azjzM+KTov3Y0mhs+7XhLlhaW8ZkT45a4G5F1bCzwA33UTXy13jfH8c\nOyXDYhP0M2KKEWy44jcLuflcQS3GP/yG1jW7vW5R/wNagjSD5ihXaDlDFl5V\ne1esAs6egiw43gAZf+PO4Coap+hBjDZaGpGRV2XvCK9sPPJ6nIoZJXI8cnQl\nsl1/qDV0abJ7AHvPBrO7GdbKma4Gf0n8BMjkZOBkCaSuIG2SgFAiWQNCBvvA\n78W5cUxHY/d6jQjeQImBBzCbVa/DV+jVwZm71ONz5Pz4/V7USb45xN9WIlon\nH3NX1W1s7OqJNIjCTXbg8x779qZJ4hGtQN2K5jNU+PBKX4Fo70+xqYPF/79E\n5CdF9O7HOZGhXUeXXHycZr5VhSN6wcYdTrQnT7XgQkzLLyJkJUrgwyQnFWbj\nHrP9t6zyRE7yL/oNggJextsi02eH4V0pyyjm03CIte6ITAe7zYSuZekBwDkw\nHh7n63ghEJoT4WzjdMkhYLq47QtC+vAusR0aCimdxdCr/3Zs69302XW3V+Cn\nCOY5\r\n=pVD8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.a395972cf.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.a395972cf.0_1628025781663_0.5272041581471649","host":"s3://npm-registry-packages"}},"13.0.0-canary.7c96e6b98.0":{"name":"@material/rtl","version":"13.0.0-canary.7c96e6b98.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ec5376dc9ce4e4ae6ab2835ceccbed2b55937793","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.7c96e6b98.0.tgz","fileCount":16,"integrity":"sha512-4GsPRoBsmZUttc6RztNiTFvmPF+h4d+Mh93t25CzRiiYVf/ZysW++Q+nEjCMX6JJMALPoCoC6siGK0rcXwuXQg==","signatures":[{"sig":"MEYCIQCwqY/IQpxIa1EnY5zHyJ0IEMl9kxRurgsMLcgDnQgpxgIhAP/IPGCTK0weGAWoNMCZ8AWyYSKsCbBl7EOzGBsMbsz/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCb+KCRA9TVsSAnZWagAAwHQQAIsaYf6x7djUPvOAMHhP\nxzjZ55YRmd1qehYLZf+hrUQUo5DYjdXLdwL23DJa3k9dvn74GUmo3+hROLm2\nCI9YSouvDuJ5f4i5/b4GZoYJCauJRVcK6sugeVX5HjrXIf6bBCGoNrRYRurP\nac+ionHYifrsBArbzOn2bpYQnAuFETSarM1HIhNWTO/8Ir9c+4ovin5Cv4Lr\nWwSFEOGNM19yVqWaqkKth8JCGQyvSZsaARVYEvPCUw7CvBVN8U/NyfzULaVj\nOO3Cv6VXg2dKnNUBbSTwG2YnjJaRa/isoH1n39jkfWRgKRJmf3gdwxhXfY3N\nN/td55aJfj78OoLYuHgY6A9KNNaLdja7NMKIRf9dfvfdeHWtCoEbyuj/DT2N\nhJU9Rzoy1CPalncQRNRMjbODFgc8dczyd8c0Ngy1u1UtxkA4VckuONVt+rcx\nijVa15t+mlofXmk44m2pu+6AtueDc0Vp9S2P9CWzK3W8rHyG5OIwIhDnkvoZ\nm4K+qjTwbZ+aVL1uDw2ScUJJnEDNZ4qjLq8u2+QkJQXgMvwMnD4fu4cI+l3E\nRFL95a0HgOdWqau7dsBgK4EQDeNyozdSkxeSHgJNOFm7UgQ/Azu0caTFWAl0\nbJCtCMT3SiLrP4qhSSKUDsZfL0VkuXcJPMaBxlJW/A6CXxexFMse5CwD73D6\n3yKd\r\n=j2mn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.7c96e6b98.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.7c96e6b98.0_1628028810847_0.6218414491583741","host":"s3://npm-registry-packages"}},"13.0.0-canary.a80c8b2c2.0":{"name":"@material/rtl","version":"13.0.0-canary.a80c8b2c2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4198d83f4bf8116da860edcb56688a3b35f2bcb7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.a80c8b2c2.0.tgz","fileCount":16,"integrity":"sha512-V+6oVrwuoAK4ux93OHlCIs+S+xNBKro8yE2Q7CDNGlwmi9AdHpRK6lNtRqufq4lurhexWDuq2fw6kEERWbSjJQ==","signatures":[{"sig":"MEYCIQCVIOyTrzxdUUvema8ksexKEd7Kdn15nQNYbIDir0ULtwIhAPXumCjQxM3zQxNGHc3a6pMHhXTfhaxyj7Zq2vTPerxE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCyneCRA9TVsSAnZWagAAGFUP/R5pr+xe+5h6seN9WNo7\naynkkg+maqmo4QDdMZjVtLXuswJxRYfXfkoVAdCscnozHiqFw9Ez3V24iobN\nHAkTMxZfo2Cbuh/B+2OJgO3LjHp0ZoUJgmGO2Xcc2JwtSxfm51NridpJoUJ0\nwQ5hl+gaIaS7XEyRjBqmYxRlR+y3UU/U0FWDc45aXArCraSNPMRDBKmQZvT1\nIVpDRNhqrNKGQlp3svn1vnx3KC49qOKZHeqko525aEjmC8QHvAwQd34f4bgI\nBxP1E9m1Jbesl4Y9fskRGzkJ3mypqlsWWPUaJvJ+b7y8dASKMxLTJVrq3Z6N\nDBwX86qiALGp9NcqHAOjgbAiaVXQVTPRmK62TRPaAiAbTrb9V5GfcPhre1JW\nMsaL+1ElBt0kiYKnDgwX+CiTmhEi6eRVmNRsawYImvkxFYWguT1W37vzEyet\nMuYaUQiTLGZhqkMhp6ge/boWXrCUSgYWqzc9M/+Y2+hwMwmHAGyvj/JORqDY\n+I5YGCL5dmiOQ9bSCTx/ngyWhEe33l2IpCZ6L0gihpyHc7oZopHcSHeMtCmo\nFZLMZ3i3Vvkbb26dR4ZTcBw57/yktZ4E9NJ4lNJkeaMyV2hwToYpNClfcV57\n2WTE8OhZiBoeUiUSbZaI0oV1+6TOpiC2Cy80wpf1PJzOHaZMUx3yR6MNpsyi\nVgEh\r\n=iMsR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.a80c8b2c2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.a80c8b2c2.0_1628121565981_0.23763077034938984","host":"s3://npm-registry-packages"}},"13.0.0-canary.3dd611091.0":{"name":"@material/rtl","version":"13.0.0-canary.3dd611091.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6cefda84ec6888237cd865cbebd67cb35a13a911","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.3dd611091.0.tgz","fileCount":16,"integrity":"sha512-WDv7dhBP+nZiBr18OTMYiP1WPisqQgp2cYVKNwbldYOvm9eoXkmIhx7nVLIM79BMhOd/gzD2/Xd++M2xbMVhxw==","signatures":[{"sig":"MEYCIQCg1beRiOWlRGrjIPvArKiDqH/Tgf5UEUTSM8eoBINGrwIhALbL/acIhFp97PuuoDvgneAmD1C5/Vn0hHSTeb8pwco9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhC2FPCRA9TVsSAnZWagAAC60QAKOaddBXio9RC4PjNeNX\n+sNJQowfg4Hp8P5i3fyjF0fEUcQbdeduGZxRJ4QSIRK5zBwDinAuYyxGSgSq\n6FMlAwC9N+TH6lG3XIlWljppAepgj6UuGNY+scL5ef0ZfwAhEAIqZaRhsdnb\nRdauSLq1tUNaaGeozvYJzoyJcd8H77UVaSrbn8DI721d8C+ucnCKCkkaKI1h\nHq5nkiHYK8WAmTDNbW7Gc/BpCa21fXQW/7zWf9RjLhfnu7h10Vy5rgjoRuni\nrtMrrZICxmiCjZcXjLWRZmOcFdpM3fnrDi1gZrXg1Cmpb9bTuEzk+cBaW7QI\nanf7F/hR6mIMgVQdCG458zpgFKiJx26IftD2rBAA3zOA4YamYVJX+1rGtQSk\nfOcfNI4UP89lLDL9SSrfO4lK75OdrQFIqQakYONgg2m3CrEVnPbY/+rS0GN8\nJ1Gvc6yVVGuv6zO22ee0ilfYtg4v6LNb9ew5PuL5sjU4cuzxEOL6H/+fIAyR\nNEF7CufvousvyjzpNFchku6PIV/fJR0y9MCJ7g9UYl/+YHWGaF/6kQX3uAfa\n93G/VjV55viquZsfbzNGzT6pI9SKguYmJkl6nAiy/zKdPkJHiUFHBB879BL6\nG8yphE1JaS2B/odoV9Ac9ZWbWRtJQEeWwSQMS3b+IT6gzjbXC6nb3Z53gqEn\n6vTM\r\n=6UWd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.3dd611091.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.3dd611091.0_1628135759231_0.45564816153528676","host":"s3://npm-registry-packages"}},"13.0.0-canary.5dee37ff6.0":{"name":"@material/rtl","version":"13.0.0-canary.5dee37ff6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"623a9732f2fc8e27e420b07faef54275a1950de5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.5dee37ff6.0.tgz","fileCount":16,"integrity":"sha512-Jb14ZWmsBNgyU/VxWHAC10jJBx/pW0T5ehRsYye1SSRu28lS6JXiLjVpnH8WrQqkhKgNWZJjZamssXsBdz8BPQ==","signatures":[{"sig":"MEQCIFdLFthmUniNZ156XbO8cMKbjFQffFmfSOvVmvYig4CdAiAOFQWegODB/xR55LXwMNY9gPUWRbJnlolEleztNwk2Bw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDCLkCRA9TVsSAnZWagAA4TkP/iLjoJKmUdI8XAF8Xli8\n1Oj3TSqF/Q47h7cjH7QfD5MiKoribJjeOrU109JGoNlEmLxkLmqRhVRh7Fzs\noIdPDEZoRBZnSCHgHE81We3T04BbsSGTBdGFDRHDySRsMfT417oufZJIhTls\nosw/e58r1kX3QEmwVPYzttLcJ/y7w1QV6LToADNeegNn7od034vP8Z6kaXxw\niw3YcQW+X9C/Z3gzkH8a2vfChOk9gDiI9VHPtR6eM1dP++Cq9KI2ztRBIwUP\nCDkQGp5bjjXYzAfJzFN8Xm8FFXIJVaquu2ZmvVT9sJJcSLoDsZi0yI/tRCu+\nN8fXwS2VH11Odguqs1wHYnMUypQuDb88e8oIw2wT7sBeAhw6s5rfj3/gK5Sn\nk13z1tahwh9811u8+FU+sNR8xsVoOIsKcynIFvlvewUqioo/RbWqcWqIHgn9\n3X+lvzNs0DETNo2QP4whcaifgn+ENMFZ/bdMYBhfjfHQ+JyskztTqrpgUsE7\nSKTHlShtylGB4d4JmVs29gTz7BN0TrOMJG8Un0uImJVdK/ydvPfTenFpfJVH\ng9y2sbZOaIrcMWBao8c/iUKjUSYUyUt2nIJB7YDdUF1OkiLsoIvnO8hq4NhM\nyKDel2BB2aJCu+qowTWEEUgr/BMdubht60OxgIi2BV7jG0735iMQKAPrXhtD\nPuc5\r\n=9xOk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.5dee37ff6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.5dee37ff6.0_1628185315937_0.7766440660847767","host":"s3://npm-registry-packages"}},"13.0.0-canary.bf405d22a.0":{"name":"@material/rtl","version":"13.0.0-canary.bf405d22a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5f3dd29dc8e1ab1c891d6497b8904424de1a8c5f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.bf405d22a.0.tgz","fileCount":16,"integrity":"sha512-a2Fm6g3NnUYkoDo+iLF8GWqi3NcAV5+3ryzNg4YD5vyOZ30dJyI+BMkbsUiFj7Zy49kk3zOfmTJvdM3/aL8jyg==","signatures":[{"sig":"MEUCIQChK9zL9QTj8E2etxgU8L0eJ2WlIpssA6u/hRSFuZgRWQIgOrQmH+L99e/ZPU3qdUVQAed6keazvRpCZGgATAuGFzQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDEdoCRA9TVsSAnZWagAACckP/1vikFf+73mmJzreO0tn\nO27MAq+fP1wKFnCgvHrRJKk4PQ1NMoiqvVMASZaQzMvn11kstecHfTqtWX8S\nnjpcIxf59Iq1RTJixLQ26srQjMY6EzCqbkwF3Rlb4dbFQzDsQqm1s3tH0JrU\nr1Strj3MjDfcR5ggu5s/gaWBx6QY5QBzVFQJAfjnZlnuoP6FY/S5YLwAlCXa\nSw/FdpQ2CJP7EaXayd33mi+cXmx6Xo94ajsh2bY9dnZtGfOhXPT+hnALkbwH\nqKxMsQgpaeqVuUZUZu7PYllN/z4mB2qHzOkRPuTE1nBGlO5O15DGTbFZg0HG\nNZdHxnMBpvMuJe5NImF3aTFFnenBiNd2oiEIIWerfA5xRjQ/LJ5g582gB3jr\nn+vsoOG5eqscWEzoVSgDP47H8/TzNG6j4eqigoNuGY2Mfoz4K8r6UZOukX2R\njJnlRZLqC1C/HN4C4WXIa2h16HFHEYkSCX/vKd7n96Vs997AZHSP5KbWjBWz\nO0zhWyivb/Mt4grpuEfBLC2H4briA92FAQ98RIY+uAAtoCO3d5WPvYiSgvzm\n5V8Z+eqpjGxbkkcza0Gil/Nk6Uzl7Jdmn9ylaONl5y/6MEEyeiKpxE4NMiw7\nDj52Y+bDnJ273JYQAtFv++EZbJ3upP9D/FGa1qg48qCsbmmg5bWicLsWtA6B\ngwEg\r\n=Y+aw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.bf405d22a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.bf405d22a.0_1628194664780_0.26262318580239796","host":"s3://npm-registry-packages"}},"13.0.0-canary.b47dd37a6.0":{"name":"@material/rtl","version":"13.0.0-canary.b47dd37a6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"33f4170a4971c25f712e57ca0ff13df0a235b757","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.b47dd37a6.0.tgz","fileCount":16,"integrity":"sha512-OFimq0TWAsF2nizFQOZ/pibLqYm00OoCDWbBaNIj9DBcRBpewvE9TYdNx4dqv3m2gTfMdingaREJ8K/hGS7aHg==","signatures":[{"sig":"MEUCIFmlWEsUwZeyBcSQn0/aS9yyePswa/T6N8s6bz89VuzTAiEAhfwyXP3mUul4Osmd6zzSL3WI5MLSq7uZCtJz56Xggck=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDE7eCRA9TVsSAnZWagAAUh0P/3thf70ij0RgE9ya14lu\nlYp7vsmZcpa4UATU1ex6tOp2MMA7BktqukFL5CXABSUtp5JHinCfAN029Ks2\nJa9QDtNz0NlMSDg4RloDTG2ljGeM4HevKalByJp5nqJ4GTCOxID038vEiJs3\nm8raNNp2g1Qi57eJHk8msqfhkt/RcJw93WBEQG9xCyoFelGfjcUaKPyc3CJA\n6d1R+AiWfJInUPsUPyel87cJK+j5OvReL2M62Mmqjsm7PaB1f/X/z/HE2HKP\nBE6pkl7jK5FRFaStp1ATfmOa63TpCqprgr1HKNrBwBSFZQMWOTXrUKb0y+sn\nkWQhgKDWIix4LH9Jy3z87OsUpOUzLJ4YtaVaiycMeTYeV80VzbAw81bOfnQW\nsdh2k2Mxt71vg+jMYpPbcTqKUSkm8rp7Lxhg4kUQ7B4T0bGFLqIktERsVh46\nX3vz6jV+1LmNtQFSmsAKJgjThBfve7Xg7PhEnuSj60CGTjzaAkV3cw5agFWW\nTkc564y95c7k+/x4cH+Uelgf0rPqKCw5jBBzXutKv04Tz6bBEUfqyZ5eu7m8\nvObCM3+kukfpM77OBncHLBGFnkL5Vsz8eoMfwHl+IqANs2t323jOYG6Y3dmD\n4ewH6WzeSXL14bRofa4HnXplDEE3+V3HXNO9kBrxglJlknroIF4NrRzkiP6F\njcBw\r\n=L3nG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.b47dd37a6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.b47dd37a6.0_1628196574502_0.7383574737467238","host":"s3://npm-registry-packages"}},"13.0.0-canary.6c82b965b.0":{"name":"@material/rtl","version":"13.0.0-canary.6c82b965b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"661b70928fed073e7e912136b6897f7a43ae3b61","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.6c82b965b.0.tgz","fileCount":16,"integrity":"sha512-5VRGe6VVuY5T+sNOCvw0Y/f47Aa70vUgT9jTb7/sc/QDbrrg0tVtEZL9fWPAytw5w8J1xSN9JN0WHD7Q4DWZtw==","signatures":[{"sig":"MEQCIEOXJ7WZIhBSn0Dz1d166UHkMTrk2AW5qjkDpHZJV/ysAiAzZB1UJF0y8FckkW8erwOC9a9C6FWO0o24LZJKiXMDGw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDV/oCRA9TVsSAnZWagAAhZoQAKIPCNvI9rMX1kO0r0MW\n8/4VlWCELGiKa7xmZ2HDkx2rkiFd+QNi0GtSLpEPeAtDAflUCqen9gDJghNL\ndI6JXL7J3V9T6qy6yNVUyx1RU+JrPL6kZ272d4HIOrgsnC6Y0cgp0ZCp+qic\nGgYlU0fhDllFrJ2UDUIPhEztXlww4opeBbXZD4nQcQatMqT6S8O0cCtu1is1\ntZ+GAb/xwYkn9KsJOGc31WpxD/3YvD7SnM6764CSHk+o8+fUiMQ92rOhulIi\nhXDucy4rxaRMTzCzdY/M1mqjDwD6naqX/1XkPv4n3pnSFdyaVFdzYMcO7NbP\n4tz52eTIrfi9NRqKcvamKM01mE6tI1cJqsRbz2VLUkZHWGMfkPozFa0ii93I\nFxfTVp8ZdnLUbCbxq3umWLXCkOSYwyLTNGw+f69iVIo693JQ28QJu2pjS8hk\nx7fc0hIVJ2t8owAAkv5et7l0qUFcp7TMndGMuMt6sapaL6eQz5nfiF9kSGkr\n0TYORgvwKOCNr07vx307ghK35aq6EdmCBpnqOgKAzg9KFvX+55hpuQcv0r6c\nh4bXff1ttud946UpAsumgVNLE4D4BJaPQnnC/CXLdngiCaVjA/OHFv/SOwxi\n05QbGPmmbD85CUD2yeXSvr50Ic3IVTkfcvojyLa8VFHKtgj6Ke+GSTbwCUKM\nqOQw\r\n=vhGv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.6c82b965b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.6c82b965b.0_1628266472003_0.5012536292521361","host":"s3://npm-registry-packages"}},"13.0.0-canary.4ca11fe76.0":{"name":"@material/rtl","version":"13.0.0-canary.4ca11fe76.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6b32656104a1a4022637f216c6242873a48b6b96","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.4ca11fe76.0.tgz","fileCount":16,"integrity":"sha512-fGU9TYeHtIA7YbDLzdsPnTTupQloYSCyDe96tCzmyiku+4v5nVW2yKqB9bDmdiEPBV5HY8phv+kJKQBmjlGPBw==","signatures":[{"sig":"MEUCIQDaU9LN5yGu6431T58VwrCz3XOyzADXUTCIrGK5bKCkVgIgO0up9SwxRUFTlj/en3+AafdVql4RVPPN3ZXriTRQRQU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDWw1CRA9TVsSAnZWagAA7pwP/jLQNk/vtAgqfW8ML7Ob\nFlUMhg9GrE3TK0S0w+7fHyDUpipRPush2JRQDtjUynMU2jF0sqkGf0efOfnR\nn1L5IdIr1zg+Hi7wjw40/IdtaieXDbzKuCPx8MI1TIo0KxdBtpWzxt8+MY9W\nV5femQHi8ju7nAs8jQhHREL7mJrjs/z28+eYhyk5EdyLYRYSNgeIP/JUNoJQ\nVEg9R1whqqjDiOgua9nfRVG0rAySVoudo3tv5136bFlrjLpR1YDGDhq0w707\n1AtQvk0uTE1BhOGAfFQVyMBGNNC8/vmJ5W1+EpZ0iM4cQYG4/GlbMzlbDBWo\nFKI0xfkP6xS7a/M6QmBzSvZ6dOPb+M2hWbdTg47jGfzcryhZc1pAV4nSP7dQ\nHbc0XVt/LnqcwDjiCje3jBxqZlx6pNxefYEkM/YCLPCQwyGqyYHDNDgiQO3x\nCZugh8SehZ6ApgSsDTRLq6sBARr1wg3wD33D1ha1bWwstoyzb1xmKT8nyRMX\nuIu40g5o2dB7XStjYkjxzhzG/u77on2FtOX9qOfYjejnGShFkUzLFt+LPJZg\nDU1cdISNTCmHNFKpwo4yqOdA34Djy2WQpdXycSInKctWl9sx5/9hDOksHeQT\nvCjn1Naqqk63YTdS5dE62HVsYYZpQMk6nm61zC6NoUoPMmNZ2GDLdXl/1CcL\nZ04m\r\n=gNl8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.4ca11fe76.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.4ca11fe76.0_1628269621626_0.5482700219922036","host":"s3://npm-registry-packages"}},"13.0.0-canary.510cf90f2.0":{"name":"@material/rtl","version":"13.0.0-canary.510cf90f2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5647eab59960e2fcbeaaa1e45cbe6d01a435a7cb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.510cf90f2.0.tgz","fileCount":16,"integrity":"sha512-/FmCdHy6+s3S71NruwozeFj+qA79bScOepcvGx4V18Jgedz/tEmB409VQMC6tdF2tZTRd6lltOAS6uWDtksx7w==","signatures":[{"sig":"MEYCIQCjpW3ntzYmxG/MAYup1Zzk9Q51K2Z64WHDKA9NtxUJ/gIhAKFYawoSX4/vtC6gJrbnR8QOiuoW3Sfj+2epGax5AIGo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEWMJCRA9TVsSAnZWagAAgBIP/3GM+h++kVcc547v03Qy\neqOWb90AP/T/KAlgYNFMhuk+ukqWHM4F1VECrsOERFCyekZLwHjv8rZx5vh4\nVredG/3oUVoqvgF/aNOW4tuLsIgvmhVU++4SXSQMfDWqtNrGQKuUF7FRPK3v\nzY8lU8bOmoXNGFLM9I3zy/x4sGvizsJtF6rIfBdT3sR3/vqL0G9Gq8gEaaKN\nIPXXI/nelWE0setBO268bfSdO+VXaWom8R/G7ZgEQP/btpQc15OWJLe4F35j\nVWAI5eMRYh0+m3BkF9fjr99uVAi9BXeRfenml09KwKgPD9T8lYfNK6bG4RYn\nE79sISZSQOKW8OYmhn6Ed6eQNXVDpXTPKapcjXgTMVSP2sa7ZErZER5gtbuM\nifp2/ziFM91L0Efh95VGvgCZnsWN3/PJhmpKB2E0ILtgWGFyNtyL2UY0jfqa\nbW+vlngduxjnMSWKIvSVQC7mV92Lqd5cRQi7xlXZfDh8mAUrc3HSps7Ax87j\np7YJttr6eJXzQTXdtUK6hOm95CodaIVXrZu9pkhKW8wzDe+Zr/hCgYFAJzOU\ntZtQWdP6WUTeBgSfI+ffd6IMosgQ9VTTOzy5ajDWF72ahkKbVdxiOkfm4xLe\nYvN/5US5U89wR5sy2U91EmJuC1EK9OOyKB9uTbM0wd/d5miuwKYXvEeDNCOx\n1HTX\r\n=QcFm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.510cf90f2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.510cf90f2.0_1628529417149_0.04876700306368842","host":"s3://npm-registry-packages"}},"13.0.0-canary.17580ebf7.0":{"name":"@material/rtl","version":"13.0.0-canary.17580ebf7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"51d711c7380283defd3106cf75aae454abaf09f6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.17580ebf7.0.tgz","fileCount":16,"integrity":"sha512-4dhKDVF7tPGJBb78pkKiXQbXDN2lDZNw/XakOinCQ6DDW4lRFX4gogvVAPpKMiOr5TB20tD/7hUETblaqWGRyg==","signatures":[{"sig":"MEUCIQCouYLypvll3JRdIssiVcbgXCvF/Adl7sinUWEaFyBfVAIgdRlLlaWEr2XXfO3byXxQubJ8jTKLR7iFvawKNnx+B1U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEXEfCRA9TVsSAnZWagAAiTEP/2g9+V5odiS8pjN74lSe\nSjhm8wM6/q99tir/yrWnKClste7YLBkGUaV+yVi1z5r272t40ZReQDfarGcy\nzrRcn+yWKTyfnZrCcsXOf/CmhSoyv05lXoKQVvfkfDqgmbreGYQgbDIagQ7G\nylsJe91ByZq10ewhZJ+7+r0vjB2SrOy0wj4Gn+egfF5wFLrx+VJt+7UPYo6/\n+a4SjSRGDdERoRPQw6iWFPGbB48YKL0dUr0hkfox7hNx8atg45hVw7QEm02z\nfmL8dKFezaXvyw9oUqI89u7XVgVtV/NeOToSQV5Et33rLPHXfKsadhWG3qYP\nFHmXQodxOMe3dhtfQ8R67s6dxlJig77QiKuSNqiPYlYb5xrBmaQkFOaTXjkf\nm1GuHpar11cIqFL9DsNXX4IB3hfOs0xsn2GrLiCYDvYl26a4gSCbxU0i40GX\nivx2hV07u1BdEyZwwt/bMjUoMtXGBFLF7R8wp0UkSTcLX/PYKJ8aCTT40jvR\nqwuvot+eECvu2eS1k3jcPbqj9FlUAQxJWEXv4vS4xpFw8LWhptsjPMpylOPx\n98s68sToav+1188GoFgHa5dp2c3CXdZZN5MXFASZwotVWl6Ts2DPaMJITPCh\nHi44xN3aRJbjrYPQ6avGA9BkoivD4wW5nGMQE78P0F/q2oNhu+xv9RwdEAUm\nxUr2\r\n=eJZb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.17580ebf7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.17580ebf7.0_1628533023219_0.2544974377458149","host":"s3://npm-registry-packages"}},"13.0.0-canary.7249a3060.0":{"name":"@material/rtl","version":"13.0.0-canary.7249a3060.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e0860294e9c910a4a64630b909be1a94d5710165","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.7249a3060.0.tgz","fileCount":16,"integrity":"sha512-FaoJBm7RDiakacXBxy6NErsgqijg14Mbm0TMqwAhoXmX8OxCFqLwo7GOhBhFP3oR1c4zT867yYclr6Ra2niqyA==","signatures":[{"sig":"MEQCIF5eB8JYgX/A1Hb0JuQ3jxCnHvw2jgYidPXqiqHKKQCWAiBgCFnGQTJ1MW9Dc2ZbbjVi3i1QsM9K03ZZEQI8514mpg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEXIXCRA9TVsSAnZWagAA9rAP/ios7UuTHbJdFMTDQDYk\n7r+Jptzfknfm5t24NnuR8MCN0FBieABD4TtFJQHg9S40Pnt+Xm/jRg9U33WB\nqD26ajjmu1sFdp7FXdMTmQdhdnlGrKBSA1xyUUg/AqXAPeGMP+wg+sIPxjfQ\n6SOoB/5Yrlnxn8I62uUM5S0cVcbLeE3PfdWBG07FHiDS3ADMA9A0aRkiRzwi\ndHUK4Isk5A2t7pV8V0lB8NzthqgfOLwj0zY1j/R6fuRcOBu+ibSefTnX/Aqc\nLfb313WwSocm2quDg90+y4MMM4iztxAHp64X99t99UMKKWSa2bA3rTWOzN+3\nm0thcMMjcuGZM/smb/CA/X2wzGV5w+/HQs0Aka8O46gNSNDSRVagrjVK5hYb\nQ8T+uuVCjQV1I/j45wiAt4B+62bxf4toBKUK1YiGswwtBEYGDfKLbZlF04ce\noNt94mkHOLEfbFMd6Zj5B7irDe9B98MQbCE23Yy1fOA2v+eZ96LkRGZTPgly\n2XpfU8X6bD9xYfQjv+yiUocWslSuhfWGvg9y5/mCoXIpAOZTklLH5z2Goe8s\nxq8+F2V3puu0VnjX1JwENNJz2/Gmwc7HVInuOwgINjh/GcpRWEb8FmFG207S\naGMloxLhDD4HvvxMP/53m4C3wBNIqAIlF5JFOfvpjoKmGkHVtbTtRezs6+Ho\nPNNN\r\n=6/wC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.7249a3060.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.7249a3060.0_1628533270907_0.9463800496284134","host":"s3://npm-registry-packages"}},"13.0.0-canary.4c405863b.0":{"name":"@material/rtl","version":"13.0.0-canary.4c405863b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"887ea70b29ed93fee3fe9f1579031eaacce57c25","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.4c405863b.0.tgz","fileCount":16,"integrity":"sha512-y8IveoxhiP6C5RQmt75C/K1kVpiwdtY+O8aXQK8CmNl8zCDE/dprBHV7jNq+4+QhgzwFkjZ+Bnwce6vDMG2n9g==","signatures":[{"sig":"MEUCID8tYfLWR7ygNbjc+88pR4VHG/QwjNnyqQTQ7TU+ahmWAiEA7SwwwMqxG6oeTTcHfh1XEpBtTeBYR47MkhbMsG+WAGo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEroLCRA9TVsSAnZWagAA2V8P/iY24Vjioab8r8ce3qav\nmyFL1eY5QmYsevZNKHgYRcJD3WpSm25XyZS6lkLgv3gCXDFoaOlWQSV/0m58\nukZBX2F4eS4K+VrfuHAilZ5jkN80wpgq3gSFECm2WkGq2tMO5O/H3becfWbM\ne/5erQEC2yLc/M+k2uOJT/hcObQcxvwuUQ0WR8xdZjvY2ErswTEteip7YImM\neiQgCuVa05mVx9WtNSWS7aCU6lW+U54tt6pEorQ5SnjOznhLCIzwzYamj4eX\nrwVta3hUeeSYs8XQglUzb+7H3+UyiRQV/+5xTzHkjwhUmcw1UKrqSFXD/bLo\nC60AdPPulc0OnMMN8YVY1gXWzK3y4+NOC31k9CjhvULCBAS0qElzhMxysGEQ\n0qFr3fv/DOurJE6ZDFrJhjB1H6x6AIET0lu3ji5lFZFIdz06k4CO+UJeXTe6\nNMoNt7IETYFqPPGg05xwlNuX2vg140vBSg9heOLbkuyWSSUXTEwuSlxR2Q3c\nZzwbzbUHB2CL7WXdkWiRRCoHwR5UlvPywqqQPKDA4OdFaPgM2ppl/Q6dcU2p\ns1HYdegrV44lUvh+hFchc8bu3zxCKsKKJbferfSraPP6e9J1V1fo3yVA0SOL\nPNSGlO6rhlY5YRlXS9hqWvK9aW7plgsWyFZDahHF7XjCfQdPs3K42sdb2vTF\nfhay\r\n=Bgip\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.4c405863b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.4c405863b.0_1628617227798_0.07065152706762556","host":"s3://npm-registry-packages"}},"13.0.0-canary.f4241a42a.0":{"name":"@material/rtl","version":"13.0.0-canary.f4241a42a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4a78eafcba0d9674f28e01b13fe6b30f5fd6f028","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.f4241a42a.0.tgz","fileCount":16,"integrity":"sha512-rCY39pU8ckZh04V29IhblHPGX5Tsksuu74nzc5+z+3QAyE4bEA4HErC7wsf2KrZRUxA8mHegoBpaRRb+yEpALQ==","signatures":[{"sig":"MEQCIGscuMhLpVSIGAdjXjVt684hmlcL1hJmRzpYcRRqxMeyAiBeQ23E5jOzZgD8QE4/tbnoX1jnU2LzqT+BwS8Ue+HHOQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFAHdCRA9TVsSAnZWagAAsg4QAJP2DRLKk2nh/h7azlyZ\n14foP2wX3tvMmfncXgisiI8JdBopX/YBlRq+PH5VxlbG+5CK6zYbv6XU63nU\nk9p2lpMHRKLGuvCB+msHyHBkq4S23uG9NUJFJGBLDNr85xW44Y1jFyYnf1qs\nIn4x/hBPWoLogMlCKWqjBpKHQut2alkqoZAxA3cMH5qvYAJmpODKTlKOzwbo\njjacAq3OR2paZEW2ryuGIFrr9oWzG6aWwst6SV3/SF8sX1+fOsZrqzd3uemm\nDStpfapGmYw2vZM/goJOI4Kex7umqeq+FTycMZBEBannfAwt77PTMNZNF0rR\ni2xhtpOHaJrVWyA3ukfSOQXDrwTZwQ81lABf18efzAILjyylO7QJp24G2fRt\nkYrzgTlWQSIW8uKEsqKzo6yKvDeT7gJaR1dWNMI63KuA4WSn1xe/Ux+xaKsK\nWHyU8vJmlRxgDBKgwJqLTHMT/Et8YxCSCg++3z0AjsrNVQAmTDc+R0Gk2QIV\nn206eWUyCGdBVaw4oHMnKcxoW2E1GjL2BHtpgctg7xkQVReOHS7jMNHmz75E\n9IWfr7f/HEwJi4kdGHFJ+XZbiGrV18eTXqLPLO/ub2FyQRqKtMRGhRzsfVKG\nzsLDgL5d5w4Q1Z1vcSGa2DFy/YxUjGzTpEqhuET0rELgK+AJnha8Rwk5QNHX\nzHI2\r\n=1wHf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.f4241a42a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.f4241a42a.0_1628701149363_0.5829206181475184","host":"s3://npm-registry-packages"}},"13.0.0-canary.0ad12ed3c.0":{"name":"@material/rtl","version":"13.0.0-canary.0ad12ed3c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"dafb4d5b9f05816efbf621c4d6129155593a2c5c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.0ad12ed3c.0.tgz","fileCount":16,"integrity":"sha512-NCq1DXt91QBlVZA/pX4z4h+hc9lIn0x9kVdeLfEnr/HOY4JR9krR6Lp3bv8GF6Kht97Fe+4E6qzN9e9bjfSWew==","signatures":[{"sig":"MEUCIHutCELCvHCgAHxk9UiMHBpAHOHAtln95SgFvBMa8Y7BAiEA/jaTuynR7Y9nksw8XTL4AQ73kqzHw/+Zr1fEBY+KXq8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFED7CRA9TVsSAnZWagAAKmwP+gI3vNnJ2h1nS8jm7TaA\nOHy7Ti9A6SZcePEqaAVprtF17eJG0Sm1ftQGBwPXCuEMyIuZkoCI3Moh/Zir\ngO+fIFt1kPZDPPuyYGZJ/U/Ayk5C7HG3u263rgKAp4OROETW7yTjUbJGpZFr\nSvUmklIcl2gbVzqGhrUmBtFh815ddGquIwwsmq7GNRC6bbrFHDb0YvDyMtpF\nbrO3U/0dwl9csamP+U0Az7RfN7QZppP1DacHkx4bXTpPpB9C+gqyjF5FpwoR\nKvDCTvk+IgPdJ1J+h+4IhGTDh4Q/kXVMTKDNRde7S2zRq9mVDWN5PSEGACMu\nF2oKiR7+cXuvYxN1nYCxYR4OabHTuJnNAediWwlpnLMAN7It44InKRLnswRJ\nEcZQfDDZUc/f/IGDORzKzq2+ZEVG7EQdySf4coQQ/zqwOnSu/apIRkP1Tw66\nGqTXT5JW14bTDX+2hycNa4s5skYx/R/J70WRYLN8cxCSYb/cRxKRv38NoDPa\nLevNqWB8chPcAF5V4xTASITEUNuQDVUfceWBoovgjTv/jMpMHjKoLiv7qP+Y\nVAFGfuFd8WwZCx1SWvQPvaReRcAavnupqN+q4HVGfN7d/suL8I6iyZPuZvvU\nUB993Id3Ub45kYcyGzH4GU0JSui6ohItzIQQHxzLso0E127dDmSUyIfXAy0+\nlO2V\r\n=AGZb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.0ad12ed3c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.0ad12ed3c.0_1628717307797_0.8032281301298305","host":"s3://npm-registry-packages"}},"13.0.0-canary.077dcfcfe.0":{"name":"@material/rtl","version":"13.0.0-canary.077dcfcfe.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5aa3a90d392ddf9c437eabda250004832e882be0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.077dcfcfe.0.tgz","fileCount":16,"integrity":"sha512-hYguTSph9ktBZxftJTs4uauAPlzMSigw0YfDOqB0UJAKS6Vxsfyqp7DjQOCMqneFtUvpETWX73Ov+NcHBh3Q4A==","signatures":[{"sig":"MEUCIQCRLd2lIARkQGZFR2bfr3DfYTaHuqCmQ8GCFQc5fUkGuwIgXMQXUk2sZyGupcg/3tSzHlQsvG4FWl4NJAoxiR42tZ8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFWBxCRA9TVsSAnZWagAA1cYP/Ai+fegy9aQZyJNBFGKr\n0TEopev+VGgjeK2e6ZgjPl09spLv1mY8wXaZJ1vWLMnPVy46e3WUUU+ZSqeh\naNbN9W65vIjdX/qo1PzqKbAJcdTgeeGTgEBpfPN5NHW2mxlusyISFaNs8Six\ndl80M6LEcNwfcjUUD99H2hMvL1LYFKnPrILjUwV+oDo9HvW7y1BcPXyqAH4j\nMcRwFCIGPfleJSovPfk99HYT7z9vRotNpOlysh9R5m0eErwENp+LR8eGcWgy\nQ3gfKdC58lq1tjcZhV4SfFEwQ8cqJmQnzMATxYmtSgYyWLCUX2WUYDVSWw4Q\n1HWTJJ0oZhQO7eBEFeC/EPWRJvl+ug/d0gwBALFhwkIevWXUL9178jeMeK97\nYMIZx4gC6exTLzf6ooSvXaqlbtBleQqwrgzjzGULdXOkiTPxHXC2/yGN6jkS\ngjexcIpOmafOoVofG6th8WT8fsY/fmx5c9LbH/YrOLdygBYE8Rvzz3i62xO0\nHoQVHE/7xNHfv7uuhq8KSnM5vZAhCekBKoprj+xPErLtASx63JBkfGAumUa/\nl95hedka0YO0vR/JRntXx12EA/J3iGdecqf+4L+Sx+rBlqzvy12VHRjEdN+a\nWa7ys11uAlkZAeWl4GUMLpYTjzv1iTpFhBq3WZRvMPvvotiWKEVdaPMqwXC8\nX3u1\r\n=UCZ7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.077dcfcfe.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.077dcfcfe.0_1628790897390_0.03033788307780716","host":"s3://npm-registry-packages"}},"13.0.0-canary.e3346766f.0":{"name":"@material/rtl","version":"13.0.0-canary.e3346766f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"978867dc867f2f97805ad595159c710523f8d85b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.e3346766f.0.tgz","fileCount":16,"integrity":"sha512-spQqGiz8XE7Vylx8vIZIi6ymMYVuCTf5b556kMBu0Lpu3cmgfR6kNarms2KDhvuzE6BfGHbkzTsK8HVY70SRDw==","signatures":[{"sig":"MEYCIQCZfu02wgfTdDfCVzlEcfaBrQV94GQI/29hvaYI6MeexgIhAJPTUPRB+RZnSKafUejElBEZfLuwpeAl37FNRjaDJN4R","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFsu4CRA9TVsSAnZWagAAjDoP/iHVPCcwBAWtNiN33j8p\ndZBlt29u+Kg1XjDXxZuVOcmOqYyvNtsnH/COmpuC2D6lrbrcJ9drHvGEuXJa\nuKi3gCgZrfOYpIb/bSqcKyhOcxzRCwxCyVSALiLQr21y1+bsWvIrCUOXQjKQ\nY+A/25zpjTVgR1Syk3QzXLUFLyZKnur/1G2tHmRlwIlquTYQWJ/92J7ip4Pe\nsfbhDsPxbdGlgX1rIqKtHrDj+sDUdKzAW7vCg6PyDrLRc9ZtE0KqvALrjfDO\nmh6I4rsYGzvUysuiEmw2loWmOngwUj0po7PnrE0Ef1B1s+gpBg4tSuZ7pr3E\nft3H69qJkA697Am5+PVu79qa4OAIagmLKIa1RcnvTHrBob4Utp4i4Ca9hnq7\n5E4NiRURrHHDX6aDlW16B3qpfZPTuudJusaGGdWBscQScsGa4A0Vivq6askz\nKSkSi94R4I88kgQ2bCLBsumLy51yJZ8FrQkkLAAiMGF43bQwBsa7ltiMOTV1\nDrCo2k/VH5jV/Eb+H1HzO9Mh7rS45557qwRk/l0sdaLi8LPIirgUJXzpoy9+\nm0nnuW1I/Rmt5rkwlfeD3JBOKfwW0YOPOFCCPMAti+bVkabVFdA2NliW13kv\nvcNu7N4Izai1zAY1iz49SDketz2A5/8wLe3k4LsCGgoHinlQHpaUbOf/HGx1\nhE7c\r\n=n3xo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.e3346766f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.e3346766f.0_1628883895936_0.5663082355301017","host":"s3://npm-registry-packages"}},"13.0.0-canary.2fb068fb0.0":{"name":"@material/rtl","version":"13.0.0-canary.2fb068fb0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ec3b3277169ec0013e329f261275bb7fe2059860","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.2fb068fb0.0.tgz","fileCount":16,"integrity":"sha512-XhnCoTMTxqQ3kMxYHAymDU+FCXT29o+Eoz+A2E5fGQEWbcr38AlrF+CNArldowgH+OL3CuJ/BREeyj5WwaepSw==","signatures":[{"sig":"MEUCIHJfL1/VgLN9DfXPbYdfT8Iwyz3GNsbbTWimQY1iMCOgAiEAtFDkoNQljY9EBYH4YmNZ92wHcZefiWYcjYp7szpRqVc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhFsx6CRA9TVsSAnZWagAAy5YP/iX1GeUyxOfIwS4vEa34\nu8i3JIkVmGWWEhT6OvSfojCZDUTRF7utvRuimyngPRcBnT2cD8ZudyIbB1BF\n6W6lkLHDyxCyiWGf37Z9EZAJRynNWJ9R5CEB24v/ccTKHx3Z8+09SFGIQW2V\n1YVtjyIterl96178Qd/5+jhbQcaaZrWyJcNb4D0/43rMx9Z9/utWrq5TYwG5\nYWjmhYyOk4xTWpmMELCVZGMH+h1GiQU4y55OxpELCYorQpFlL0EvDuH4RxTP\nFbhQBVUya2LDCEMMvAoxSeQk8L9vy6S9FI5L7R+0OuurEjnzezClElVkgyQ2\ngvH4Klvw+3tA2+fgekpuAdrHZy5JrOq1zz0vc7SbDa714HFhyAl70QJORHbK\nGhWy0oqKYeH0ws5C/PN2iCiapq9sxPIFTZp5jAJHjM/cXGZbON5nR2oy4qR7\nI/OTzpeGbj4eAshC1vwbPV1XxDTFPqRZd/U6VMwNecmUjIPHV2sVvXVD1jUe\nZPrp9MnVx3lguteDJ0n/o8Q2LyLgS3qm4eJlaX/QnX0kpOvYIV7kaUwfaBCd\n3f5HzIt6cUuPbKURE2TOJwZOAEyNI27Gz1oA3HOWc04X2pE/tbQ8YxxqPtqq\nvf/KpP90PLcxDG8AQMeBRwCvTfRh1qchHH9IxvEbHPdJ6DAEK1MifcmCwkxd\nSnPd\r\n=Vrs0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.2fb068fb0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.2fb068fb0.0_1628884089976_0.10202023510952984","host":"s3://npm-registry-packages"}},"13.0.0-canary.fb76c5069.0":{"name":"@material/rtl","version":"13.0.0-canary.fb76c5069.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8499f887677b482450b5f54d3c4aee5aef95116f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.fb76c5069.0.tgz","fileCount":16,"integrity":"sha512-KryDoFrz3gf3LQUF4qheUAa0VAyKfjbQQc/5ahETQEB+5oLe88+qVtAk11MVgfhYHhLM61uj7cWpjZqRo3B/pA==","signatures":[{"sig":"MEUCIQDJyKKdp6N75r9Z3syVvfLCKscVteMR/coMmKjeI3YT3AIgQf8tKWhX+71A6/KAZcS71Z2vxy8Si0Kd5r6neGJozLA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhGsWTCRA9TVsSAnZWagAAS7oQAJXfW2JfvYPoUkGiFinM\nVfW/flnAT3HOyEiN82mIAv0V/bbcUX7CWPd7Moo9FsQhUu1iY/BG1ish9EaS\n6u95b4WHNm5bwxH60rHnBib/X+LtySJ74e/iwQ7mU5jzFfE79mXSC53l1z2/\nQ8bMb4ZDTXncGJ7IuTI4wkdsCud/gzFHxOucXPEasyavFYJRWHMhDQMMiWaM\n6UcrkV5aQuwufwzYl1kUE0z/gGGR1ygdgFAmzaK9Ia1jXIKEnKsQ6QzuZU96\nHld0j0nHDjQpNHIfOlmRvJMjoYavNUFEZlZBwWYn4fXWkJ6MWIRgEN7auPhM\nfCbLJG5FDk5RlcMWbXIgagkrzO12VfjPzjx2LoFUXURq5BehySgBp9SuNyM6\ng7+GAEncak3dEeN8fxVXXAU6o0QTaNRnmbbHIn+M34YLULjiqgbSYf8761y5\nZRHUduzbQ++f8HGQj0ABa5yATV4nd3FxFdMUy7fvi5dD1NAVue3ovGOkvt8k\n/2Nq1pO0SQ0dDLRIxss/6nzYo9LksEYLCm3s8F1jAaTTMLc0UWXeG6PJaUt9\nChVrVhQvVXgn5whAB2ZBkfLw4rDNY1+rIxGBJjbY0IXlSFnTB5WLiisJNlsK\nZ9c7iMaqBFH9dm+XbnJcD2NPfzIzMoG+TYkODLXHEaSfJ1QgomIOgw6R12M5\nD8lD\r\n=6D9R\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.fb76c5069.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.fb76c5069.0_1629144466965_0.3489029806999817","host":"s3://npm-registry-packages"}},"13.0.0-canary.457d89aad.0":{"name":"@material/rtl","version":"13.0.0-canary.457d89aad.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"165315d8fd26b45a1ed8f700944e1704f87fd1a1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.457d89aad.0.tgz","fileCount":16,"integrity":"sha512-doy8yvS7xTvqwdYaTm5CIBdYbkTIxGWOx6IrqB9a+jlwxdNPK9V0MY43rwsrx3w20QE0TUj13PMqDumZ2bio3g==","signatures":[{"sig":"MEUCIFmy4/cZnoM3ZB0AbDHWHEYMrybqmcp9Fbde1vgaOpv8AiEAvyY7vuh3OHfI8bWTiPW86kextAiQvhph6/mR68mIMqw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhG9P4CRA9TVsSAnZWagAAHuQP/RqZ6EwRleWedPgTO4Je\ncHm+UwXxZQAni4kMo2r7YtIo6vipLUBI3HhCsKJsstP7LGZNhVNjqy4FPB9J\nJXgzOTMlTAgMsubgDpGP3nI5r7pJh90tLRyXtUM+cwFHOBukLiyjPPNP5Vio\na0vwBL1l0fl8/S/IxzjIkg+Kmw35pqkEj+VOlwya2A6IzUic2bsSmYsjn862\nnK6iPLRpaMKOGyGjQOHo9yaHAYIi5HVyxYRKqtrHK2VuDDLljQw3fL+Mb9Z0\n6kHD8Zqi4CV6szX//F8YzjOHutMiPcuP56nOdIcpJE0lKjcIUMzMApB8EZ6Q\nUU78Pq9d8B+p/7xtqbJRLM7DVqgr+ZXyJg6XptcC6JGrJLjqYkqSdNR+U7T/\nlg2JedcNBxOKcxj+Uwk+eCTidFZfbK53wzPxVk5sCPJHKJWTnr24zmShtvyC\n39usMqIQeYqGNREla/70lUignnL3YZualz0jG1S0x5eRnXvw6q63+VZ0m1pP\nZiXKSILVRozQSJtO5ot10zkhklvXvEy3mJmL4q3iMb/AUYWhdB1PNnu29TaE\n5LfWc46IVOMLPFkczcf6otJpyv+87kQHJJ27dES0HKdknWmpBrNrkphMDiSp\nPlFCTv+WQsiOx11togBeNv9cT96ZYPO/L9zv7j/58z4KNCWByRECTdP8WVyz\nckmS\r\n=+r6N\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.457d89aad.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.457d89aad.0_1629213688224_0.4704372803805077","host":"s3://npm-registry-packages"}},"13.0.0-canary.0de2f2edc.0":{"name":"@material/rtl","version":"13.0.0-canary.0de2f2edc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"08c13fd149894a9c1d959bceab77cb0193231340","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.0de2f2edc.0.tgz","fileCount":16,"integrity":"sha512-63oAy1eOu9EyFMdVa+uVkvIK1U25gVXwZk7YkR6kIG0xkm40mmD+3o68uXlfZvudbWwOkpqU5XulfBm0HURSuA==","signatures":[{"sig":"MEYCIQC8xZD2u2huoxkzBs/QsHq/ZJTs5wPsDg8snZJBHD3anQIhAMWSsy7onS75+coOWIuABQips8Awumh3ikOmftg/3MdA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHCHgCRA9TVsSAnZWagAAga8P/29YdloMlSQZWH9BtpCc\nOhu7S8Pqxo1xNzO+uzywG8NvSH4feSlyXZ7ir4pSriArBir+p5p9XJMokF6h\nwYG4zeq0EExPf5cZYqi17kkT9pF3RLNH46CYKSyerliJrU2y+52bRF7w5tn5\ntYmFVNC37FkfNojEsCwtxQ62Fc0oolHBmSBVHA1G8hmCEIZ8/0qWskz4PDHp\nthRSd0ytcQJAPJBx03z3qPXbQjGB1njAdTbrPHjs4FfXLzSIUo3lM/HP1opB\nH4H21AYXsFzk6Y6lRmvWgBeSn1D0uMNrilNQqGQdmXQo9oINoeC/anjUIvSk\n1cqHVR/dwIrYsiNUKILUyEyhcKgES9MZvzaPLA8js1RdcmPPkTslbpd3Gvho\nTnWvFPoM35SwZPK2M9Sw/qaXfsyDnFHZcQRmG4NYxbq16iplezUsjOBu5tFk\nMOzRHu3sk/Dnaj5dIRMGFgn0CYxtHBA0bIJVS05KLD9EaqXjgDfouDC0yT99\nTTq+UnukOhXijsX+DgFUpe7RRA1ovz/QuyHHTP6xPbb3LCo0I1k08i1q8gnj\nP/7pEUNh+i2LLMeAGaOnv6rVAss/yV+QAZtnuWMmomu9pujVQm/SDkCN3A5B\nGSRjG4CUGR++QeNDZc6WDxz2oLM5npkA4kwAImAwSTFrILp0zMW0FNclBe30\nOyvm\r\n=56yb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.0de2f2edc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.0de2f2edc.0_1629233632357_0.28315580418934605","host":"s3://npm-registry-packages"}},"13.0.0-canary.1f9259b9d.0":{"name":"@material/rtl","version":"13.0.0-canary.1f9259b9d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f98e03abc68ac6d177e48f999fa20b24b1656635","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.1f9259b9d.0.tgz","fileCount":16,"integrity":"sha512-XnCPn1rRGvHPdN/+LJxpNAfGjJse+Qsc5TaoOPmEWmqheHEgUwUf0eHIeswMPqGjo9+lyp7yD+aKN+2RXJICTQ==","signatures":[{"sig":"MEUCIQDY3fJ1Wa4nd87XMHOm23ZqXBPSQuy6a7CIuV6rUxGywwIgPLgtQr5iNAFBPRHiF1nmrSk7I0L3cBoh18cnl4k0U1Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHDSbCRA9TVsSAnZWagAA6aUP/RGhXc3Xk9gi6fsd/QgF\naa10g63wng4IpHp50unxr1TGfaqafJEV3eX9oKsoKg/49gwXlnNJWCdEOHpZ\nwBodPC4ickAOt5GgfNl01USS3wYlprIGWVj0GnVOmVxWAKdqXtl34gj1VaXn\nUTs4sMCZ+yHZfxj1lOzhBFMPebZilQpD9t5/PeeqFEJyWRs6flYAlXx4kHnC\nm2s8iD+a8PZvZxuIXDhQWKhUnPEVz4lw8TqFiwO5jAoZzF+L4f3o2bVIVthF\nCyqBTjKPmTsCPNVg4AaaNtoZ54mraNJ8E+7GJNsi6sMVTwCgnim7eH5RkjvD\nBFVS8hpevE16gVFYZ9PvXKNjl6CtjBnVjHC/YPf6emyiCF7Drn7XAREPHtbP\nDfC2PJg7uVlcUSTi/2sS+a/h0QNp0bIZqadO4gid7LEkMXAU9hej/qZ0xlzX\nfp0sO+0LNcjZXZX0rmlfFs0+4eHLpr+yfRDCkNwZtyvQWfna6gKGgQpeucLd\nQjNcHX9igb5QlOrG9EkAcWaU7dQvumBdr1fAROqubboV1JbY2VCkEorFxsm9\ng8fyzk4k35Wp/4WucHEDHovl65s1f8HU+OS0IEecgy8TlLWhGMKyZk0HvvOB\noPzu56/J0k++3YBdDsC3brayQnRh4ywzoY5OC2LnKAmuqJhb/aLP4ux6nkLc\nbyjJ\r\n=RMkT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.1f9259b9d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.1f9259b9d.0_1629238426937_0.031976678719776164","host":"s3://npm-registry-packages"}},"13.0.0-canary.3b9290351.0":{"name":"@material/rtl","version":"13.0.0-canary.3b9290351.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"912da37da23a42e6521174731633487bcbb463f3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.3b9290351.0.tgz","fileCount":16,"integrity":"sha512-XGKoF/z27ZIdg55ZarhX3vC+dBs6ixf8e2+NwSpu0fM44pdB26UCD5PknOwnZfx7I7hDooBh9yzVJ1fkocrW8w==","signatures":[{"sig":"MEYCIQCYeFABHY31gxCBzAnwd59OwhVff/QmQir71zB5suYyTAIhAN8uS4DgV7RaBtTCRFnPl+NdOnp6tsNQEr02Mdvyrda5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHJlCCRA9TVsSAnZWagAAlrYP/0+hxSJuOPRejFn0g3tS\nAJHYRIJ8VBNn63cwztzc9qkYcUhuJDVxuDSaKezRIuwRAJs0W6qHfP+RNbUj\naJqWq9V6b/hJ2O69caMngTbZEpnqR0O575B8qecvqrO8mz7vKHfWIriwJXc2\nQiudUszStRQ4NxLuHTiDrunrtOc5XLcRCmV8F0dMgfaAZ2JeLt0RoUZg9F9X\nAA6vEImN+vy1E19B4wC0zVlklMYMTWBPixYYRZAFy4atDNjLytTFO2ooIp+p\nLxP4DzPvLmY2yfONvoQr502y8Pl2MlVoWPPyfbXHQDdb8LiYWma0Ck8a8Zmm\nNIT+OSYYPsJWKmmhCg/DsCOzDpG4ZV1gCqPfh6F6hBXMcS7cCQxpC3UdK7ea\nDuz6HyCDHCBOnEWcwpyQi35F13mw+wcFyBeasJ+yjP8LUGaRf9x6IxRwLJGC\n/WeumiRrOD1v19CSpgCCUZYVaqZBAvx7uRkzeIabUf2pvX1jRdiCgJhki4dm\nGBuswViZaqH01cUgH1bJuws38LXMwH8OK1tBN58EzHAuvXmYVz9vABBSb9R7\nNKDtFxEIo7b0E8Mk+iihqjPMy9P24TBMytxhDEZXEYniFqcQghjDfSFtb0tN\nWuYi2oFK2uGjlTMSmLLoP/eDz6Ku5ebxqR1EV9wVuhSIp64v6JqY07YxSvVD\nOiBT\r\n=aOtB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.3b9290351.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.3b9290351.0_1629264194068_0.024306243013021867","host":"s3://npm-registry-packages"}},"13.0.0-canary.43d2eed2a.0":{"name":"@material/rtl","version":"13.0.0-canary.43d2eed2a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a74188bb5ac0d3cdc8d8faa9fe8507769e6b1d0e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.43d2eed2a.0.tgz","fileCount":16,"integrity":"sha512-RF3zedO56MvbHADchmT04Z9KePqYFhCgGJZfU0Ic/SmgMUFa6Tz/2xRz5glUZVbWwT7oHeq977cxhEpOB3aibw==","signatures":[{"sig":"MEUCIQDnc3aGKDod4ShbjHudbULC7e7Sb+E4MoGZlfbPqODuBgIgdMtC6wjc+hLfc79hoNgeYYcFmiC3P5QnAUqk6yMZJG8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHS7wCRA9TVsSAnZWagAAHiQP/2rOAtrFO1lmRHrvQG4K\nSDUcmSS+1KINJ54Lrz39fNVlxJTYRTta3ZsEbJs/roSMlXfANivQYuMsurgM\nPJOMUeK34Rdv6lTYBrMHypxNww0HyOmPkOVTiYIZGf/uKKrkQWXKjyBYPb6U\nYvKpAq3PkOFolWRDmuCv7lypEK1u/Xm1tF3ilsbOBC6x/GiFKm/d5/w1P8u4\nNDh1ozF5j9XiYZFpVjKQ4tYYanAbVEZxRI0QzUv6MSI34/d5L/JukDDR63a/\nYbVj5iQeMSKaaozzcVoCO98jlUc7ls2uD0AWAHiahsTg53pe7au9UkL4A1ag\nG9QOc9Fymohq30KvYXQVsAzfAVnkOHfj0rI6/bl0U1n/RnYSkO3A69rzvzrs\n3BMznQC9lFC0P341d87VBDSP7GkoT1LzZeUh/NTWYaWAYAGmzqY5/ysRbiS8\ndhQirepToruK3Xs1GsWWRhNwHLzCbaOYv6wWTR6VUqLtPjmV7HrdDOKJnJ6w\nDCDQgTfOQS4+wUQldNHHN+yZ+pF5zilOopx79ShY3Hp5fF0LAyMkHDYRirq1\n8VbqJwzT+zEGjJXOmlPjn9zA7DGFrXx0YoLnlaBilmPEjoYfKWbhta+vz9aq\nPtipfyKgs4j7QeS9efz2XeMLqM191WzvWVs88rXUicVWzRp2rMy4stob90n3\nwDOh\r\n=ciyw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.43d2eed2a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.43d2eed2a.0_1629302511841_0.974495283233731","host":"s3://npm-registry-packages"}},"13.0.0-canary.0a9069300.0":{"name":"@material/rtl","version":"13.0.0-canary.0a9069300.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"242e76ef058a04e2c955ef030f85320b29cc83ad","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.0a9069300.0.tgz","fileCount":16,"integrity":"sha512-TamOfdAl9nvmjTmHQxzpN9WKdHKzddJGeQWd2e5IZ7WKPIlhavgEVH8nwZmrQcqs96C6w+yo0QuXwXLs8GqiRg==","signatures":[{"sig":"MEMCIBymVOmOozvco709IbCt7y+RTuHtor5S+xN3vJQHR5DLAh9iJxe+P2O89wnlifXzcpFhZsD9tCAzbpFbetk+0vQl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHoQNCRA9TVsSAnZWagAAVdYQAKL5tfuv9DfzEQod4r2R\nw+0lC+iC0Wje/4MIuzaTeshbnSxxUjmS4uC9/Thny0/iL+sDLIYxM/riepra\nThxyZ9LaAKD0z0L9N8Cghno7zhb+ElXuobUsIrUfvvXBfLibvVRcCf59eE2d\nVESaHGJf0xgHxDWL+FYOv5evlj1HlPVPwQ3bFnDBW0dgG1ap5OYkPDqZfGoo\ndYHgeY2IsCEoICX93mL+A2tMlmtTscbxBHPUbWgb1z3IRlIfyZkmKS9jaeJl\n484iUNj8QCi10fkODV/T1Jrtbhv72gU0jXtBI64FAatYLl99XK+ngHJI8+0f\n5jV1huezITYWfbMBftDEnhpOFOqQBFvCEY5I32vOO3hGMY3yrSZFkPBIcyjy\n/ccuKWkW5CD+ODFoiUn5eQdfCaAtW462GcE4dAkufI5Mnwr5zVVvDf78qBy9\np8w7H6Ks3Kv6cL9RBwzNbq/Ka+fAFXc678gc4Zn9f2mdyfp0wziV/sUe/tgR\nnubd9Q7kz+NeoySZITGsHfvVHsQVozjKgWO/0xdlFLcbvTWowK+Ar/6z8NFJ\nWwiZJFir/+8pwcKFP0LIbnndSwWmVMBB9hw80uH7MaAGkGpukvb+8FYEBDxF\nANp959582IpqgeqKxpXCKUyznez0QpFHVC+jbnIlGMC0HWKDwiykFA9jhqoi\nZU0R\r\n=quUF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.0a9069300.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.0a9069300.0_1629389837536_0.021154645007476658","host":"s3://npm-registry-packages"}},"13.0.0-canary.7da413ed8.0":{"name":"@material/rtl","version":"13.0.0-canary.7da413ed8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0a940715810a461a5b1f294f4996e9752411065b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.7da413ed8.0.tgz","fileCount":16,"integrity":"sha512-5Cd7nUz/mV7AOyR+zxPXDhfFf6AV7v86FGItUZ4iZbgo06lnXnJPBTA0yCnbuH2lLacCe/eSNK9twRq6+wtBtQ==","signatures":[{"sig":"MEQCIDAkbEdRcz2+lS/9Wrw6LlGS0YYiDYxm6np17decfAG6AiB65lKXRnJN4lIuwe0TtgzhI0f8fWEvdf6CytV1bo8SJA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhH87BCRA9TVsSAnZWagAA9wcP/1KuIoAz9jodmVK/NAHG\nfZzOxDLtQ3vV4UWPrTN30WBuaKeoeFQ43KdjxCQhy20ugMuNZfgzy1H/uoEq\ne3w5HXZeniEjqGxHX8NVCBME8yAFydKjFh/YrKp763vIVkJYCiRivznpNhc+\nanWRoB21jB0Oh6EbMq+q+4h5cuAqBaRHRauRztFeVUUoQhzlgBAa3L5Qlv3i\nXBSNY3R9Us1FtjEGvcszm/L4QpchH6LMFnQ3O1JQF/OBV9sNGSwYChl++iwf\nT5DVBgabfBZSStkbVt55t6ECRx+W1avJaLQ7dKXUjxzGdurdf9MWIPQgWkKM\n9k9Lnp+wWuiKI6Xsitu/PyTW6kcXAP5JU3BUBh4hKJbUmEVWv1G4TE8Bdxi3\n8Gp0A+3QP0MEy64EMzCT6VVkSQrnbFLEmQQyefiLMctq/BBYNVsxlAt+em91\nSVvJN9roxU/2fJ++ueA7ZiHEo1qUm14Iis5bXWIEt9SRqrIJQjdDLQ2xGmCy\nub+5fbCZEMoTBgSyNQH70m6AbfqRI+AHeKp+JDubBNk8i5ddfGoSKGdZU3qM\n6XH/fUhmwh5rGM3ZTiDMffby5L+xldbOZ5tq5NWNDxt66NskRcmCS8FEFSAo\nJkrwS6iSFuC6yp726w9Al/v8vAA+4ihkW9lX2naoKEquXFnl/D8X83lQ4PAb\nLnI1\r\n=YLnz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.7da413ed8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.7da413ed8.0_1629474497185_0.05411906523579946","host":"s3://npm-registry-packages"}},"13.0.0-canary.e1e69fd8e.0":{"name":"@material/rtl","version":"13.0.0-canary.e1e69fd8e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"beb93d3aacf02a24198660936f44a223166ee6ea","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.e1e69fd8e.0.tgz","fileCount":16,"integrity":"sha512-DdDZ4qE7ZhVlGTnTXSpDPZq2dpQoe4z3YkjYAwjV/E1iiKMbY8/oSi+h/nPrfMTD3qdqdmp0145SGiCox5N0ng==","signatures":[{"sig":"MEYCIQCYYfJ6jKlw4iXBFzh1oijD+klqYiZBxYeqcmsGfXvg7QIhAKVGTjNGoerWnSZWxdtJtf6DxRGzCfh1mgALK/Bkh2B3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhIAMvCRA9TVsSAnZWagAAInoP/jZ4raoPhEKLL1Fj/6ko\nNmFGFU6exts0h7DzintaH0RMni8nm46VxSA9sGY//j5SXMrSRNezIHSc1/dL\nif4GIE4nJvhI2bCSb04EUUlEeeafKAIDYZvqa+V+EZy4qlxK2rsY3F+AyFds\nZpH1jpgEAVXlVAeGaCduvW4IKB46HccnFXjIXa1aKFmy0RYEdhHKje//kEnx\nIicb/f0gnij+9NHsXHJP4UHak3WxNkdIUGLXqVychNweLLU9b0NqHMrmUP53\n9YmEBtFZJoVTeXNUE0oznqA/GteYoz9XP+UIsBc1TUdygxqUnaMgU7KQubhs\n/IOR4LrcM23xSOVp+1Nzkidhwz6wmov9AXDBtDAm1VpU+UQwaO7IRlXyiOdA\nr87qGg3gaDNMHRbyYWHDj280rmvPp3lFrR0Sk4iNZRWANf/Om7zWyYrqHZ3S\nKxLVJwlguzOa+G1W82x1CoY422W0nXYnUQnw/O8wNty7rPw72aOovYhs1PNM\nyrECre07SV2LeJ9ZuQr1dJzqc29vH0zCQMPlBSNpwbj8YwID0A9/hzRrv9Ot\nHr260NOMotmDUUBSw8r/4kuMP/X++ytQIT+HLjyNJ1d3Q70RFhh1/U4hBsKd\nOSI04stpA1afgX2YG7K//2w4KEdUgBRkb4SJ7gZGfEcOkjdiw/BWOIzm2uaq\nHKEH\r\n=fcuv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.e1e69fd8e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.e1e69fd8e.0_1629487918993_0.5335879249978388","host":"s3://npm-registry-packages"}},"13.0.0-canary.f5afc16df.0":{"name":"@material/rtl","version":"13.0.0-canary.f5afc16df.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8600a0292be297c62ea411a1b44a869eb604800b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.f5afc16df.0.tgz","fileCount":16,"integrity":"sha512-dZIOa8OHuuMeO+npJZa4ma3neHifYGaWsr8AKfQXql374wg/q7lyX38GUoTByKSaUARQ1DvK06pqhnF5GA2g+Q==","signatures":[{"sig":"MEQCIAimOf8gs9upXNWxPMVjY4YgcrztNhQFRnI/rpB69ip6AiA/e03S11Jj2AmHdAtKo0xsF50H619PkU3npDmdsGgwwg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhIA/rCRA9TVsSAnZWagAAWScP/j5ZWhPZ6Dy+4QJ1VOH0\nUpJXqRZjuND223hwkGkyIaqf4NBe7me5kaYCIaiM2jqeJzR6QfLn7EvxCDEN\nT5iLqUsvjBKBK9+C8RAQuV/znULHpUUyXuYwpg64AUQ45A+VwxOpe11XUxVm\nhMiXQO3/dF0qB+3Y1ozH+EfqxVdAu8YlozneRmXrafrWyUilurgFNA+ut1m9\naFIXgyn5XKOsVu5oxKfZkQr/sEI0F2b00gNAWmmqRLcCOW0O4oNeKaSssVwi\n7bTKNnUw2L2MFduP45FmfKWqc7A7FPvBbmlSjJ47g2FmeIe3NaouUj0G8G5+\nu9WKt5ke5Mnu5m5iNWLDy5gGkHxFDvfLHT+4d7nKzmKAb/zqUt4kgEJfol+3\nO/rWDckI6JJt7WXJK4/XuhY9Z7IJnhD+jvbC9keBSj2SJCNLP0hDxJp7vRmI\nUVWuvNuEAkzSLRwRUJ6qwiLBewuR6daoQUd8R7LcDP58wHFhhLQdV+yPIRLH\nqFooK2MnCTHRI/8FMIQW1z6MCmaN3Vm1CoYzEAEgpMj5U4ZOpTCtNv7RM8Qz\nSB0Zajsa+P6RTcE6Zlpdza/R6OzYIEqf1FTX2FCnlXyVY+5rehjN9jaEfKYR\nr4gspQ3qHejIdl9dIlqH6iDbs6/+XCObo/7ugUjY8lyuez06h3733Yr7BolP\nFsBe\r\n=OTYO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.f5afc16df.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.f5afc16df.0_1629491179809_0.22744034983492","host":"s3://npm-registry-packages"}},"13.0.0-canary.28d0d75bb.0":{"name":"@material/rtl","version":"13.0.0-canary.28d0d75bb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"60d3efb67aa29fac517df1091075c50be24c4b14","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.28d0d75bb.0.tgz","fileCount":16,"integrity":"sha512-o5qy8N7Sil2M7V/ErcFXNOMwz0CHoyj34hY4K56fDzEdqAy1qMR5ynrnUNgYyLwaG4X/8cm+V8ZY78F2LvcqVg==","signatures":[{"sig":"MEUCIQDZHjzBPxXFwJ+eKGDgtNCPWWsnp2Rdg3BBK3Lpx33fVgIgBYrpJLJvqBJDPN7Zd74CMwhkZG7KMpHU+/dEVYtLtxY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhICqTCRA9TVsSAnZWagAAOB8P/RFXHhJ4wzh2XdruzWB0\naycrvKoe4c/+AjtjdBJ72ksHeMn2XdYR2iFf7yqxYjoeWgvf6RLsZ4X01WM2\nbZ7vmrDhVpxNoqq+XUOE9wGszkq3Hrvxw4Mb78U8D+gzWbbtMZL3rkOpM7BO\natB1lSmqSCbih6+v0XFoPInf/Z+YpRXmGVgS7d54vGDpjP7JYxmnLXSnv/hO\neCgfJ0oUYghOCfg34R5QmbFZohZWEF+tad0m7A7CVNh9e2RjXiuCY69kBVHx\nlZzDpvJXDwQpPGP2OTLxqMaGo6A2ZSBdxBM1G5JjPpRqITG2mvNWMtDeIwG1\nQqy+Pfvw1GqaB7PEMgDwA8MX94Y9PQybuu+s304utTykGQMaod9D9Eaq3gon\nZCOzcYPW7ONH+3No/jPzli42v4+Kf+VdJZXzHrJt7YzXbw4PhpK7E26RbEsj\n5cC/koeTBKHrGshQbSORT/89Ca+6JyiuRBhNBayAIHHrT3UIXj88Wy+mztKy\nX9hFancfbJ+kKIBpuOyztR2sd4O3BUtgyuCENxybSTXSAUZc2VJWts0V379M\nTmfco9BVBSvYAHaUfOWT+ilLy/XqQkaLgG/JYUS8rdneqxz8XLW9y617qL6L\n8xHa2OGdqZw2qd0GeRERV5pTGrTIr1QZaEIOH5154DPf0XpgnF/vzGQ8uXLI\n7nhq\r\n=ZvUm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.28d0d75bb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.28d0d75bb.0_1629498003310_0.6011216629979053","host":"s3://npm-registry-packages"}},"13.0.0-canary.21ece5360.0":{"name":"@material/rtl","version":"13.0.0-canary.21ece5360.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2d295f13a46aaf595a126461e0ec4b666d985dc9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.21ece5360.0.tgz","fileCount":16,"integrity":"sha512-pZxR3SLSQsqBNz3uGKN3K90IYD5QrI884OWIvPVaxBfuVkyCcss5gQvcoo+MGQJhAGmLh0o1VFpOLxm3p58ejg==","signatures":[{"sig":"MEYCIQCVocMhFPjPbCYyDyFzLiNaf9v0TuLJBtIPetxgL44kPQIhAPyKNUssLfco58wZ/Pwk+2Un1f2CYywhzmztpNt7QmEi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhID48CRA9TVsSAnZWagAAcsYP/2njjHnVVpH6lfuSF3Ei\n389M61KjYT3xo3Agwee9Q0+Yqr08msA4selJaek0ZN3MApvpON/5kcRo9F6V\nIDeqzbFsXlGnhD+XQe6fyuox5hKzYHkhtcUTzOwEXPG3o3mtLqUZY30d16DP\nV1I+WznYhssxoyBzc7jQ1iPrJ8I3MxxxaJgJpvb1hr3sjGpcuoZUbBTC0OA1\n/Yx6/3j0WRDisuOIWBXxAMR6CXgx4dRq5ha5sAjJ90mzZo+/3E0pNOtL6nIS\nGxog43V1JyYwM/8VF59BQahZwXwbuICXoMVAgmswazIvpCUSoXj72fo+qb/1\nDoSz/wT//r58cz0M/Y4OUiKMc+Mu9f4WSLt3Ii+pmt45vDMDrdPE9Lw3QSGH\nSR0si/WQNAFx7VwcyixTP3qzKRVDIlCZKzF8wUWD3+gHb/LsZNZmqw7CdKim\nMzaRSi5p/Hx1c1zQ5u3jQ87Pii+v59YPlHrrLGtitsq9vFopjY1i06t5KQOW\n5O3Aa4E2xnuw3Z0mqtfufPTxFwvZk0yDHDE4nA+Suv9hKKU2bf9DJtVyNmo3\nmtCUAxdrjGia13Yrz9XLZbH5UWZMQ4Ni6810+R6WmzEDC4/kMn996noVm1R2\nO5X4ac72CrrrS2OMrapqx53GxoAZPNCVJZ3mcf4iGMYCCgV8F8Js09J/kayy\nsG0q\r\n=tDOJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.21ece5360.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.21ece5360.0_1629503036012_0.9056422862423097","host":"s3://npm-registry-packages"}},"13.0.0-canary.8de07c02a.0":{"name":"@material/rtl","version":"13.0.0-canary.8de07c02a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5f4b4ca57410f168a7b8e8b7c1caed56e67b1a85","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.8de07c02a.0.tgz","fileCount":16,"integrity":"sha512-5u2tmq7OPJY3SzlNZp/W3HxlV0oTIhW7UR5SOE3y35EkZAjVmlDrDk5/YqwRGC1edXde/HbhMQ0GohB5xha+NQ==","signatures":[{"sig":"MEQCIGF8uutN0GEJ3tx4eCJsmCiFKZHQwhQYNHE3U3e/PomhAiAA4Y9CFL5OO1klABVrX9p0DuZzfp7HFwK5z7hoKyq8GQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhI74dCRA9TVsSAnZWagAASPUP/iir6jpRL76jeAHat+CV\n/7myLU3Ov0nwTK1InVQZXUfokPlqGWSzeWmV8bKObJk7PJDcmtybTIHnj/AE\nBVZoD/G4iXcDMaEpEfEi69zcVXbx3uc3onVWEamqBmN18atmsKwAWxvYlQnK\n/MkJPmIyVTab6bZnUhYnEnkR4lpVWnTq9MPevR1HGNzwzZ/oAWAefp9FkcFN\nm1VI8DRwwF3Gx/DHTkBnLV9ynWJTc77D5QYuMc7cd1/wNuegz+c3yT0Tav6F\n6N8IXp63JS2bhbLFjB2qnmrn10rVzynxnwV0n8asW4CJZoxPr6lhFRevGPjw\n/8tOvEFopIcgjkxZjGMZIRzNebwjI48UuFbgEnrP+KkAL006GwveCqsV+pnu\noQtsvnY2kAXBSnWNCC1ZY55McGy+ioQJO7KQiaRtA8fq8cXQZB7eWsRQLUx0\nYhjZ34dV18YAMBUICOxkc9gVsHq/WjU1bI/60hDvhfMSGbn9Sh3cX49LmR4l\nN2CrxIZwE3LnrVgt4k9WwfEv597KTNUJU3o+gIKHAH/+mqX1tM3ebh7JxQtT\nV3g3Ao+TPCkbZUza04rQvux8BCuWEYig+YxuZ6pu9v8uF1Xd24UziRWqKO7B\n3sRJ4KP0bclXEyxMsh+Jewh5dny4/VwD4F9Ny9CaoCQ1ryADe2j9vx8EVz42\nOHXN\r\n=2QHD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.8de07c02a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.8de07c02a.0_1629732381576_0.08373330058820905","host":"s3://npm-registry-packages"}},"13.0.0-canary.65aa63b0c.0":{"name":"@material/rtl","version":"13.0.0-canary.65aa63b0c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9f38b290db72f4c05f2d8a8bdfc688d7d6a33cb9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.65aa63b0c.0.tgz","fileCount":16,"integrity":"sha512-bNglm6ORaQczFbA7fNA67fcuWoKhT9j1/LiHjtisrZSE8CwSn8Lc0x/SKV0SJ1UFY2i01wFoRl7XV74oOSbrTA==","signatures":[{"sig":"MEYCIQDstU3+a9OsAMOUOJu0Eng6+8xY35ZMjEf3a2WQt6x4EwIhAM4ONbhVOb4Lm/W0ROu111nn+c7jQkIK4PkhnnLM2DIf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJRAPCRA9TVsSAnZWagAAUaQP/27C7X+HyotYA01Qtqfe\nwU82/Kf1FnJMBNw5zIKx29sVHBEQxNCL9ThfjWzFUiVNQztYs8T4iT887zfy\npoKDD30dtAbSm2R9NxXhdTEOW3EYLFu1lNctAdfssgNTArrIaojEFXslFnjH\neM0gJG8fNnazrjtgbVqmqXKEO9IeNJ3LO2P/SfLOezetP4vfaD1Hp2ng8X+X\ntKDWb6FcI956iPV7GSVWS1WNgABIphjsyiWcJ4RLT8SbtEdt3zAVBOzJEpoy\nuGVHO00ma9+GKiYCv0tRBbU6mKO+nO/+Mp4TsCVmPO4tBuHHlMYaimlhFF0A\n57ksf2vVMDf0J5HOyZBYbW6BoHfodmcRuAs9ZsiW2nefeTtRpAG4u5j0xaE1\njs3/tZAlGsvWh5XXQ1zrsLG+qZUHz5h7r7bTPL7V/ee6FUbdTR2UPqvGoqsF\nIgsrXH8hgmsaebKzPJLydq7Sx7lX+O/ewIBI09hm8kyZxWXvgZ1gxucDY90M\njvxbGXtuL44g9tQH/erlParhRGA7wyiN8aqyAiYIcsygDqcBqMHsNtpiXfKX\nn5smZNR6Jd9629p25Oxt3eeGTTXZAf1gmhI9KvB0sK7YQRXtcmu3hff4G0dZ\nev+6VnTBDOEk1ywb0aYGYqIuMgkaY+C3+6lca/M9lLeqmwp4bLlmKfPj+elg\nHtMN\r\n=Lvs9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.65aa63b0c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.65aa63b0c.0_1629818895103_0.7665840550785572","host":"s3://npm-registry-packages"}},"13.0.0-canary.15981e9d9.0":{"name":"@material/rtl","version":"13.0.0-canary.15981e9d9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b06e380024f3dfd08671de422b9bed6e863d51c0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.15981e9d9.0.tgz","fileCount":16,"integrity":"sha512-DR3vekuPw33vD5o1JsZKz64W8Mv32qCG9kq8mdJ+Cdc76z3krdU/OFzQhk/sTbMr4p7F0TZEFyhIFwWHpU31nA==","signatures":[{"sig":"MEUCIDQtGYryKT2YxmTZqTFGb4z7PGpbijMTARHkO0xE2I82AiEAq5rWPFGq1eUwM7t9KAzMUXBnhlvjtEz6gX6QrGANLJ4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJRtwCRA9TVsSAnZWagAAz9wP/26A1yxv1/h02rFOV7Ya\nfqqzVgdcRUapXrCjANI8feUqFTsf3zfTH59+ozDM9aoWYq1pPv8ZkwlWVIR+\nADCFUKW3DVOwHY3maX26XiY/SJpZ/7FjdB1J5njEeWrGWiGStgPN5kphGkRt\nFcxkbl6bL7i9YRiuMSRirPaSYe6kSGPPAFnQUIVzG22ZBx32Y0yKtyIAVhf3\nYtDEYMatYLcKDLQjFK/Lm8rq71YPohD05PONwut2y4EmvRrhcIpYGZdAiBXV\nJo7Zic1ruQlaVoXG+Cjd+Z0NjoNR155eKiYox94s5vcLI5oQemg1tO209Cqv\nc30Hnv7I/rP7CUjR912GRnZYJFF+V0jZ63RqFVudxD1JSRyjQ48Ty6TLH3Uk\nKsreTmhAoZSywOlSnuapiE0CGpmn4QJG7a9xucTCQBTv4OtHf26AP3CCRKBy\nsGMYsvv+YR1hMejDFl6QNZm1m6Jx7236qW50ZrpU40KyYHnkLj69K589QU9S\n5NSrHFSeobO+uuRK9z1zQ+jHE0U/R5rHfN+UtEhUbJ7j58Pe5lZqNK66SZLx\nE5rotmt3274FJXzEuwOW508mEyDq8hLgme/CFJvaK54zflBXXH/9KtWxL+3H\nUyrmMaE7IQr05VGWd2IjpW71F+6iVdmG5oI8UjrghOUcS2UiQEE+xsottR1V\npWeF\r\n=wraz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.15981e9d9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.15981e9d9.0_1629821808266_0.9959940493805954","host":"s3://npm-registry-packages"}},"13.0.0-canary.fa7520f62.0":{"name":"@material/rtl","version":"13.0.0-canary.fa7520f62.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"44e7681bf3c42fece6687b12d0761431b315776a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.fa7520f62.0.tgz","fileCount":16,"integrity":"sha512-ePdU+HY279/wpDdIQcXj8IHgzWcbN0WO59RuLu8q1OLUNohOf3jBNtU+H5l8O6k24n62U67ocn6DqEzqi7WQ1g==","signatures":[{"sig":"MEQCICb/PgsLl542zh3O9RG08SlrvAM17bCaSwB9myFbTxXoAiADG9oY+Mcb0XBTeLO4nhIaB61RC2hfjiMv8k3NbeSGvA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJXJXCRA9TVsSAnZWagAAtqsQAKBVJEu3C63bmxleJ5lS\nx8jwiDayWCv+gAdvlpbwOv66KrGALcNypPbWDllIo8nJQcyQYeql6sSwtRTj\nyFiJYUsIMXfoUFd3NdAXJxzXXXwS6f+ZWTWiikw+Vsg1xEJzhXVAEKvEsbJP\njfwJIjwgie0/d5ZWcsmBphOsnABFLs/AWeaSrggredRn7FaArSUt5Nr0D35e\nY8hXHztccKIF5gMKjV5fo7rZMwSkwf51q9WghLFl9s9j4tHuBItOjo4y27+H\nPnZoGNZGwCBFVpDvCG3t+Rjbjb54c55NoLgm3rBIy57VBGGni6AIyrfQ6PHz\nh8CEW7sNj0pFs9+5T9T5D5oAIL4lLY1fV7RNWWF99s1o0Hu2ggmfPCNLiRw7\nq/EtMeIUhbkJuXCbX8LuPS0j7QWFsQkdmOwTuyLTsbrL6MmLulMs5+ArEgf6\nlW052EOiPjAKLNDe1er9u5C3pqJEyxdnK0GDlh0/Z7djgE7JZCzJ/CM8kRGQ\nZu+JSqSZANL5RAubEr2QLO5dShlzTW1iEAZhAX9duT1PP8ZhsFlzx6GXutDF\nz+VoaTk1c8uIEPXgZemjRxWOAQiXG2RKqBbqKXX3YCBOkFJHLCb4bk18M6YY\nhVQvJgGEtzfZymxVCpHOoXXIL/F8ciZPxuYNLgvNzOLszMh8hutdBF2IFpCd\nHKCF\r\n=aQzF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.fa7520f62.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.fa7520f62.0_1629844055490_0.15317193971167975","host":"s3://npm-registry-packages"}},"13.0.0-canary.ce25bc3ec.0":{"name":"@material/rtl","version":"13.0.0-canary.ce25bc3ec.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0e6ffbc87eb4ef2bc69a524c2deb02a35aaf2023","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.ce25bc3ec.0.tgz","fileCount":16,"integrity":"sha512-LkCZd3L4tW36XP32padhNsf5+cJKclBGmwPsqgXNLcyIEu5qAAZrzddOKT4Jhg8Yabm156VTb8ctUBPqf5WuMg==","signatures":[{"sig":"MEQCIG6cEskDWU3fzEVc4BojevqQFsGrWhiT5hdoonf4krRXAiAfIk7hRdKzkX8UyjsKzC8/XtJP8+5jBzc/NL3+AY/pIg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJXcpCRA9TVsSAnZWagAA7I0P/Rie08t8tCVpTlGr6/j2\nSjvDm6tk3zr9iZ75DjeR5ccXT3FaoWEEEV+CnKF2fkVDKL3BHgCDKsf5ohHc\ndNK9BhiRBfOpz9PbQ1bCrE6ttGRj37iNLs8YLf1pw0MuStqtn7M+J5uc2/ij\njSzHrl/KDv2eOcBfH3lcu2TUSszWselJjHMLzx7hDPmfFBk6Xq1J1sJvfri4\ntSTLOIGQidsmvHGBU25jCMs62XmX+4EWpuYioQuZ28K01DjCQ8LXwFou9PVc\nEC9r4V/J54OsIcA1HaIdmUIOODTRB0PpNc7SFipeP5f8KfnG+lZNdr+JAQJI\niM65IJ+bQTXWtAWcKxrA15/7z/jA2M8GCeXqzZi4XzNoMxfvjRcjcgoiUEO2\nvsQN57HTPGYnarfc4yYD7ZQ7EdEto9CaBzL1iqQ4JE2k0iek4jaO+w0me44s\nEKf0s+n2Q3H3qRfTpo12d/e+jPR8Vqx7trgXK//s+pyW64528jBQ+68GZ4Ck\ncamoEPQ8ZIVaUfUe5xaUt9bltYqCxY43+YCRNsz/7qORdLymgQpj9kRax1MJ\naRoxJZ0wPRDrwizR3U9EmHWL6Xr9XX1I1sIxqeiqa0SiDPfgAzDvNPyZmZj4\nQm9nX3DOJj1JKz97gjLJNhA8SgWRoRFfaEKyXK3RZIBaS1yMPq6n2DN5SDsL\nysDO\r\n=GAOf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.ce25bc3ec.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.ce25bc3ec.0_1629845289530_0.2586110432235871","host":"s3://npm-registry-packages"}},"13.0.0-canary.12f5622e1.0":{"name":"@material/rtl","version":"13.0.0-canary.12f5622e1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"eceda57dab73937015bc57166b56a1e178ba3fb6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.12f5622e1.0.tgz","fileCount":16,"integrity":"sha512-Fiefo2SchYppV3gxPiKRIxk/Db/gNRuyrl87kxihJ7rmPMNIM2hQqbp+LMFICX2ceLdISL1rA9X8HIJjF+TssQ==","signatures":[{"sig":"MEUCIDLpzY4Tc65Xax/Pj3wCALsr5ArXG8LeVA7AIjI+SGRKAiEA+Fk+V+yMLVxs97/nneL1Erx2qKhf/zwETefPlx67/9g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJX4gCRA9TVsSAnZWagAAtbgQAJHtjJgsuSqq9JpPANwL\njh8NXD4YWvTV6MwdL1jCjEWZy9XuaGegZMaOYC16ZBaPR2codCBKHn9togDW\n2E9b1wAJOtOSn9uLdLGlnvZ0D9SxRfNlC1IREdMAv+Nlh/fXrcx4YveN40Ye\nfvy/G5QvgDX5pqHxHBUIY07hwNLAYtBsXA9sCxw8KJY/U3IMz56iKT15jEuZ\nlR5Xn8IQXtIMKkdUpg4TCEf0Sh+5Hpqr9e07WrGsOVA45Nzypt5JZsfBqrjb\nwDEyJTb7vmGS+c/67gol8P4e6r94zv3qObHjTXrL8UW4Ot4rdxhete17V9/S\neDXqP7M8XoTS/HEWKRafQdj5JQx46MCD76ESjeJyBt8tkIr/QTFH0SG27w0i\nF+djtwOLhmPSGmtBNofyjqNJ7OgIxXliUiBvcqVkiUHA0qx8GaqwMHdSj8U2\nCMootrZq6Oh6gAKK9by0LHyB1kkS0udCTaouCOzDwaroGE1oHWM4zVD3OY/Y\nvkLOdpMq2EWKUbvAct0kZxD3s7GZB4lMkOvpFIFW7JmG+7hMXM/khhZ0OO+K\njaXquIVtJa7ORW8dsZKwBVHLvfmhuHTiztpzTP8VZIWxkPUd6A5J4L+KAci5\nfq/8YQOmcu3hw6UCIWtgazdmU3lhR/Lko4+keAebLZ1cW5lvfgzQlO01vuG3\nhY1B\r\n=yWou\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.12f5622e1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.12f5622e1.0_1629847072668_0.242257807665057","host":"s3://npm-registry-packages"}},"13.0.0-canary.d97f8f133.0":{"name":"@material/rtl","version":"13.0.0-canary.d97f8f133.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c63fbd1eeb1dfa1c37d99bac8c8bee7063f43ef9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.d97f8f133.0.tgz","fileCount":16,"integrity":"sha512-cQhvT6a9Ev6COa+yjQDU3eFOYu0iOQtqNy1iCMR0pQysqjXx7c3nQ7SA+5RtKE8SuCzCudJUwuol+31wD/Dh3A==","signatures":[{"sig":"MEYCIQD5EU0cdYcqUdt4iibL5H3ldofhxKU2llyY1DZmZ3b54AIhAPHfY/MWCyMELUJPEwRgAMRdy3uAmBlhK3PIU8V1Hx1L","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJozXCRA9TVsSAnZWagAAIGsP/jwBMltndRupil3r6rgN\nI/4bpCxBReu7Uu6lAf7NXvL3MdgaaazIFAR7ktK0REwhTrbq2PW5ilKwEsNP\nMm8vxtqfsrlQirtyDJAwe0dia0FMKp/x8RGksfz4LgLJ1OTE/BkIKSbzSfUC\nKRCrwY3mkvnf+pJ22jdRzRrwZNWan5Gv4qLOrYRiR0tg8jk1c6MlSUIkYegv\nl9IMSpUBOd7rDvYNiolFx9gFlG6C1ARXoIrHzq4I35PvR3V7rszdkloB1q+i\nY7ZVD22uIMZVo00IApB1UKX5zIvMUhi7wbp4SSbMQ5i2jh5JT5ggShzJAOZ1\nc3OBq5Tcg9TUXeYd4AByaiRowwbglubAsIGPCbqqd29HYgby7gwoC3LBoRA3\nPOzbc8bmiMs909d+9MRE3uoHDxOz5OPvWKpc3AHP3OnejqRMiHGVOWJYF1M7\nxZKveHuKN9QC7EHrpBSE5V+9qyXQMMR0NIe36xZZunAJ5RvxPTwnN4OjhEB8\n7ZfhbK/Xi+WWZH40K2XrjAWE5r4Fl0niLlr7REtziQOjq7XAvIwMfoP1a9q7\n45iQQXibbCaM/Rs8p36AltOwEwV3xIvYc1m4iCdo6e5q3AkFHSI4FWvGMiq+\nc6KAXfF9j8aqZw4akqxCteuTxzjh28MKTpEfzGXRNP0/yf6bSAE5frzSknbk\n7BjU\r\n=RYAI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.d97f8f133.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.d97f8f133.0_1629916375684_0.4915384100757849","host":"s3://npm-registry-packages"}},"13.0.0-canary.d86fb6fac.0":{"name":"@material/rtl","version":"13.0.0-canary.d86fb6fac.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ba43a10f1963a18d9cc0e9de850c84400a83f2be","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.d86fb6fac.0.tgz","fileCount":16,"integrity":"sha512-GrfhEiOTA9MVmYeSmwctQC8SrUHCbeQNSH1TvYDd93Siug4eTkOZioz4+xwPejIFiDfPZOVtY+SLHcybGlG+iQ==","signatures":[{"sig":"MEYCIQCfH69BdpjWTRhWo8rIkqO85JQCaSMUeP1EnoLJAmOBngIhAPZRC+pzNX/KQeLBfjcgUyyKaKAKa9Q3AFvT6dyKjKZ+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJpGqCRA9TVsSAnZWagAALJgP/2scEuug/ayNzUPfdYX1\n700tFSE9ndFdNrB0dIabhjP0IcSVPYMDhK0KKk/E3Yvrkv53XnCa0k8cyV9r\nrjXsbJgHPi54jp7uDEB3f03yxwH6DkZiei7CQNUn/0qeFJTaBbljAFvdV2UP\nSXwqCK5iXduHBJYd6D82+u6pr4sbLWlwSnTHf8tQgL77fp/kikD1vBKSA4qK\nguqCBg9w89jeMF2zJiW3zFlGuhqgMBD5G4VQu09ior95nYNEsBMB/NCDzfnA\nHIQ4eanejf5dl2D5yEPogO1knlEd46JmTl1m/gO0cvDgFg6b4l0A8bReNCR2\nTxhLDMOoEaGuUUOZgIi5WYQLQCwXY//GPxhirmVnp4CiAgEMVjLUPI0rcU/0\noLeD9ONXJa8TzrGR7qTyGVwYK1tQmB2GsO6ghSF4Fp/WkIRSP0DGnp6V9owb\npLtN6/2P9uYPme+mWbJyzQcif0NXHN9r2aeWm/NovRgf8EytRiecoNGZJfIM\nvecTidixDIpBbo5gXmM4S/Eo9tGcc8NXCEmj+G3ixWirJ6svZysHVcS7qava\n7exFaCTFhMH4nhayIUU0W6UReozEvDKYjEb7rkkWjwY2voHyRn0X/7dZFZTZ\nkMr7eL33op0EWKUDxDeBuudzUT9FnkeDiKxj+E0bB6ooDs1IlpenaGdXN7KT\nl5a/\r\n=GyQ0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.d86fb6fac.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.d86fb6fac.0_1629917610799_0.8033112433460106","host":"s3://npm-registry-packages"}},"13.0.0-canary.e8554dbbf.0":{"name":"@material/rtl","version":"13.0.0-canary.e8554dbbf.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"27a4923823edc44ad686ca2aea89691da9104ba5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.e8554dbbf.0.tgz","fileCount":16,"integrity":"sha512-OWRYtYch4jI4WjW/QWL/9po2pr3OaETwoZMsw+fO22eU3O5qeiP1FwVVXNzTMkXK/d8LivHgJWfkQUk9X0iu+A==","signatures":[{"sig":"MEUCIAbttvjvLiIrrBG0ijL3zyKXysnkQlffIBQv2/AVeXQ3AiEAv1Ro6FawANoG0Eba2BCXbgxG83DUadTWkyHs4AJC5Is=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJr0rCRA9TVsSAnZWagAA9XoP/isZk2KCqGVA1G2BOUdw\napvVHdJ15QuqffdgSRws51NNXyItfSqxiAuiWP8v8JkVZi3GVSDqHtUsBezb\nt2PZga7oMmFrgJAPbk3zb4d7tQUNAxDue5KgJBl3LmvA8E20AhyeZIrTcwaJ\n18jn64a/a4plpLPpjXTIuZbzw374gkKdWT0j5B/kZNkzgnOXRSW3gbJlr17t\nTn6jjig+kBGlyd8ye7fnFzhtMmVO7Wz8WsjXr4za/QMEIv2PoPA8jeoysC0E\nvtpb7nhJSJ2FmVB4gaMGgEqJjif4LixkjUg0x8DLEHvFDCHvUWoMgNEOCfPv\nyYykvAJyM+vHJ3xt9iMOSQ6Tw7laO7e+jsT61tD8VwuWmWZ9eBCiT1wR1bZL\nshmMWUg33DpnO8uv1UgsP4HqUv8Khj8kHfmLuApWGoQgh/bg2oucLpYP/hL3\nOQeCtZyXQ9WZQL4poYDBht3Oj0DBwvQev+qN1zu/vB2ITvZYV2/ePh2Tge9v\noPmktvlecs53rTHHts+eEUp9VzNKE4xlhWnDEy9UKLykk7Rd1cEk4t8f52on\nFZGG1UgooTYKm3crQySisOEg03pqjGVUEYDzyZJsodzBINpakR5UF3Oci8+O\nj2dVlYGeEr9YyTvNBm6VttSLB13Hlm3tUtYzSlJYCZ5T33P4CIoiS5fYGOIF\nelwT\r\n=g4qI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.e8554dbbf.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.e8554dbbf.0_1629928747312_0.2916827899887524","host":"s3://npm-registry-packages"}},"13.0.0-canary.877e3fb0d.0":{"name":"@material/rtl","version":"13.0.0-canary.877e3fb0d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a9e7cc87b3a6e8145754252a3d62156f0d108d25","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.877e3fb0d.0.tgz","fileCount":16,"integrity":"sha512-Ch4egktGcgZGyDzEvHv0ECS36UGwMePEfvs1yI8gVTmAeozwhDeB5uw2sbxLGn+jW+cyNC5gJpW/ZcjWamWt6Q==","signatures":[{"sig":"MEUCIQDGPUCz9MtEjmx5spnavk50HaHO4QVvOcA5tqHR1I1+AQIgds2JxziWlhntLCA/HkDzyfw/HrYidAXkgj0ZgZl6BcM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJ7VICRA9TVsSAnZWagAAOeoP+wecF0nM6Y7KwUM4jbGa\nT4U1GSlbmb6ST1PmjxODN/4GBMB2hJn7MydiBVRhHmCIVWzFdCr0vKctSVTt\nezVVfklmgaxUM0AlOna7SAhXhpmbjwKGcd2MfO45YNm4NBXLitgnfi7X/8PS\nNaGA63Qe/ki+3p1azepMq1lpUYHNlLtwRjWWcRxsAvj/rRFnFGB9maWPz4++\nLE6lZy76JqvzDWliZX7YWS1y/uWmgWOr1rqpj6vNipo4u2QGkkI4xnJI3N5p\nPkOBl0gr3duT6w2wT9evGRc62M+ocHciP+i4zd83AzbyqrTIsdAWkmkmQdZc\n3nDg3Zw2o2ij6JKbMooXlgtkw+KZ2XJAEpV0OZT0ZtpTu7lD1lTm2QO7vGgf\nqNPexpCsvcNJSONe0hGvGrso5IU1cCGuk9mVqW72mvAIOV2m8BOEQc7HPx6Y\n6ta6YayHRX9uHtEEDsxMsw9uAOIPVuuwN80yxaerT9mP2tNc5cWxfXkkym5F\n7yPtjM23ALE5zztKaoL7LyLxE66ZYa5jwu2vKGQwl3dWCko6H1W9RU/ngFhC\nX/YaKue0EQjaLN2x7X3Hen2umh5v9hnCnXHbjzVmg98HbRytnLIZFwcNy1rt\nfhvxrbOdySmbomFMKZiKn305QDAi2rC010fY2tw/6rF+kmjKvuriDNcVSQIx\n6OAp\r\n=AfXp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.877e3fb0d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.877e3fb0d.0_1629992264285_0.17940270594409258","host":"s3://npm-registry-packages"}},"13.0.0-canary.6236f3576.0":{"name":"@material/rtl","version":"13.0.0-canary.6236f3576.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3ae76f72739766684501c3be90f62cadbb6300ea","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.6236f3576.0.tgz","fileCount":16,"integrity":"sha512-eq/Y8gl4RDa34sC4Kqwi0UYCyu4i0UnXFHfe1JZtZZ7oaBZeOCV5ZGMf52Eo+V37RlaxfxjD4QVbRUDRDc6toA==","signatures":[{"sig":"MEYCIQD62ABZ+uP9mk10VGDRxYJYp4NwgN6MO+x5saYBuAvGPwIhAOjptmbI5JmXUx5p2P2+C4AhMW5mnBk56zK+9mIUnLAl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJ7vECRA9TVsSAnZWagAASqkQAIzANhvzX2yaNqv2aa+Q\ncUVr6YX9fPehfzrc69B07is7IjBmphe4kRQSeAH2D5sA1XDvLg04PqrRZS5K\nELs/MPo8GPQOgTKLz8nZ9J7NK5WD7qDYraYDX0+K+NxiIpJORSQBKaPuLENK\nh5dFWgfxK7NqCAeUVlUlPu0XG4+5jQb2UgPmm+kpKI4eZ3lyYhgLW+fibs+i\n/pQOW21Rl784fkLZh0hdTC3oIll2VPaaaPXzqhVyAfQQ+P0Zfj0eSh5/mC4i\nHy/qiXwPSACmp+OgDDF/bW8+6q3gaT7ha8TXGmoqRBO/yOJcuyan2ky7hUtS\nMR5X84xgIrMw6E/cjH+maPaI7XxdqoGhVHSzm9Wi0y9EJN7KiOj86Jv1ReFk\nMf1b+UcGa1A0HoSLNDRznmWe5w6OAbKDevQxBjXZQQ1HzBpaL3/Miqygjw40\n23t3BkaXnfVqll7QYbA+afk02Z0tw5pUwCne691zH8BG9vGsv+S5etqO52O4\njwQgRGNxCU7SqnOiPbpu39ipWYfENurY2YsBWD5DBzhuR47D0bgD7pAh0Gqu\nJvloVdveiJTi2SWvY27Ljglq+M71UuI/X7+eO+lU5PHEJZzKGyvJQFVTDgOO\niBe8b2yLJfaFELsDRqfoVw9rR/23xh2ngGgm1D1q1gAQoahQymJZkr5gH7Aq\nO4bq\r\n=Ul/Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.6236f3576.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.6236f3576.0_1629993924441_0.09769627882797605","host":"s3://npm-registry-packages"}},"13.0.0-canary.1d19158a1.0":{"name":"@material/rtl","version":"13.0.0-canary.1d19158a1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"870f3b314f0debb7d5a0bf1d8aa49297c0dcd15b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.1d19158a1.0.tgz","fileCount":16,"integrity":"sha512-QUm42sJyg/oIPXDt8BAg3Wp3fP1p7gIjLVDN2usREyGbuqJ38xG92ZW0WQhsbZv9dLDwj+ui9yy+I5nKaPSd6w==","signatures":[{"sig":"MEUCIQCajInrXDqpXG1RBap2wUX3ADFm5IwWUygEIjFAdl623QIgFNCfWXDTtB/NTrTBRLZVgKTLUP+HN5Oi6NHmf/4s1Vs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJ8qYCRA9TVsSAnZWagAAxCIQAI/pDNn8bOCx771VGiFh\n6xqipW0qptYEcSWeBN13DHeOs9hOuxJ0a2J2i6T0YFlPagT3QHl2w6YmTuYm\nFcUd/s8CJc63wpX0HWWsccrOpgjvlex/vejeGJ6QB3mLBSl2KFygIUMyrq6k\niX6HAkjmPmLQA0tBr0PodJdlEy/DMwms4dR5HIn6X+7/amVtWdpHIf7UBVet\n3jPqyBe/onuvDVDFZYDH95NSMXJqMksiWYDt/M6ARp95GEOelsg0blAWeHja\nQ72FlpCZykrVB2ppoINhOnxh84j51Khg4VRhZZzGOHuGT3ew0h2+jmX+8Utj\nCg5mLAJwJ6CoEF6f1P8T5hQx47Rvr0L3Qqt4Ncyq7MQ6+n5gqta/qFnkTSht\nnNShI7fzLrjHCe3NUGyMi8nOU1/uPYFXn83vPR45E7im8+5DEvMPYpJvwt/9\nAcWyf0YCjZm2ry/4G1iK9ik9XibWlkBJb+jrDshdeV47tPnNy4bOY1MecnGv\nNxsOO0d3XOT3IBc1MByfZ2KnOMzmA5UbpaysSXt7eiwaajwduTxz98KJbrxP\nqts8t5glfucOqhbt/22qXSne5DjazBgIwxh9XkX4CW1Ky1hR3BkgFzSVw0Eq\nHA5kaBf02XGkix1x9sNCPc4NNyc3HD4RLy1bSnjUit4XQVV7RQovgTM/4XST\naBh6\r\n=32/s\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.1d19158a1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.1d19158a1.0_1629997719989_0.7527106448598224","host":"s3://npm-registry-packages"}},"13.0.0-canary.6adc9e83f.0":{"name":"@material/rtl","version":"13.0.0-canary.6adc9e83f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b7c6e8ff6cf90f768cbb686a48c45c3c5e3f9d20","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.6adc9e83f.0.tgz","fileCount":16,"integrity":"sha512-JzKQ0bIRW41Hoc7e2CmNnJl+im/5NskL0XAyAMF3PCSEVxKXLXW/aC1L+XriTjJyIxXHrK5TFvxdHXuJDrRdDg==","signatures":[{"sig":"MEQCIFYe1BVAOWQrlD6y6beiV/CI+V2bFkV6raojPXktrte8AiBMrvmukjvuhme+TSkfsevPy7gynxDGud1pNJ9iWAuIKA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLV8yCRA9TVsSAnZWagAAJC4P/im2D2yyFkt44CCYOWC8\n57xuPHl6iFHxbP5IpxYoIfNE6m9MtqO/r2zdFkR4xOmlCY0m3od0Hxde9yh9\nehq7Jni3I4f4pydz6E3XUapNuCHMXcBCWjBqYZ1RyrG3dGU6gOMXw8qupFUA\n8xzl8WS5agLHh6hFj5Mn0Wu8L+nSfNUpktLQ1qnSI5fdecyuwqiT7yrp1HsE\nQKqbjH0fCwb9+Dp/gedkGURCvzJaNfIG7vWbbqkYTam+UwG/COC057/lQt6n\nojysWRC55Fi+yBCVdQdNVXaMCL/AvdyUhh4sJCji8uc/izPjmhHIHTp9+lWj\n1xiYbSB9eKZxBeXUu7LZ1JldsVQir+Hb4pamm+kWOpOQQGQazJhYnTGHlrBW\nFd8TRy9ox/dEJMmzRKJyPSXcwIUOzNO9vmwxXe+xW73b4V63XvFKVY+hR6It\nIorAC4kaqw+gbIMoDh5n8/ryNs62ReSy2A/ZuJg0kNOkI4YV9RutKPRcJ92k\np9muG9qQBw1UKxALzccDcW6G0jqqsAqS4RNwnbw6hQjTZD2jT/qPDgtx9vcN\nONcIO4AzO8YQ2MEyPgt3dwiozX/Q42bLRnXOvvKFYq5cb7qyvm23zsMY8hO9\nEhTsKj6zD46DjEDafyiEEUQNErcqzfMEUktktqPKasD0FNSQ7oznisg/TTbw\n8/+d\r\n=AHbF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.6adc9e83f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.6adc9e83f.0_1630363442381_0.5843333417500602","host":"s3://npm-registry-packages"}},"13.0.0-canary.d082790f0.0":{"name":"@material/rtl","version":"13.0.0-canary.d082790f0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e066b8eeff4ac431852a9d19d0ba7840ac43ea27","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.d082790f0.0.tgz","fileCount":16,"integrity":"sha512-XZbzSiH5bFU2TuGjX1mXzkSnPiqyijVXUqpdLuijgfv87cD3a/SBvVWtM3clzpy4e0RL+6DZo44dZ96KKK7a4Q==","signatures":[{"sig":"MEUCIHG6IiZt6hNJnAXjKy7KRY4uCEVTGmn7yfeDX2Gp2MraAiEAn5eyYHDXiVlZc8VeShw91brxOb4jHmDBzqTCeZjqfWQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhL/Z6CRA9TVsSAnZWagAAXhwP+wduNM7BHl+AldVabHal\ngSIeXuRohk5nEvUolkVNi5pAXKevd58ueSH8Uv8d0cA6SkOnNzKVEXTRiR30\n+NDnUp102c7qijqYsM9Tnx7QVmo+xWZ7k/Hn6gCHaKSSMhldzolhgQCZEbbP\nZew+FZyPiksYMLdD6Bnibhm6Pankp+zucd/oGHlnAWq2FWlWYbEuKBPQy4/T\nP5zXiD4CQh6m7AwKPTNypyJa6GcQ2C8Ut654TuUO2T8xDmOiaKOSaESfDbF3\nrr1dZqH2VmCDRxEF1e+btKf5NqCpE+efDNUFIGosdYbZVShuvbr5zM9um260\ne81sknnuXG9uW7yb7k1NCP0PY5EwUEbGH3uP/Huvs4d3MRDvSnH7f34HD1Av\nxYt1dk0jnyLaz0QpuHy28nNBBZ+P1/zUeablM5lT4rRPJRmiFlQTeM4UjODC\nIuEZ7PJ0ao9+1owDWZiwPd75qxgt/cmC2tK+y34QKzoTglBPb8I5hpz3SuZx\nTJGdLLSLQypufzklqvBU4Or8YGJqIm0CF4uQYbEsjrmXQlDJiu0kKuGDmQjT\nSOPQSWCjs+RF97cqiEVJlVJGrn05FXMOss5MuLsLQ2QxnkPjncNuQKoMvB6p\ntl1VT0yzNa6DDG0QcD4XetUhkzsw6wUH+Pt4ovXYUYMhBmiaFlZ0+2gnongZ\nnJco\r\n=2qVh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.d082790f0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.d082790f0.0_1630533242211_0.0589781525868891","host":"s3://npm-registry-packages"}},"13.0.0-canary.e2c4f0196.0":{"name":"@material/rtl","version":"13.0.0-canary.e2c4f0196.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1ec9a35041c1490971070e9fdfd8786762c78319","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.e2c4f0196.0.tgz","fileCount":16,"integrity":"sha512-DLzVE4AoOompF8eh9WHWtEDlNtE8/zCy5evpSFLez6b4D64tpkSuQO7+OLwdyAHMftfcEpRpnNRq8e7v87qFBA==","signatures":[{"sig":"MEUCICjbu+9DMEtBdrjBTlp0AZeSA7MjxeJ2Exzvmv1KaJLcAiEAygaQGnn/IHRLpe7aVNSTrEm8c/mzAfBROAKxC3sRzQQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMDKwCRA9TVsSAnZWagAA7gsP+wWqgrzn+Nm2yZmVq1CD\nqHL1KgdqBsabRQJ+lXP8YouMXIgPZQ2arHrMQFo+/Yr7GIUcB5/74fjehDnG\nBr6hA/wgluRzZRhrVNjB4d6v9m8h2L5/SmkrjYz5xMIS3fKl2KLTFIMxmr1F\n155qMICIGIK2qQ+dZ082FqSKuwf00z8SY25ywvM1ykdUHSTcSZi7asnh99vO\n8sIPt7pewfmm3sqCsMv+1x/qyJgV3uj1w2SiYl9AWj5bJk0nho1kyJuz2Avs\n9o4TW8IvIpYy59ZxwkMD8RXEa9OdXuliJMotYs3e7A7iIXY7cMfUK33nGK7R\nIkx5X9v3HOrjXckhRAetwX9HcGas23jlORT3rumYsycACSHtWN9X+V5xzTTc\nRmti95R6dWjelQ4vv4V6VBBcRjtlSiSWn1Up7XehrwbeOurul02d2wsCciEF\nNo7lGl3edq7IIkFX1T+NkqrZ8JmdgDdP8d18QR1O4HQrGWIArB9BGMouECvp\nf/IlwEn3/itVUSp5+5RWuzrc+ubqGIH7eMujM5NNNI7CBSt2gYMYSDCmuiJF\nMjKbiDxw7MkLuWQihs/x84fxzEmh33u6TdoYw+KJsYyE/AyiE1O58zG5Wtjw\newNimlPW2ikNH52PYpWAHp28DQBRaWz4WKZi5VpKQ23p8aGd/ukWgyEFE2s/\nRuJx\r\n=dcm/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.e2c4f0196.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.e2c4f0196.0_1630548656103_0.3095194457279977","host":"s3://npm-registry-packages"}},"13.0.0-canary.611db508e.0":{"name":"@material/rtl","version":"13.0.0-canary.611db508e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ba50a99add77dab4ba214811741ac5aed42f19d1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.611db508e.0.tgz","fileCount":16,"integrity":"sha512-VSPOVw02axndu5E0n6WCy5+2frFkZeNtMv08Zv6CmE7A2uep2ROjY948kcuxThpaqKs784HJg49w4l3OYXuhMQ==","signatures":[{"sig":"MEUCIChKCjvyrgRL1msSE2IOVPAt3F2O2o0G4qHQs5AvTeBSAiEAvw4TGqSqmAV+0lXAA40RTADMUrPUeZE/k58jYCQAjro=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMEGhCRA9TVsSAnZWagAAWt8P/33HvDFJ//UiCNSfmzqo\njoYIkyrNE3uyVk5r8wfz1fTu6GbU5b+WGyTgmzda4A6iSPCANEhrEj/o+/xz\nJJDb2J+8EWViIJUw1CGntx/CnLQVexUNeMoPTTZzRuk+n/5fCx+7qi6drKKB\n1TAm+cwVoSHnOBT00Z0KFb2/z5Z4R2ZPvvXvjl9FyAo+rGT8HwuSUkitrEAx\n2HNr1Pvpnsy6uYayEGcBLhykxIpxRwsW31eC4OcedHDKllu54st4+pdzYrIK\nAAFe+MjwhjqwLgzgxLDoss280VYctg0RGN69O0j7+jykaEl7qJTrkrvIkQx7\nSVz7+s7u3FEaxujDlEtsEBljrQaTILAZulAkT8hSNLP6hiszg7v1+zV50Jhl\nasIG9rXV+1JJCXOpsycuvcOnjks+9gBBlotuOhAfeH742oF4qPL8mZr9Dkiz\n9iCl4Vp/qJGEpf8j/E0Cv8kLmKEfiKnc2hK8xLq/zmXMIHM+01l+40A0JEbT\ngKbHLyXvob7TLj2HFXhb7lnhaypLBnGc6g7HXhszO6W3WBKsd65/9MZ0O8F6\nkGleSlaJStCklCS03g6Wt4YVDerwf5A+UWkRy/RoEPGDP/JdMBR4fvMyBExj\nQfW7f7EMRgnqhULu7YAQshyiyu5e+qFRahc+src8G0PqBS61fAlQtEaStMhr\ndvFc\r\n=iFue\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.611db508e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.611db508e.0_1630552481089_0.46686496305743574","host":"s3://npm-registry-packages"}},"13.0.0-canary.d4706933f.0":{"name":"@material/rtl","version":"13.0.0-canary.d4706933f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"54d75744abedb92cd1052d3962cab4691a1a79cc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.d4706933f.0.tgz","fileCount":16,"integrity":"sha512-LV6HJQcvr9EJZ7UOFjsWnmhV0gOwrlStaJrSm8lcOxwEelcIkY4+Nu15E1PQBreNX6dlXND7miiJ+samxT/DIQ==","signatures":[{"sig":"MEUCIFct0AgPTm3JWaTsqZTIvTIozDDwKSqRNwSxivaAQy/hAiEA8UH30E0xO9xDRg7xOOxMSjEWgr490dkc2LkeZf8zbrM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMO+1CRA9TVsSAnZWagAANAoP/0GfwW1gBhOekSCvHfzv\nGptnxJqT83AD7pzpttWaQnwwEEudcKv5lbFH+geNuFzNSO16c5CQG7Yvv+A+\n9tcwPf9tTDRt9MkExJr3m504Mq8Hok4Zh/5oAzGlC9mjkl9rQxjpx1hRvN/B\nEN8XzcQj/uedNU/HKDkckHSvqGXweCvzdH4AMtDwSWXU1BOjS/cXxv2JYW7s\nIEEryUtURCERKDYd41WlNXKJM9OV5dgLWSicyO2+k4/VhQXkR56Up6cMvJdS\nXTRKQIRpdlOlfKevnIHaZ9xw+mnQKKZPSzYA+Cw9rHXZAEfLcCgYU6+X7m/c\nJ7S3npOFm9x9obj1vpgqgvQOkNKzRYTk6sJA27oq0mc1F45zPLV1Y9q9xHQ/\ndISpZM6XaT4b4/ZDwCkWSvNhOybHWJdoIACjOPsJIXh27AfKKYfegc1G489W\noqkg9emhVmrWTaQRXGOVTgsALMiXGLA2J+GV7eS3B4U7ZJUX1GQNkXskDhaq\nngcptZezyCvsBedzmbRXG/TCpPvE+APJrBd+p0RftOzULuyoN8hGeB0jgAHe\nt5kOWRfLXpVhxIHwHkWwtJeWguW/Exs1wwgxsV1gYjoLZcsSzpJ9n3MkYI5l\nv5oHhdHOwNEiIC6dSfnG+57b7cSiGpd+++v0/Sju/mbUhAPEDXH5YATmD4Fu\npJVo\r\n=7pH0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.d4706933f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.d4706933f.0_1630597045017_0.23863326011488462","host":"s3://npm-registry-packages"}},"13.0.0-canary.c16fe03ce.0":{"name":"@material/rtl","version":"13.0.0-canary.c16fe03ce.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"db9ee23a30e716fd57256b8172cfe329e6b81481","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.c16fe03ce.0.tgz","fileCount":16,"integrity":"sha512-N8bHt92lBVQW5ydAX9Ug9I9isA8wcx6OspCknU+7ra3wmJJ3uTpHtuJikMRQGJBS+yQiRYiV6B5Tdj7l1JFmJw==","signatures":[{"sig":"MEUCIFJV56+C/WMEag9iHj5WP3131OFMo5+a6fG2IXs+G1ZUAiEA6VlKuDJbeQvCr0mvtcrCz8VJCPRW+n6SnxTqbwbVYAw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMQ17CRA9TVsSAnZWagAA++MP/33vD2aPOo3H+nB5Mndw\n+3kUDWNox/6KXjxMmKH7oedvjRntic9wxvgHl7tqFzoaEz/PcqHxuvfFUK2T\n1nZzqSZ7kYp91iYT2UYn7Rdkg2mGvx6/0JCSk2TvLIoZuqJKBGYJHssEXIfh\nDRNq/DdIn/Y6iA4B0m3b7wC5wMTsN+7PkqfjKqyCb3pCe4UDFaZxtqUPzGxT\nY/a+yKmavZbq1G3DKYutAu65MfQOMf9MK6ju32KlH56PXnLHKjfcWQFoC/fE\nlXgjSFrIaaN86udT0N+ILEC58J9iaLJ5iFTugt31DrJ7k+1o5U0wiqe0JmxQ\n09SUDQJuMx+jS2MbqgXZqo4CSxmW4BIVJoKad5J54bnXeJ/2IxfKjO5GddGh\nzI/Z0KurqZLBgNbquPGpsZkVUDiVfmpuJzMPjeEVVJ0jJv+gIQp8tKjAqEbr\nFdqGiQjzR8gOjHypx37ZAX+8LMHOo//pYQjpu/jX6QIpZEpVAYTwy3lOtXFU\nNLnH7f1Gpu6NZVu33Y2KWLhI1XTga8BZbqDJ7jZgRPG13Gn0KQeRSVA5ZKey\nyMbJHzZp8qMpUcnTnnsxrUhuo/VpsjM1g4YevNyOoAVSlaf7vWqryddZTNUt\nebm/Q9hUDiM3jcjNCPde8KhegYYuM5AaF9tVBs/ZxglJLPi59DE0iNgrAf1z\nSv52\r\n=fwFq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.c16fe03ce.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.c16fe03ce.0_1630604666970_0.5130457248534028","host":"s3://npm-registry-packages"}},"13.0.0-canary.9203a958a.0":{"name":"@material/rtl","version":"13.0.0-canary.9203a958a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d59f1be1afef07cf43d359dafcf39478c7231804","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.9203a958a.0.tgz","fileCount":16,"integrity":"sha512-mPntEx4SePFxchzft8fBx6GHHe5qTZZJmh6/Vo5cMRqnKN+ZJZgMESMbw7I6sirJIH54cJhvvS1J+2oq5RcWuA==","signatures":[{"sig":"MEUCIAOE0YYFmqR63euYY/xGebgxbmc/WzQKCMHq6SmoWZKdAiEAkQG+LJiJeHyf2uMSC1+/auUspWRkDv1Lj4mwwDHP9eg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMWIxCRA9TVsSAnZWagAAMsAP/0pLPHfNuUFPPFwBHvEp\nFM1DSCzj75LOjihOODj8sScG+bVCX07NkTLyl3qC0WChOuUO3iWEfbhNcUmP\nI7OB9IpsKplZWwGk2f4VYXFrR3Q3QKfPByA1saEleZfaPJkeo46c7BTNkXXU\ndaFuDFxCxWDrKeoeSScwvCTfs/QUo+LoCQkWG3tlezgBpvP6Rd3zxyZYqlAP\nf9x0nP1ljd4GFiKf2FEad2eDpAcV9m21U1YlP0xiywzsmU6DD9HPX8gtnMLu\nWmm/C4K77p7JT3ilY0gJuISyz/XbwpGk10qqVxOFFO5TtFxZbKKj3CCWCLZm\nq5XpiPS3uwd3E0aUFCyYKDEcW7cPulJBhJmJzaOhg7F9fZsZWiCam3wXQd2h\nnKnIlEzlCmTvWExKLXLYmylr5rkytwQSWyzk9elOhDbTp5Mbm43pYOBwbERG\n5kg55juX6iuANvBVx4EbzVwOOM2VtI9NlFv58pO2VtLqeZxZedvJ75I1pYeP\nDBs2qt0oZYkUhzcBQ11tL15WC3nKxQWmX4IJictJMwZ72HVqMCqHT720JMvg\n3UiBjOkwCEQG+aPdWsyHxNfkhgwjmVu6tUIooBAF7mtJO0+nieOG4ov7gt7l\nbeLehq1l8F2CzuwWJNVMbjeO726FgBm/hn6VkGCjbGL/IG6UlWSmwHqNPJZL\noOQS\r\n=Q1n0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.9203a958a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.9203a958a.0_1630626353248_0.8929650230901884","host":"s3://npm-registry-packages"}},"13.0.0-canary.fddd5ae93.0":{"name":"@material/rtl","version":"13.0.0-canary.fddd5ae93.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0205076a09a1c2a24c4b46c99954c37cb836fbb3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.fddd5ae93.0.tgz","fileCount":16,"integrity":"sha512-RMm3RJdUT0jq6QxJGAy80pxzWzk3Gwz2ZJtE4QLfDjXq2o98mXVENMhCLF+Qg8tZNPIjXlgrgsg9YhqTvvq8Ng==","signatures":[{"sig":"MEYCIQDWmRLJjfdFDLVHTLvJulruNfQVQUzqeip8Z9q7wstAIAIhAOyua9l/z25o1HVGUttQLhDMSjkoRnX5BM75kv1FOtsa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMc7TCRA9TVsSAnZWagAAE5gP/2lx0KJtY7MatRzKQMlb\nA7xGpCdsby/BBOq86Y2BuTLWNfmt3Labts5Y9dDnbSOFa6l6cD9bxpupyH4q\nm/ndoTT9b7E9vzIXpGVT/+p4b7c/IVbguEJhh+/ACZhVWv4NCkVK1YFN7fLw\nGjVkRnRTwLfhhBPq8PnrFSMmqOkicKgdk24FUY9/5131QJ74NTMOgXkKdBxU\n7iCLRIbe6uiI0bAdcWTyX4KGqZLU5EBAW3ipl2H9dzn/OL8ey8p3vrko3oE2\nUbID0Uz3ng0+YUWfQ6QVgLMpgwDalvFqMUSd6Rk2tb6gU6M1PntJ/OxoPbVc\nMLkbwXu3PBM9f2g+k+R+Q+jHElEr0psPrAn8P86XdT9nZVrUEksJdRIdDm0B\nfIIh87W7PmB+c2E07effl9lT+qOahJXP+FwVM19kFNhDrGXhIpD6d2n/Q8Hz\njhbJesXPZkBp2UWmx8f6NPz5ezwhXqNdCK09hzUnpJh9HrvvhLmU+NzhXyZV\nCszXbbZ3+pi2eV9qjYCnY+E+bcl7gK0oWVsdPqNiQ12DYh6jzNWHbXZWKRA4\nSv1Q1OqquIz4mAcw2BCZZdzdp4lsv46MDjL2/dtjI3x9rFulAF5lTg3Wknm9\nQFvIo/S6VIi8nsXM+Bf6sSvULbXK/q1ML7BDlv5Giu58IBPkTHxhTL04NtRe\nnm/A\r\n=hPTS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.fddd5ae93.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.fddd5ae93.0_1630654163211_0.5901904128591711","host":"s3://npm-registry-packages"}},"13.0.0-canary.117599a8b.0":{"name":"@material/rtl","version":"13.0.0-canary.117599a8b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"32f8f84c1587a9700b91ff7e4785e3564ad214da","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.117599a8b.0.tgz","fileCount":16,"integrity":"sha512-iZd4ZwMFhLe+lwD2u8PN7o2D537m+qxnLaQ+tBfGPcIbOOKY4m9hoMZAHBM7rNuSey/M3C+GqrorOX921murbw==","signatures":[{"sig":"MEYCIQCKPCrl/Sj4EH8NOj7UKn9Gna7GCOJrnNrTjnhWbkUf6wIhALw/EC1f4yTnZqCMZScAh9sOaybs8kt4AOTb1ttFsyZs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMc8qCRA9TVsSAnZWagAAjeAP/AhUi73yHTqSooC06CL3\n843A62b5385FWLIG+z9ZEG+xNqALDV9iVIuqfsb97mvs98uOq5SZ+Gb+HXiY\n+OjbWDUobWnJv4/rlGM6RY44sS1OX3bI2fNBa+rSS7sju0n2r3EaGY4ln32g\nRa9x/mkG7vY7m//Mh2dxWzI2LASaQpp6JARw01EtcDOzx6bX13Gy9ACYranq\nwBq2KbjUp4vBPAWFZZY9s0DZsV2mOdRP8+S57Nk25JnzsNCgLaBrIXmiPfuv\nNCQsYxcJejP8yZLVReuPh4sphkSL2MqCj1EfcNOg9E2RgvECXUom6ZhKo3qT\nm581tJrZogn6bzRgJ7iR/c9cG68K9GrMDsQfBHnyvvTQRBskJdFXqn5m5BKM\nMytTXzIQ3/j/EUkCAx1lga1yGS5+Lx+6YKjk0F/o78KZbhn6k+ZPDbq/nAwT\nHBPDHtKLtL8j5hr2FiShpsuPj6bFw5cB95LOj+VZEYkqWuXyzTaDfXE/izlo\nKUW8T0n3+cBPnro3f2V2AJ8V/Qql3mL8kexV3KiVgtB9LyW8kfFO7YikiiIN\n5xaRoNXfpm5GjK0xN2CdGQdouIpVZjLl6mr4tFwBRKwnIMJ6/9jNrWtXeDuL\noZzfNQPKUK4I4gGqlDk+C7EODiWBsbqlwrhqWJgp2OB0JCa7dveTtUmUUR/v\nCWUs\r\n=dIgB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.117599a8b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.117599a8b.0_1630654250345_0.9896785332816274","host":"s3://npm-registry-packages"}},"13.0.0-canary.e4180d07b.0":{"name":"@material/rtl","version":"13.0.0-canary.e4180d07b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5713096ac07e69007994d48bec33a1d7bfe60d00","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.e4180d07b.0.tgz","fileCount":16,"integrity":"sha512-FZgxDURuvCvCMdUKTHRCyNzjcLqlrbemcPI/0imPd6sXJYvkLjRoCVt0MWWONCN0I69N8OOcuNWrKEchlSXA7w==","signatures":[{"sig":"MEYCIQDrDEpAwxk0mkS+iJbkueCBd/Vf9XAlxhg76NnR0MggNQIhAJwp8Pcvtv8oTnnb4HmaSmjM5dADh1KT60OnwS2sJg7O","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMc9ICRA9TVsSAnZWagAA+oAQAIyi8BAgLgpvBaEwPnth\ni4LxJCnMcJxHiNDVCY8JXSYhxdOvz5YhrxmMOtcpPKoMX8yiGffwJmatcwB2\nOPosUeBPPBjIE5zbLv/anTSGFJ19YRcOLuZiPnObuNv51kS2OUB2tgnRX+EW\n/vucPcIt76bd/6v927hy1UvMb56bJ+qbpJwlD+OWecbH+KPhXhNkv0IB4fjl\n7EpOu+5x24ae+sS4S2CSpeT4rvCUioCRBElU8Nta+3AfkmZgU+tze3eTRj0A\nEjc+5VyoyBfPC1ddylfHxByo9LksSfOuC5dBpw3AoEJPSUeBAvk2DXjfusxq\nqGb1Sev2De3ioZIUrgBuruylU3Jlur+qrjNZsGnxZ5OACTNX8UMiNX05cM5m\nJFpvxEN8CzOyPDly80NYQ6lF8kVcX6+rh/bMMU07K4xAwNuJXH/l+QLjOky7\nN65yr3vWklyeqw4tUvShHLg35mm1e7ESYMYT7sYyTHSY/X6Gpb8eSTjADu6r\niiNpG/Fs3dHGCMCFd2dxpt9uOvdxMAqitJXz4AZPQ/c+k146xR0+WniCLOHo\n3fbM4hJQsV/6BEEXoEKRo40UFvVE1KWf+qugdU3C5kz1CUIoQwsbTvUv4KbA\nUh4jsa0kM2R8kI4YAg51naOFKmxI9wtkfTlJVo8ViQabgAmnui3bXwAvjH1p\njMsm\r\n=yWXm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.e4180d07b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.e4180d07b.0_1630654280833_0.49057871766817374","host":"s3://npm-registry-packages"}},"13.0.0-canary.42d175efc.0":{"name":"@material/rtl","version":"13.0.0-canary.42d175efc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c89a4323858b0dba8b5369a6032e174e56daa91f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.42d175efc.0.tgz","fileCount":16,"integrity":"sha512-0o9+VPkd52cJ1N0oHi14EBhyRqq1MdFcDyyQZsTohnNZH+Cr95Se2y5lsksDU9DBVfY+6DnTERFRPCrHSnxXxA==","signatures":[{"sig":"MEUCIEUawji/v1Kyp1ckHDLq3NH9Dmvm5muqAe4Zq0VTRUxbAiEA7uqkBS1BDYjbnnJ8A3eQzZX3qMneAmcGDKKUxlg86l0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMkJcCRA9TVsSAnZWagAAlqAP/jXS/Owhu5NYiHPIV+h4\nM6Ck6XdP54t7kux+11XsHWqxr0rqCFU1eWO9qS6rx8tdB7zK7G9/62Gp3VTV\nnkeLcYw2S2NBiRz2U43oL99t1K+8YQvdnyguTHJUGwhO5fWbhW2QBj7va3FL\nTUZ6kNo3ZzEeJkH/umN4NlHLcz+59fNG54S9ewYoE//Iyea4lc0ip2cguugI\nmjiJ2sx0KahrKiPMfB7ZbObsMb9ebHcqmL6Q5nd9uP28CmP5+UYs84foNUFH\nZA8w/NAYqBUuMI783BEMjFapbkt468yHZ5EPGEqjBCawSm9WookhTMM7Ncxo\nQibQTZiBDmTFiE9gC3kzkOt50wQeeCr0w7P49OYofHS8dsNGlMqeiuFo/4EY\nYc+nVxHc1I4UIjBPdDf8c+/uvbVPJhCMHfnzSmad5KnCt9YlXHCZv9vR7uow\nkPC4WOiW3sas6HviQYCBpcgYUWxJjudNb6NHS2w+0G4ai4uOgZbkQCqKJl07\ncrE8YaVrE4NQSFMjCiZBDyMwuZV/TPVE/mv17lkgkT+H6lwsCa2OzPQft7LF\naxh+xrfGMYbxl/FnL6vGV1nwP3HGR/1MADAnlRckylyc0mg+IjwJhhtTojtE\nI73/p0GY4a3MYUkCikWsjlByzjafsABYydyNdQ3KbcyGjRqTAw725r2wc965\nklSF\r\n=Zt5I\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.42d175efc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.42d175efc.0_1630683740163_0.3953829549203358","host":"s3://npm-registry-packages"}},"13.0.0-canary.72464476c.0":{"name":"@material/rtl","version":"13.0.0-canary.72464476c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"368c260ff372d852063f04bb710df32d14728004","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.72464476c.0.tgz","fileCount":16,"integrity":"sha512-bkuLVQFwbKLp0IiVVsDRKTN1REnKqtoYocM/qJEZO2pt8SWaVEPtvvOnQ/EDTHrTzilrr2i6s+H3X/+2XbaAZg==","signatures":[{"sig":"MEUCIQCzX2Dn7MeEoDTYQb9NuTr+gFm+bLduHmiQEi+5yn486QIgB4HzK3vOexk8C2A3bd6o4F0DptQRHsjNW4YylQiS5Qc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhN4ZRCRA9TVsSAnZWagAA5hwP/jqYJbGt7/lLDky3JGzc\n+85o+UhS2Luf40+RVMpcntmw5Mm77TRyTe/JZJ24C4ouL1LqQNvvlw2VLUQ6\nP8rGu0wWMx/hY+TGm+4H+YaRQrGcou3Fe+396fF55ratX7YNX7bYJSDwOZxM\noyBsPKepMUC6K84jZ36CZ7TSCJGWXJtg0GSvfIy1guhOCmb/F9mP08dL3/2J\nSOi27AdEMCWDJcxBVWnoesTCLzBlirf2GlTPKhcADB0Fcr9u/O/3v0cP218c\nM+9D91l9i3JJzRaVO82/YbDV5JDJV9g6SjTqwna+DsuhgL01tE8eSu4oHZnW\nxf9V8tx1D3vf5TVPSjCs4lG9oolhdu/nhvlsyMPdoxDfumrdb8KrgvY+iTic\nwyrYrbBCAZNluHT97Ida6emuxKMVniNEsQSM23j74tce9rjuylRNz6u69cxw\n9rjnbvsbTUzFxaFZCTidBVABUGw7JJFHeKmP+txA9z/SGUXxNreyBHBLg8St\n8vckr1FYdMLVlyPCqQR3I64ECmF57TubVNDG0T7jf49h+PpjiTm8JCAdRyQh\nLID5JRWa/Cny4gTAJ2KSipHus5JO1g/hANAjta3X5y6KQCw8DKlK4zWHc5mG\nk5ILJosUiouDUw9Ab4A/L9JX+7gOQD3LSr0HWa6IGGP/2y3LReWftKmIlGQc\narx2\r\n=H1La\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.72464476c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.72464476c.0_1631028817261_0.5411401679173822","host":"s3://npm-registry-packages"}},"13.0.0-canary.37d4db866.0":{"name":"@material/rtl","version":"13.0.0-canary.37d4db866.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ab946c69953d7b7cf16656b01d4298b9f3c81c71","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.37d4db866.0.tgz","fileCount":16,"integrity":"sha512-//rghh7tioqnG357S8yqwuJm/p/0H5h+NeAwUj2opYfzMrDIQBvVdY3tpUXU3zy9HKGXvn4IxswigMvepl8aDg==","signatures":[{"sig":"MEYCIQC4fa6pJ4tPcWGqQ40GnOU+QMzLkflDQKYqlptV+QALdAIhAMvZw+eczI4l5tPZMx0z3ziWS+VDh7lC6x6+ef+BRt1A","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOhsTCRA9TVsSAnZWagAAYsQP/3bGTuYoxNl5iPnm+ZTY\nS6qIwj1nOmnIQCpR67pjQHFfOalcx+NGl1Cpe6wRmRxCYA8lBOA9DOQ24zPs\n09MwjQf1yceE0jBrRlFgt5ZV6NOsnI7kKVYvQ4NsGt+wf0MsweWqc6kVfKQR\nJLSxlUONQ0iI56oGXN2bIHk6/uSuL8ZNyOV38vWlCMSgWOM2ponQRRo5Cpur\nFQOGpLrSmHzk7E+45++a1epgW/cqn3hJkgSzWwTUrkAv6K34zT3qzQg+5uZz\nQVrM2odImnvTcsxx5QvW7+OvAIIBHjqGtMWH47fFLyi0M9AlfeSnmJ/bGWGg\nN5fQA++XRLm2dKMgxKZ7aONOhRFyOsgnM/ucZKFT9sqG3CPmPCgCoDBwefKW\nfPX054u5y1TrKggKixjWjNuWU5GOM/I6HM/L9Gn18l6ZMi9r/SGlnH0EueQz\ngn1frXC2m55+kQ+QgPqvM8/OJmTySx2yp4HEHaMExowK5Z3GGfLiiCSw22RO\nrn5gIirCxpSFcoPZO77CF7vkxZMUZIi555GIA0dzDXEbmh2XBfnkiiQbcBeZ\noX/qOeyyghDz0GDs8Ea6Vd6ScIW8s+b3oRyeqIA+MCx/v9bk2490/GSceTU7\nSEmz74YH/30i97Xxc0bBV5UAv4YpW17RJS/KasEb0PR1tGWCtS+jZ7pJPkHG\nzPoc\r\n=S38f\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.37d4db866.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.37d4db866.0_1631197971002_0.9406157464972567","host":"s3://npm-registry-packages"}},"13.0.0-canary.6df682e74.0":{"name":"@material/rtl","version":"13.0.0-canary.6df682e74.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e4036c6d6514018d7862fb206d392d7d4d3d9f24","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.6df682e74.0.tgz","fileCount":16,"integrity":"sha512-md2rRveyILGrzRIuOLKe2/VEcZwzXw5RV48WLlt5BTdb9Qmrzdtg30wbSPepUGQp4rtg+8J7XseMzyZDVjkscA==","signatures":[{"sig":"MEUCIQCA2K2CAuN/SDBHPa95tjKuAJ5yBZpDOYkfCZLR+MHkNAIgNh0FByHq7EZ2Sb/VdIOY2gpekwTQNKuLXJPZICp0WMU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOituCRA9TVsSAnZWagAA/v4QAItakRBf84/2z1vEQme6\nttZjL5gh12g8wPu6YmQB+/mjuXrULkIWGzncuctCnvT0QTl4vGWftefonzBS\n/sNq/pq/dHgS5fsk9wwiSUqVAN6OczGc2aSHPkJznI7AuHL8ydI9dhDtbrU/\nryAqOW7zjn9315U8WAozdfrS8aeTwEjA1+5uGmp37a2f6jTJ10XgkrelymtH\nsQf/+JB3BXZqMbCFKM6qDDuNafq3xMhAKLUJ1VPJmJuzzRbyBYClM9d1t/hc\nV4mLXfwfdatcYwMsHl+3p/SjEzGnNWtEOLmDVsgjZ/wm+ffK85iTJWltG2XB\nC/Mw45roJsN8afnafSCY+oi2bF89rtnjXWg5FQ3cuaP3XXLhw0Syida2Hakx\nRQ/AjW0M3tCUg2n/E2Z/C3xSKJRXSNtwfuK7Wl8DRtxSglxyHeEB8hh1AI2Y\nkE+yCoafgYhbFJAMnRtKWJ/B5Hw89FMz6Co7QOA1UNKdg4toxE4Ij17sMiFy\nBmmaZ7rIz6WcaP8iTHS2UOJJfl7+IB7GDAR8VD1Rby182hZlEIfEJYzw+4Ra\niTxIUPW7CJeRg4e/ad5LSBuhRr/RryR7Br9rDk0e3TxNha9i0adR7bwhh9+b\nyY/jmsZD1alZ2bK14az7yuQSUHkeddb9YbICk3KNPxJsFWMmd88T2B4E2SV5\nAuvU\r\n=nBdE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.6df682e74.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.6df682e74.0_1631202158208_0.31157665524135725","host":"s3://npm-registry-packages"}},"13.0.0-canary.b49359c35.0":{"name":"@material/rtl","version":"13.0.0-canary.b49359c35.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"620b6c7083e40e53d21e5f1c5da82412a96fd806","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.b49359c35.0.tgz","fileCount":16,"integrity":"sha512-jYPZPCypgjtzSmG0f/AnvC2Fgxt09HutlKyANGFtm0Pctrh1oS/dDiPMtvL6Ox3PeMtmjq0SKzvOdrmVDZd69A==","signatures":[{"sig":"MEQCIBNl2+1r00EF+M+0uT6mtTKKq93bN7UAUYBcZkyCpiViAiAL3vGmbQvJrpbusC6pWEWZNWuXcvkL0va2hPt/l1G3Gg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOkXBCRA9TVsSAnZWagAAYP8QAIFwYIMW7NCeifLvelja\nmLqBPS06enmzK0rDKE70DOsR6H6I4YZN8brGyXPNJSyqTLeLIka0gaCGXENs\nMX063voM3AHyazIFpJFI+DJNHl8vgmbnMBlIdjUrYrDbcg2HM8vCyEZYmZ7P\nJJsBwFHWvTjth//WXRc5GiVClIk2EnL/94eJ7mq8DTUi0GqIK5qsNnmAseKs\nDqHGMTOZax7gpXUFx3E/cWnwzKHyrHIy2utDWZqEaNn1kv2lAB8YuPdb4wTp\nQHKnpUYa8a0EZAsSNE3E/T4ftiLve8qg23WywaG9bLr4LAqyavNfgAdXBfbz\n/AYLAeKYJpqvQpxnNP/ckNPHUsnO/jMvclzv3ICnyB9fq08AQhZ8YJ0na9vY\n+XcgcMybWJ7AyepfSex7qMcuCNZYQCg84sSiB9VUeo+25ftPAXPUkX2MU481\nrgauPJXEmtlOJRR6AY4SDFqBcOfCa9GuiEZ+oyWevA79vpXj4CjoEClcuGG2\nqeVuh9ZLYSgfBAvszfxAEc3l+ihp5q9PpX7ntUDfhcv9JwguChuPIB8/9WOM\nGNVHp+0doOT5xB9IwfhSkhgCPpt6zXgOpG9x54aAm7kdAMrzPRgdRvOk3oJK\nPlMZXp3aMCv7jIG0WPX4J5mKYRSaw9WvyxTtgzHQZm0gWQdH54ZFLUNxW6yG\nq5Mj\r\n=AB21\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.b49359c35.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.b49359c35.0_1631208897467_0.6191082101839323","host":"s3://npm-registry-packages"}},"13.0.0-canary.470bd34e8.0":{"name":"@material/rtl","version":"13.0.0-canary.470bd34e8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1a13882f37964d9d828feebea2c34b560d95a0ce","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.470bd34e8.0.tgz","fileCount":16,"integrity":"sha512-PV5OWsoGpmK2tnG+ZDJK0990dwLzQYjkTADx6qiQ/ETtF7VwHhQm0jHSe1I6kq6SJehPYKVL8JNfClYpUM1j9A==","signatures":[{"sig":"MEQCIB/Mo9s0DGU0h5Z7mzpBvtMAbRopeu2oMa30yB+PTN+5AiA9QnZ5FLj+p0tA2ryRPhDeB1pv430eP545msdgb/Qt3w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOku5CRA9TVsSAnZWagAAt5gQAKE/2K0LF5ZOteEzzQvB\nsR4C3EAK2mvHyn1xpHIe9ovK4VJs64K6Uu8sV6yUdUuHVCA3CLVlJoQXyCDU\nPDC3rR8NohJCBLJK3hYIecpYuyfsZS7+4MAGwV2EalQaycEqq7rIm35M/zXU\noePhCM5rjLV1L9mNQ5N96V2RdDJTldP1zlUh/IuogobCv4YhV9TUtPOcDAUy\nVP9G6d+s7SHkTF3UxPisPXQimnB0xY1vWdGDXyrSLmA2WWXvYAN5cF/ZSRW2\n5b3+R0yoS0FqTYsm1sFD7pLn3AvqsE8ltVjAaj0untNSX8yZVRLgG6+8A7Nx\n8GmRWflp55a3dLdo0MCbC6lNCVP4ZwH+qdAJynSXkLwLU8GE3CTHYUsZrk/Q\n+UU9l126lI08xJv/rqGm/OZL+Pjigh9BYI9ubqU8Baju4Dc/ZA+LdbJfwiGn\ny2CSWRpg0h4KPI0HwWrdKk7d4ICEzhwFDEp5f8VTkSSDL341ORfPFZN1rB4B\nQsOZ9NI+IVNrGhDRk40TtZyfoZyyLtDFVB6tuLfU5dZwgcKg3C0rKf5m3aNx\nDyzgScP3daptA5tj9EVizopmL8sZ0hbZ44hyYew3g9hWojTY5TUeFuMIj1NA\nERPGrRonXeDvw4x9zEJmFvtAVG6R5TOc9+BkyvaJULv8bSNR0qLm61Fi+6pv\n7tvz\r\n=mTkU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.470bd34e8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.470bd34e8.0_1631210425585_0.6893026445558281","host":"s3://npm-registry-packages"}},"13.0.0-canary.d48a01771.0":{"name":"@material/rtl","version":"13.0.0-canary.d48a01771.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4756d72df6b86b4b010823bee7389e2a9ab293b2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.d48a01771.0.tgz","fileCount":16,"integrity":"sha512-WDrEPiytlHUWNopcEOm2sKut44cjK3ZemAoB5Pwqhl8Uyz12BkEo1tC1x33Bur2ID0gj437HTGSyFV8e9e5pCA==","signatures":[{"sig":"MEQCICpMBEIBR8r80Ek8bxzhgcSmZjO+qiH1+f7MYbunuMY/AiBN249klwT7ecfj6cxdQ6i6HAuxbPObZqnCx+M/4K6Ejg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOk3oCRA9TVsSAnZWagAAns0P+gOhOWVRpxO2Y+7Zzbfy\nvRe3NGZ3sHA9hBqgvHuSjti27MtCh3r+l1AXbwdHHu8L6eaglaryXZSAx2RN\nJ9SlJO235fyrZAAfBMTbYII3aKsbkGd1TpqO0lKuwfB6BJPIXFXGxs/2C+N5\nu0W3qTzQqifLRKHlR4yEJ86nv/owVKf6cuYad8E+GKcZHPd/blDM+Wr6xMdB\nmfvyFzuY6fxPxPf6Gd0fe67Wssuo0OB5JrZyzvabXmAVj+vf2ofo9jhj1NDl\n9ctW3WNMkNuLkXBTxjfe/mQ9nRdCreQ86rzwx7Kl2ogXA3uPlayaBT547g5x\nZXyLZ34z80KYTKYClkWct6DcZOzCT0oJu4oZPRbMBtk1v0WMS8NMdzrSSNBN\niSz86dAp6fuRGh4wYZDSLz4SroqQB3Pf9BgplCJvKyw2QTRXX9ie6/SeYwpc\nXCLSYjKI8QHtipHVk7+d9LepQLn8caavTlcZ3K4Ga49KNmO1nxCbwrKB1iQk\nQNoBDqhhrS7AdRVw7KA5rBhMeyf/Tk/fye3FTPy1N8TzOUz8ezKSd5BoYZg4\nCFZT/ag6uRDw112zfqJraQ+7GX74tvb0e4OV9nHT77YN+PF/E8M2sRSQ4db2\nk3tq0xvcKXn5sGjeWI65GxewOv2SBQGI5wEeJ8kEZiWrinQ0/nSnsE3OcKWC\nE/Ui\r\n=vb0y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.d48a01771.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.d48a01771.0_1631210984342_0.3297916634668796","host":"s3://npm-registry-packages"}},"13.0.0-canary.13db34b34.0":{"name":"@material/rtl","version":"13.0.0-canary.13db34b34.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1290ae68f88ada9bf89cfdb44e2050273a007d60","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.13db34b34.0.tgz","fileCount":16,"integrity":"sha512-udkXK9J1/JVX9vpubAeJYwHN4lRvhk/yj6NqIkf3gdWuHjEoO8+l7PfnyEqfq45LowTZdPP6lBtaxA2rvgMldQ==","signatures":[{"sig":"MEUCIBVXeYZJDxsf6ri/LuFCvc0AhDwgrrEzZaG/iz5Kzhg/AiEAoYVOYH1SzLqpb42Shxy47eTQLtoSsGLk6PTqEfOr6Ig=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOlFuCRA9TVsSAnZWagAARk0P/2ckjT232bPZSlAVVZMd\n4TbEgbUFLZUSyRyBrJ/UdV3vaF60elydkjxAmnToq1fUpuN2K7fyZjk0ORvP\nfq/cTQie4tpHVK3A5OaLbvBWtysurRqgaADFbl3foHL7sU/0NJ07paCu8690\nU3ufdpAt3uFks4wNdwF1DXK8N+YudHCuwu4kjlAoFOJb4uC2frhg8NCkoSDj\nUqUf/Qkc070GUXfPraX7AEBmDfJxw90WyEB96Hrqs2xQjZXXOMtrFnlAomPj\nlmaCgbiMbzGbkS/EZou6hAQL9HBRTLrp2KPsd5wokDvtUlj/x2/UyjloQtkm\nXRu4V/WGa8GxvQdN/CBxTdO+pPTh+kitC4dHsd+u8FvYiLNPsIWewYpdHNc8\nthQD/Re58P+HTdnNRWtcRaEur+ZIE9tfQenHwNL4qEnJn6Is179GN7GW7Rxt\n2KoGu/J02jEhe1I7cCZxWeyujzAVv3P90mOPTruHxsA8OkvUdjFu5nsMDcBa\nzzcpGqZ/HahMnnPh5X1Url1sEequO7LF8D413ne77it70qJEv/9dErs9Qg0c\n/Rmm2GxOjj4s+arzt0Segoq8RkmT++kbeCaXOwl7o/bWKxBb6uDclgc07hnn\nHBwWlvOmSFrJdKLa21RhVVH603diEVrQymR75Uuy4guJOznq8Y/q2Mv1c8Nk\n9yJ6\r\n=BMvu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.13db34b34.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.13db34b34.0_1631211885764_0.2179994069157316","host":"s3://npm-registry-packages"}},"13.0.0-canary.864798678.0":{"name":"@material/rtl","version":"13.0.0-canary.864798678.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1f17f14cb2e3c0cf92e6b0cd65155b8ca8a1c4b0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.864798678.0.tgz","fileCount":16,"integrity":"sha512-AQKPcSYRkO/mVgv9Zl/O5eZB6hoFzx644KWaZ72F/noC1edUWkwG1PcgUD9I7tqhE5ThP2YPrvUMwU1a1M2s7g==","signatures":[{"sig":"MEUCIQCCQ/oLW9g3LV7hzPdsBy2WjJOfbjRZo24L3nOfHhy/zgIgJcYQWEvsgqtzwGAaWx4+TfZIxOBSW/pAfbnjQFVyBUE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOlQbCRA9TVsSAnZWagAA80wP/0NRl6LnLeUZiulUalIX\nrPiqUTRvHdAnBnq5miEQDxcT0AAJQjmi//poeBN6XwwkvdFWVjUpMpZBRIKE\nJkmtM9IDFY05bkmS02fJMvF9J+d1ix1iBbceqHtFTYAIocwbKpllzXQ5n32s\nP6fRni76qwqTP/VdMTPRBIzMBEoDe881sN37Wvp5YqtHkri5J6mul5NnsqhR\npJTR9Z88/9ZfQ1WuSDPg+fWERklF7xe0PP7KOhBvQoeCEV14x/Jj4VcbebyX\n36xtZLQWH1ziCAzyw44HdeDx47QTHJ0yWLZsk+GTmmA1Lnz7Nb79WrQuJp8q\nO40L2ZLHrW4uEEknsB3sMjWKnuKe9iF6/iPof/t13CKkYad8k5xWi/Ob3FbS\n7yaPMTmRTyNr8Vj2kPHUejfNwexwANO+5MK8SDSUWFAiOp/AYTEaADPKMiHL\nE4zmEwVCI4DAW72FZeQuFHzgPS6zrTUGwvZZOawaW2YjJDvszIbcyc4ucP2o\na9tNrNJsumSsjPYqC+rKLqLtJAHqk6geIKNwOJAlxMp6ab1pEL+n7ePpJGXE\nfaKHdI8PpjfWYgaRgxk6bhp05AisQW21hIJPGZAmVIjm1Y4G1pnhGwwx+irC\ntdvaCArDtVn7bDDG0u2OWOlEtqdl0dRW+9ebEB1yPpv0VhnDDx+rR15nr9o0\nWARW\r\n=vevV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.864798678.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.864798678.0_1631212571582_0.6534270147722021","host":"s3://npm-registry-packages"}},"13.0.0-canary.d04bda3fb.0":{"name":"@material/rtl","version":"13.0.0-canary.d04bda3fb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"74eadad3674a03bb7d17468cf237e6bde6f45287","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.d04bda3fb.0.tgz","fileCount":16,"integrity":"sha512-hiXKkrHHd2LZkADaMikAE8vIZkIJj3dDxeCbBIv/1Qm+8c7+jSmNXDfq1bhR+63mENtMjolVwJPnCpt64txCyA==","signatures":[{"sig":"MEUCIEfFwA7T8a4YJuQEN0otnVhMZu2By6DnfXI5dRqPKFQ/AiEAsCx1sVRPNLYxPkXzL1LpFeolkJhonUO+EzJJH48wJuU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhO3fZCRA9TVsSAnZWagAAb+4P/3lHY7BKl6pwoOfhUqIU\nnJPFeHWFg2UfTCekzCmj61UgazmhMxp1oZCdkGxE6Q8++ywUyrp0BvQbYxy9\nIceF6gF+2VFZoiqjegrB8pSBYU3rykKb4IpUjM14LI2mKJOAcpp6C0hDMEmA\nR1OE3KyFi+7ZshCyR9s8gCbYDRwdzVfImOSco9C5qorqYbN/GwYDnbAf++SX\nZ7tH1Z+8/YAC+BuOvFvTkaVvQMKMpxFMFgYrI+1K/kUEwXT3N+nzKxZGmBzg\nvxkF9YRCyv3KGVSs6eSRqZ9HRXQkHENQspFN+Sy9f4iEuKy4tQtSGyo8fvsi\n0t2naZDpYNXb7U24iMrCOOqyK6cJ+W1htaXusWJmy0156/I3MP71sN5JCvXu\n9IpL4tW0FyGhRI1uRXmfwXeDPTmyq4hdin6SJhyfBo2G1l0HPUGe9mWkWvnp\n8/PV7ahwmtiz2Sii0VlBay4HA/eDFqg1VszOHN0CTlIWHlMy9XWG88QOoWNO\nJc+1o6UXJe2rCO1FCtOccSGm30Q0XCJG/BhXLBmBDkiSziG3MpHsillnUiH7\nrT21q+92QzNqwmQI075qK6hLtMfhMgEerCbbFY5vsQPh55gj7hGp/UEjI3/a\nid9r+IBY71Tm7p+YK4WyNTddff2TIcATuIQgm+exxuIcO5gAcOXk+4Qomkm/\nV/Aq\r\n=0R+S\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.d04bda3fb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.d04bda3fb.0_1631287256871_0.27043236717267294","host":"s3://npm-registry-packages"}},"13.0.0-canary.5533f73d3.0":{"name":"@material/rtl","version":"13.0.0-canary.5533f73d3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7b9b4980b59682c0908be5d315420875fa67d77e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.5533f73d3.0.tgz","fileCount":16,"integrity":"sha512-ydsnQ9CK6+E6BvgYtfcm0piwe1Qw0tRb/psF/3qnJI6AXI5owXcAfrdQ1jGsgFQtp1Cnk7d9mUgZtRblqD542g==","signatures":[{"sig":"MEUCIQCKuxV/u2lt7JANFOQy/ovfHUS/I4XaYymrp5lNiLkV6QIgdIWDeQGV3QbzuP1uATNXkRGNP2LD+NyFuaNDT8wdbms=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP9ioCRA9TVsSAnZWagAARY4P/2z6fYTdR5+LdKbgrEnF\nVs/X5aF/skByRLwo1+m5n9GdZsL0CacsxuTS+JhiBnvmv9ZcGEkoI7YgQrlI\nCVRbbxTsK8nt0GMEaA8RkO/VYNIBWJAdZ/oncmWIxUepHnBnxS9++dmQFPn4\nF4QSsiV2OWUOzSadX3vc5YwOVYi9dfK0FTez2+h/cG5ieBYFxiG3mhkdjg7q\nwYK5+Sq4NWCq5OHupr+znewAKnEe3aIdrMA2PlopKLDXmnhBHlyERlpRcjPD\nFq5pWKlUjrq78fk4QP2VE9sjH8VH+LgWVz+MOUUvuKj5a8ofuMJBcA7n0tJg\n9/U4hIlcU9TqNRZK0IspRFrxzPOpsrhYK2qOcnqF6EV9fBVWhSZeX2sNDOni\n/DhS70vWlIXn6UKx6EN/zEVQinGbt5lt61OpJL6sYvCwvd6+Pg6g3YWa/ksU\nv2tbNXNejOxiTTZJ0JU05T75MDPMWQ/GeisRtZgc0PCrxAv7VAWMxNB6AMrU\nzyqu+pGeAYdo1D/9x2FySRj5SHttPIPpxKOPuk/rY3QeYjG323yDyKxHM0uf\nQfor2v8NidM1kl69slkd3s9qBGLd31iV9mbVx9QVZFT7EopcOKDZb9kgw+Ud\nC3reJpE6goRECukUGBHJtNDfBb8KAAe/I3jryLfw+g/VFmxu0gtCUV43EZgc\nF3dj\r\n=Mlf6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.5533f73d3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.5533f73d3.0_1631574184849_0.6973141302713339","host":"s3://npm-registry-packages"}},"13.0.0-canary.08398f880.0":{"name":"@material/rtl","version":"13.0.0-canary.08398f880.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b8cbb3ffa678bfcd9d20cfa7a54e440b9532d2df","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.08398f880.0.tgz","fileCount":16,"integrity":"sha512-Vx7xHfoyg1B6ZMaBqnoe0M0Vm3nzf+aTRdCjZfvk8qw94FaBKnzYOq32q9Wm7e8khbp+E8WRb02dEvlHXn2zig==","signatures":[{"sig":"MEYCIQD6/FOa8FrYKbCHfEzer8GXzUvpGMIlcT/nGxAhPU3DpgIhAICdF97bNbGeEhH7Yqn60wojdYavhC/OueuQ6tz8D5I0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP9/aCRA9TVsSAnZWagAANXQP/3/46qt7DkX6chRN9LCs\nKGk9cYd4EbgLB22JQAacmlGfYaTklLc3yGm7zLmapW5203y8LDSNV5h/Dzu/\nZhz8vjgOWbZlRpuRZmqqqrH0jp84rozYiKRdsBb7jYa3+QU1yqgbQZUKD3H7\nmiaKhZe30GQOCeQfpaOjQyarYx2EZ1q8lhADL1J17+sEv+dAqO3XydcYjy0D\nhV0flLoN2NQrbH/9B5ZTMc4Maf0OaCuMTe8rhQoNNqTJ70sCc0LkNpSl/sqQ\nvbsLrdTL2A9Rt6+y+dQ5K5dL6mYxo/qo0DP3hi7y4QAtkoqXPbhLYtGm3HeN\n8KC1WOA4q0x9Z+Q3GpAVO/1zpKuL6VbY6Xah2GpASG9HVuStZ9taWz7dsjOC\n4SPa2E01F0xaSgscO2iawVPTrJ47nUPqeywICcCuzfKNIFuzINhxnvZswjt7\nbLXk0JHKyP/tmd/fXHtsaN3mlgVDZb/sI03khER+HvLmshg1rUR1fgGBqnO7\nD6izz0SKuo1jdUOnnOC7pft98hELAt9e5gF/jYeM/R4OYz0pOzIqH9qf0ViC\nm3XkHmnkTUYMawccnJuPG0sz5/i8iWEtx8VZJ0maaXAAE5Gm+zGkDWVR1IK6\nqk7tw7oB4ICtzr3x8n8vOAVs5Bpd3zdhFhW2m/Z0nY/uAoxQImAVuIPEbnvr\nDGMb\r\n=htji\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.08398f880.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.08398f880.0_1631576026697_0.8514696809660893","host":"s3://npm-registry-packages"}},"13.0.0-canary.818f4ee93.0":{"name":"@material/rtl","version":"13.0.0-canary.818f4ee93.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ed2d55d360227d56b99ce53a8dd25f533cae7f39","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.818f4ee93.0.tgz","fileCount":16,"integrity":"sha512-SUOMTYuq6PTRjy7KNp9O88aBDjJxUVdRJ8WfxcSiFzP0wpAc/EbDQlXvMIiNRQPHyujXAq64h4LjDxyFUydW3g==","signatures":[{"sig":"MEUCIQCOOrLDNs0E8XW88g45inxwX37c7z9HDoBGXT3PlVQm6QIgEulr0Z7Ho9S5J3mNzSiWUieUStgzPhDhqu4mmZovBhc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQjI2CRA9TVsSAnZWagAAJR8QAIq6oM3DeSqbQqXSwUaI\n74G6/L20xfDsrL7DrRvKvbmG7wtm3D5BDbm0I1lo0yQ9VLzlSRBbP/il0gAd\nCJ7xhTsKjJWd+fSZWAJbACa9p2nwZRbUS+w4aUUWNGiQXbYXssg9OdzGLSMd\nOEvqm8U3rCYMzzu0S+Z20ZfWTFZRFoc0fL3yyRKPeNjCaiisIBkkN2CZfTTo\nz6a7uQEL6fj3ddkDrYemsTosj4x1eg+9yfRuJXTB3sTYjBWV8kGTMKcXykJd\nZtW3Qx4lzT0UVv9qSU+us1BCypZDg4kfVCjLHrHsniITjBVV+iH0rmwS4blS\nZ3wu/oL5QibXBkvqQUE0p6WnJ/tbUN2LVeHA8jsZI2qijrpyeTgRn5BvotxM\neIs3G3WWesLZzIK3UKvZvddK6Fz+XzHN1Gut7xahMhnlLaaCP+2M1bt7ql7C\nQqSeZU5/pfchbFtxwlqLKkFpJkq7ghS0DuKDY52hivVRtjozWYiLzHlyGGwd\nlgMIJLThAZs851zrB2FUw/vs7vPLmsg8BR0nDZEbqYCeaV1SFSo4aQxjqhcT\ngL4jFUOtap4hjJmgV5WwJ5lwoFdV9zdgIj1yGtMwbiVJKV9wAXpZnL1KcLn1\nxyrRulNh3N6U3wQj7T4psckdNj+qSPr4aGUkLQTlV+2CuOZ/qjBvsp8zFXji\nFj/8\r\n=MI08\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.818f4ee93.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.818f4ee93.0_1631728181867_0.48102384969956313","host":"s3://npm-registry-packages"}},"13.0.0-canary.8355e14dc.0":{"name":"@material/rtl","version":"13.0.0-canary.8355e14dc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6b397b9a6740158f95e9e5207c762cbe3bec6851","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.8355e14dc.0.tgz","fileCount":16,"integrity":"sha512-liTACwLh/MAkq1UoOQ6tqFiiB0i12aSqQSGnl74J3uPOIhAtcJEUe9icE1I6jm3PP4Xl9POT5kvKcZUiI3hvdQ==","signatures":[{"sig":"MEUCIQCcL5uNf2DOobEXYTKmU5tq0MW9iN8AhXveYk1kmvrJQAIgH7PdeJU6SF9RfY3W8hpsrZReyBynPLcyusm6ajualTk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQkVsCRA9TVsSAnZWagAAGA4P/R7aV3ayoe3SDfe6YLwf\n3RiKcxv9u2r8a6lXRoRsxP9Iy8+B3v9NmlhI++5u0CciiOBQnbrWA1eV7ivR\nKpTSMS1ZJbHtVW4wTmmfn9pVEbxjLmjQ2pg1Cy+SB/eajl9JSoefg3iWRifi\njsUi3oGduJscdTR+GS1IbjZ8YI34P9MIVIeZbm6WiiJB2fh/uHCRs9NLOi7G\n14QhJ2OvxmaE8CiqiE8Y7OxgTgFlj7KeEPfFxzBunBS6PW4Lyl/jNGeaAGS1\nGXoU8XKl6p4LG9yFS0AEtqtZKz+oZV8yGt7TfLo/ur+Fsp8M5qZwW7qpMIDh\ncVUHjTcsSdwNSZIe6QiZF0j5tMJWAwpSovNUSnZz39bXhIpE81P7/SvlMZ4h\nb0Vgkfb4gGIggyXintriH2xjgz2uwocUJp7aUDa46JgPXSO+IsyCWXIxPhB/\nJFNvMSk10j75Az54Ae6xaqtDi7v2grjfG+3Pa9m7jYzveNUpwAZOvzvnR3EJ\n9HIFQ64oTGE0w7ZqqBAlXBAkPI7c8EEGZ+uZs0sVIYYn2b6rO1aBHcapyDFO\n8bZdY0JzcMwnhYBGRM6vz8gs+uAO/n3Bx8nVKB8whjB+5p4BTz4CYKqDvGp5\ny9XwB28gB7fqUajwRm78i10YkfgPdMJv0Rk5VUJZI1XNhwYwOipwFgTDvB2q\ni51O\r\n=8qI8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.8355e14dc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.8355e14dc.0_1631733100463_0.7828329175550088","host":"s3://npm-registry-packages"}},"13.0.0-canary.d4e16a6c4.0":{"name":"@material/rtl","version":"13.0.0-canary.d4e16a6c4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8bd6581ce94d3ef65e2ca753721fbd391e1b00ff","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.d4e16a6c4.0.tgz","fileCount":16,"integrity":"sha512-6mwb1kAdDlGHwsbR9eeMxa2S1LgxojXr0gKdu1tJTQzuKUcgrxNFpVe5i0dAv6PWgqjwu7+set6okXmKX1HxDA==","signatures":[{"sig":"MEUCICa8zUQ2ozQ9c1O8w8HxkcUXi7Xk7tLW7CR0Y9YqNdgmAiEAxVJFuQbUgGYbSZ14DQk12Z2pBa60+swbXHAaQ90owrU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQmyDCRA9TVsSAnZWagAAVuoP/3RmorCOyvUwBlMhyw1N\npPRASqCepkm36bobAps7Tngb4CFHaG6/RDkf5IznV+9JmW8cbnQYLaVF2mmO\nohNmQ3diCUVILd2GzGQ60Jo8iAEqRyRhoF6uUj6Hk2D4cZtVOSH1/EuYQaMa\nhH5KKOPN9Fizq4+0swauHSVXQ4boWPcSdlSex61Ig/VEFKw8TvAx5e5lMSLw\ntzYXsz7qCckEwVxiY4GQYwkrpa69JODZhj+y8Ig/y2MUvUd0Gzm82yPkRZDw\nf22Y/ihFHZMje7ZWPm5oE79DtDpxsFLFLzLT+lwW6SqlccipYgQcSGkMck2g\nUH9+VdGGAAY4lbIp6ez4wAm9XT0bPjqIi9kzdXk3A0oYKSud5eVUhng2XlJR\n+FP/I7NKGPJXib6JKADf5CEqyFg1l5WfaahO76V3CNaNUpp0Pt535RQ+awGk\n72aWZZ9pTQW1/ErxzJ2GNfcc9XpAVHzES/tSZTiDVkMIsKdRf0tc8TWd0ETO\nVJ4nrRjRlCFzatU9M5lGHhcgpytLGF358fMbBOzlkAAx3BPQioDLXnd7xQ8d\nY1FRpDoSEoTLpwBhGoLtgHFc+baq0GfGokdx850AJFT00JZv3ZXlJMnwvaN+\ndeqfcbdMoCBuh8S4/oYbzxLylMPtTuTbM5t8TgXRZeYT+8USEmAK8Phhrs/b\nqip9\r\n=4dS5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.d4e16a6c4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.d4e16a6c4.0_1631743107682_0.09110689544332451","host":"s3://npm-registry-packages"}},"13.0.0-canary.65125b3a6.0":{"name":"@material/rtl","version":"13.0.0-canary.65125b3a6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9ee4058850cc86078a02e1cffd61b50a6a6470d5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.65125b3a6.0.tgz","fileCount":16,"integrity":"sha512-lF5MerNaNYyadKIAnBW4OGLZPUC+9vOUDx7zFPphGw+f6hyBETjoK7MLfozl6LRJgr86jnoPXBVJy/vOgks26Q==","signatures":[{"sig":"MEQCIAXNuA5yYCbfpwP/ojrdV0iMoTcFUkC1IoZqHDhQwPYMAiAw5sfo8qAG888cu43L/D3rlX1FkXN87bc318S7TDfSlw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQ7Q9CRA9TVsSAnZWagAA7sgP/j9AK0XFLojPgXLPFmhY\nqRPP7AVWEn3bU9dZE9d7HzfKMtK6R99SAVYRB9E6xHol5wcOGXO/HplCBcyc\nY2skTJtnk/w35ikO3kLC01YVBgrmQHGzMokY9+ew8Qe3Vn0CFOhdBhHMHy3u\n+00lGX21WLIpLTE64b/I1Eq308eufz6j69MKCoDvwhJU3dmKwjarWF1cSW+/\nKuC7tlukxnSbOeguVFI7ukPT5m6qrw3djDjn5/XCqD5Un6e4cZlHEwaVIopV\nS76fCTiIsZI9Lj7xFZ8kBfjHhh5Q2Aq2rVlNE7aUXrKhmHDCOMkHw7PBQ4Oz\nZS4JljgADguBnZ8JctF24lI56cJgqEeyN3zMXkO2M7TMClhZ2e21j/S2HJxT\nxGLWZVmSEQ6sjsBgAJaFWLCls1TE+GBRlwchRlhxkXiXm65k/UL9ip84lKEs\nJEBSujPwDkEWzCLxZzR2p7a4a2uoRc0RtcbKGTxMxAbiBoedv2kZRbbML+js\nzYXqdtt0HLWbeiTdgSeoAetRQhRziM1i+oAI6NR9EmGu6ZutIOb4IMVhLVeC\nhjmvT1Dk+mjX3U8soswCRiBUbR0N0Hmg8y17DzYn0IPRMjZEJ/EmRMGOIIkt\nCVG83frMwy8BukCQGDDtKeRU7r7zSF4PRIltFanrvsap7pH3wRDq5ck2uFr0\nZcVJ\r\n=m11A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v10.24.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"10.24.1","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.65125b3a6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.65125b3a6.0_1631827005327_0.4720117439043443","host":"s3://npm-registry-packages"}},"13.0.0-canary.80a583365.0":{"name":"@material/rtl","version":"13.0.0-canary.80a583365.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ff8dec0045609a537d8ea83035e3c01d9b187e39","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.80a583365.0.tgz","fileCount":16,"integrity":"sha512-XVo9S5nbzapVn90+Ms0TYOoOkeHfd05mV8t8+IBZlDJSIQah2WH9I60Rn/IPIiUhdy8s0Mdmpt9fFQxdFda+zw==","signatures":[{"sig":"MEQCIBmYAf7tc4QW5UQ9A82Sjw8IWlSfv2FllBrL+K1CLmVBAiBqOHEUdjEbOWVZnkpj8FpXt4YvtovGFUWqndPg8/Hmfw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.80a583365.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.80a583365.0_1631910911896_0.6827566283464579","host":"s3://npm-registry-packages"}},"13.0.0-canary.83900936a.0":{"name":"@material/rtl","version":"13.0.0-canary.83900936a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7982f7a422f225f3803009e5e9594c745a430cc7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.83900936a.0.tgz","fileCount":16,"integrity":"sha512-cirpMq09dbnkeJDRRBXdQSTflxe+QwpxGCPePfDI+JAMWnwDEBgVFWYVC9aMZu7ckewmEcT08NI8K83V6LT8Yg==","signatures":[{"sig":"MEUCIQC5/xyTjUwJvOZ7e5oSEPKalcg9D5Gd30CgLR99dS+OBgIgJL8AvN6vQfnKTcPos/0R102yyUDHjPqOqeOu+CNITMM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.83900936a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.83900936a.0_1631921025896_0.018857380737190566","host":"s3://npm-registry-packages"}},"13.0.0-canary.860ad06a1.0":{"name":"@material/rtl","version":"13.0.0-canary.860ad06a1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f962be02eb3f712c3352c25b813f262b3d9cfc45","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.860ad06a1.0.tgz","fileCount":16,"integrity":"sha512-TTFOID0/9tBUgn5srtPm0bQrzC3GaKe+bnTZzODuIh69F+RjurjJLBDTa4hkZh4GepdG7spofGe6ZaEUcRy3RA==","signatures":[{"sig":"MEUCIQDEynIls1sUbMNbcqlouO7hzajnaP/ksoPA1X7LGuqEbQIgV7UmG2M3yzkiPcfhwmtm1o/puWDrXAw6xQY9IPZ1kDs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.860ad06a1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.860ad06a1.0_1631921725402_0.40079485444690466","host":"s3://npm-registry-packages"}},"13.0.0-canary.3b8d4429e.0":{"name":"@material/rtl","version":"13.0.0-canary.3b8d4429e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"22495915336608a80a7ac47e355cc6cc2969c790","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.3b8d4429e.0.tgz","fileCount":16,"integrity":"sha512-iexBbdP+Q+bP+o+rAyecYFEzSC3ge0XQRDzF32yKvInOuoWhiv5d1vpmjb50EwIKj1VrFDCnjgcGbfg4hx94Rg==","signatures":[{"sig":"MEYCIQDVOMzXIP7qBB3pprC7TySHURLlYn3StgcUTZfi5/3ASAIhAK3nBfkulGf7yAH8AZgHYZO0UfyM621Rs0NfDF7iA6NM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.3b8d4429e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.3b8d4429e.0_1632160018832_0.35570134847982726","host":"s3://npm-registry-packages"}},"13.0.0-canary.2da3606b9.0":{"name":"@material/rtl","version":"13.0.0-canary.2da3606b9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"dfcc4a66a5b8cbbc919f158ce7ec5f875161b1df","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.2da3606b9.0.tgz","fileCount":16,"integrity":"sha512-wy2nsKBc8Q1A2fSM9I+EWB8r2RRbM2Lwrzlg5vphATzkPl9XiS/YOFepo0+6FWkQ4WHEST1zDr5BTJ7COPGO8A==","signatures":[{"sig":"MEQCIC9FJxOF84p0Z2O+8OAbiy4Ke+qQBDwXBqtW6M/hGKxyAiAY2iMiaGHmTP/yU3GCGIVDITHPud2ujkiZFo7mVpgVHQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.2da3606b9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.2da3606b9.0_1632166629121_0.3819182418099425","host":"s3://npm-registry-packages"}},"13.0.0-canary.e8c598d1e.0":{"name":"@material/rtl","version":"13.0.0-canary.e8c598d1e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"98444b9986c4c96081defd9a3b931c0d02b3bef5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.e8c598d1e.0.tgz","fileCount":16,"integrity":"sha512-A3ozcZdpjq3Y0QhPBRtTuvjAFDYi+8T8T8d9ADnCdfH3AJS8R0JK84Skzzw/IA2LRx0kRPGQOTVp34sFyl4WuA==","signatures":[{"sig":"MEUCIQC8b6/UoG5E+EBhMN0jVpj0zDdYrxgEybKFDzCe1DrrPwIgIuRp3W9A41xYr4EgOyjoDNxy5YS/LjPVMnMfKa/SYF0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.e8c598d1e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.e8c598d1e.0_1632172279161_0.8581181651819842","host":"s3://npm-registry-packages"}},"13.0.0-canary.1340ee9f7.0":{"name":"@material/rtl","version":"13.0.0-canary.1340ee9f7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9bdfa90ed294a44cc8c7a065ebb556d50a13921d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.1340ee9f7.0.tgz","fileCount":16,"integrity":"sha512-KzidHjNtkzDGHUq8rVPaM7xgKvpCx2Hp9wXehh9JTrtEfS1MzqglCQSwa7v5J5TFJhS1iv1pRj6ZnGHJHL2gAw==","signatures":[{"sig":"MEUCIDU8+fzJfZI0cDV0ptMQnyRtX0xqoTER0kU3fHTgmtykAiEAxF+tMxoJ/xCwgeHw1Y9M19yB3bE8nC80sPMX2IWLn+Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.1340ee9f7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.1340ee9f7.0_1632333439289_0.9769296409899066","host":"s3://npm-registry-packages"}},"13.0.0-canary.65084baff.0":{"name":"@material/rtl","version":"13.0.0-canary.65084baff.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"faa5ab333a436e7e06222081173c462f57c5cdbb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.65084baff.0.tgz","fileCount":16,"integrity":"sha512-KTlHjWkkvD/8htLgP+LdaipX5INPUYtIXy06Ij4zln+d0XjoizYTtkLpB1nXTMbOzb9OuHTFo2a4eXC0OERtDQ==","signatures":[{"sig":"MEUCIQCJJC6A+79R7+B8+H+E8h4HzlVlQeC4YsnE19Y296yBHgIgMJVMNPnQQLrN7qYPrKbg5mzwdu01WUrRYhidyo5ezGE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.65084baff.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.65084baff.0_1632432290853_0.2562897971269462","host":"s3://npm-registry-packages"}},"13.0.0-canary.c79aa0cdd.0":{"name":"@material/rtl","version":"13.0.0-canary.c79aa0cdd.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"066cdef246d87e1d6b3ac9491a87f2925eb47249","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0-canary.c79aa0cdd.0.tgz","fileCount":16,"integrity":"sha512-ygt2c0Zj6hv8tXZgWE4Cifpi4IFeQsldQdzUQaWnAYK/Uqe93rQNwOEYZLujpwZ+NUmVGTurTfkmQxn+2u9fxQ==","signatures":[{"sig":"MEQCIEaoTLWkzhaVdElmTCchDrSX6lv0aobG6Tap07ij/tbHAiA1xQOOh7zpodv+1s9FHhx4kbmFJwgX3QL4HFFE8sQ2vg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/theme":"13.0.0-canary.c79aa0cdd.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0-canary.c79aa0cdd.0_1632490869378_0.6411608371983257","host":"s3://npm-registry-packages"}},"13.0.0":{"name":"@material/rtl","version":"13.0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c8dbdc2b63d122450ff456572d08a9f5639704ab","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-13.0.0.tgz","fileCount":15,"integrity":"sha512-nFGy3iQg7k+xLs67eb86mRFVLwa0yi7MusqRK4OM8DXcLO5yoVfUTPKpdSykcbRryp9imVHsxutox2tZawR4og==","signatures":[{"sig":"MEYCIQC0ydDWXC0xQl+lHKk+xsPnzvw1g1D6znWeK+B6qDTxHwIhANHm5FnKE+7C7EOqqZsJGeU5rVsxsYCKyUHHvREvMoQ8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21552},"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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/theme":"^13.0.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_13.0.0_1632512716439_0.36143485143454557","host":"s3://npm-registry-packages"}},"14.0.0-canary.198431fcd.0":{"name":"@material/rtl","version":"14.0.0-canary.198431fcd.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f75f6564ec9de6f2fa33a4e5e2e92822286fccb4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.198431fcd.0.tgz","fileCount":16,"integrity":"sha512-X9Tp1/Egyq0K4Ynt5eKfbxka7UO8YKqVWOBXrQE0Xr61TekX+xJK7xsz4w8/K52lVHP4i07Djq5+8epM2SUVbQ==","signatures":[{"sig":"MEUCIQD4/ivWYuYJb+cAxVjMxy5SwDtK6yOtKl3vYXlxRp3bjAIgbs7k7UFgt8mzvXYJ9FO3jp2JSfS8KLruKIyIyrspouE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.198431fcd.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.198431fcd.0_1632512761674_0.7919988317052737","host":"s3://npm-registry-packages"}},"14.0.0-canary.9a02b6ef8.0":{"name":"@material/rtl","version":"14.0.0-canary.9a02b6ef8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"821b2569b21570f209dbf635cbd5283210bc4efe","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.9a02b6ef8.0.tgz","fileCount":16,"integrity":"sha512-PfzNR51372wpI+UmXLlaqqmiPWKYBbbVa+CzT0iJ3n6vgMax4pTc7j4YcdhE3rBoIug252PpDxJHb5v9U/uLTQ==","signatures":[{"sig":"MEUCIQD14xiZZZhh5h1r8/RBv7AHLpUGFF+vT9cMVyOwVC+IxwIgWG58w9z6rv7Fiuz7/iUfD4jJiaE7rHS4IMj23LNuCDU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.9a02b6ef8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.9a02b6ef8.0_1632575427642_0.7472886859447456","host":"s3://npm-registry-packages"}},"14.0.0-canary.758ce31d9.0":{"name":"@material/rtl","version":"14.0.0-canary.758ce31d9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c19a974eb8ed429caedb9522a45eb1f9ea2846b9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.758ce31d9.0.tgz","fileCount":16,"integrity":"sha512-pfPGDmPh9jmZuruN6pSIWCLCuc313DeBmhWlPnPcSvhvQEgeVF1GJS6kN+LtZ2IsBPHFsDRxvo8TCHzYLTaLww==","signatures":[{"sig":"MEUCIHoM/lRpAX+iNJxGpZR2XTN5SdL1VblgQQyrgSAvKkcmAiEAlQ7s8KbVkoufi8x2OW3t4Wg2jEAd1ATipJOBjrSRnP4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.758ce31d9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.758ce31d9.0_1632763721340_0.9773243006511396","host":"s3://npm-registry-packages"}},"14.0.0-canary.86b50ef74.0":{"name":"@material/rtl","version":"14.0.0-canary.86b50ef74.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5b77587fce0686011df47262a07138851974626b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.86b50ef74.0.tgz","fileCount":16,"integrity":"sha512-+buve/gepC3SSexQo2Y0o4yTef/2lBzg9zi+NlwwiIgbVI6jt8tMuTp3QWBTuQVi8N9aAR7ItLeTto7XTjApcA==","signatures":[{"sig":"MEYCIQCByq6LRNaU+tGGqTvmhAi+nkGcwyiCgUGvaPrEFkDhbwIhAJZyf2bWZ3lQKSgtose3t2QHP9WEDcjfWbhq5+7y7zX7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.86b50ef74.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.86b50ef74.0_1632850944446_0.5147700712170058","host":"s3://npm-registry-packages"}},"14.0.0-canary.b2fe3528b.0":{"name":"@material/rtl","version":"14.0.0-canary.b2fe3528b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c8209ee1b505dce70c2974a15b00a90bf24f375d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.b2fe3528b.0.tgz","fileCount":16,"integrity":"sha512-0LRyhhOVu0dTe9hjN+aYod0HyWIkqUODEoRpdHA4vDaVCFJxAuv6/u0ru/tkONUJisD20txFdDkUevJSglbxzA==","signatures":[{"sig":"MEQCICIK02rGurdimDRexXYQJAdkZGoj9sZ64Ryq5jWQNR4kAiA4CC+Cz3dQmNXJH6LxWniGJ+UTW5ZYFQlXzhG4NwPldQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.17.6+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.b2fe3528b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.b2fe3528b.0_1632956178142_0.4618859708567762","host":"s3://npm-registry-packages"}},"14.0.0-canary.586e740dd.0":{"name":"@material/rtl","version":"14.0.0-canary.586e740dd.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"12a5f000fd54b1f7f604c800b1780403bae3c91c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.586e740dd.0.tgz","fileCount":16,"integrity":"sha512-guTAajkqtPXt797GDUGYIU1Lf7mNPAwR/wjWCXEa2sORgeUp3q23oZPei06enD1L5sN3NMIZV3W9OwlDalNMDQ==","signatures":[{"sig":"MEYCIQDrawb9AY9lWeXzTV2L9Iq0vl0C2ZMweI/kEp8FcbAojAIhAKnKL2HZZ+MW9WZNJGkFHwxpLCyxk9QOeLK0W6vYTLMR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.586e740dd.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.586e740dd.0_1633019440588_0.5540104518520761","host":"s3://npm-registry-packages"}},"14.0.0-canary.2ac92d766.0":{"name":"@material/rtl","version":"14.0.0-canary.2ac92d766.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"86ce185b7bdab5947d51ac0919725ab39e06f6d0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.2ac92d766.0.tgz","fileCount":16,"integrity":"sha512-krTLL9Ble3+L+5rLTNjV0WrtJKBtoZoN2QLN4rzdkrqwC5dpdWsRcDiEtsylhM3KSCdwifOmzLu6JAZFur9PUQ==","signatures":[{"sig":"MEUCIF5wb3HQHludIQvyzY2tN7C1KCNfD04r9pYcs/gGjxIDAiEA6xyJE/v6xY9Cv4S3VFLfCiBolq7qxp+1IhlklZ9Zs7Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.2ac92d766.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.2ac92d766.0_1633462076084_0.8294248728458729","host":"s3://npm-registry-packages"}},"14.0.0-canary.353ca7e9f.0":{"name":"@material/rtl","version":"14.0.0-canary.353ca7e9f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7bfab7979ef9ea4ac344f4fabbbd2d176501e3f9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.353ca7e9f.0.tgz","fileCount":16,"integrity":"sha512-3NuIyWGSPyc4ZzxBRjZvMNmGodrOYNmD4ef1CCT0erfVP7/DFyEaFcIkwfqQJo2vL/j+IiKq/mS4f2kekLjPdQ==","signatures":[{"sig":"MEUCIBRGTSTPhUOKpV+tKwp6MIwKsPFfhZp9xP/0zUHV8iFSAiEA7syQidu+2xjp2fCB1n/js6Q/0P2snS+xqooOkn0MFjA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.353ca7e9f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.353ca7e9f.0_1633718780523_0.3413468148099834","host":"s3://npm-registry-packages"}},"14.0.0-canary.c78ff0429.0":{"name":"@material/rtl","version":"14.0.0-canary.c78ff0429.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e69f7a68fd91c925a41871fbe25d905cdb0963e3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.c78ff0429.0.tgz","fileCount":16,"integrity":"sha512-mOyqd/XnDgBtWWcBR/aVFKYx6dxVjgT4qkzMbDvp62v86C3LtetDtPRd7+qlPiapZdoYMWFeDIuMEet1t+Gq4g==","signatures":[{"sig":"MEUCIQD7LCyLq7SlQx5lWHh/87Yve0BTf49AsbKeui8goFL1LgIgSAnbJ2oJyodSGo6qb7623P+Lnao2GXx0sTrs86vrGqQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.c78ff0429.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.c78ff0429.0_1633972888665_0.5672696885356701","host":"s3://npm-registry-packages"}},"14.0.0-canary.261f2db59.0":{"name":"@material/rtl","version":"14.0.0-canary.261f2db59.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"01ef76b6c084acfc507999581ff4be46fe2c7703","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.261f2db59.0.tgz","fileCount":16,"integrity":"sha512-bVnXBbUsHs57+EXdeFbcwaKy3lT/itI/qTLmJ88ar0qaGEujO1GmESHm3ioqkeo4kQpTfDhBwQGeEi1aDaTdFg==","signatures":[{"sig":"MEYCIQCmLqfXbbHqbk5qr15hsO8s/nJ39jYCPwIymm6M9fpGfAIhAMUUG+NGtTM1p8obbXNx2fWS6PL8WieUPfIZIoqoa6Wa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.261f2db59.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.261f2db59.0_1634749143747_0.8842546791128354","host":"s3://npm-registry-packages"}},"14.0.0-canary.9803d2dc1.0":{"name":"@material/rtl","version":"14.0.0-canary.9803d2dc1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"504ec4a4a7b2845a5b3ba5f6b4806d37fc312af2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.9803d2dc1.0.tgz","fileCount":16,"integrity":"sha512-M5PIhK0AYhxRSDU7NGOBFpu/lkIq7sQrxSzw91xpD0FhAOtbWgkhVGpe9uLj/4OYxWM3mbtMPabh76Od6ooQtw==","signatures":[{"sig":"MEYCIQDvnQm6k6DpV3l5j/J6z/W3oaLkgSIq6pRhZdguR3tKrQIhAKTXGey7W64ByJsYQ2HxKYeVMvoToPo+nQ6B2anoHCWC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.9803d2dc1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.9803d2dc1.0_1634757677412_0.29691926226074283","host":"s3://npm-registry-packages"}},"14.0.0-canary.348665978.0":{"name":"@material/rtl","version":"14.0.0-canary.348665978.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bfd7f684ae4d67d0f38c49268dc2dce03b69ff18","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.348665978.0.tgz","fileCount":16,"integrity":"sha512-On5BY+Es9RGEOXSlqQqnCejN44W/UYjr9wDY8LPT1XHIaaPlLnNKjNiY0mfS0Gkv431THxDyPScBumnUOxHXzA==","signatures":[{"sig":"MEUCIBLaFe6XKzLd01odIHcLZpsBgN84ejwGM7EMVRjCC0s0AiEA28Qmb+OmBAlF/qrjok/zAlXyhHg/U3Vme7PfH4eionE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.348665978.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.348665978.0_1634827802616_0.24474589199624086","host":"s3://npm-registry-packages"}},"14.0.0-canary.b2b979a8a.0":{"name":"@material/rtl","version":"14.0.0-canary.b2b979a8a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"39bedcb0235c3230d016151c76452b8cbf9c8950","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.b2b979a8a.0.tgz","fileCount":16,"integrity":"sha512-R4Rc6MflArI9k+MnuaYDC0YQDwewzjh9sxnD/0q+0+pvx2NWTD8bUcTsJVQTBtUjkslm0M46mGQd9WPQXecTYA==","signatures":[{"sig":"MEUCIQDwvV9m2pA0XnOVtxoVxx6KQg1osBP07dpuRmKh8jXNmQIgVvrhwQpZtWWj95lno2sqN1Wg5WQXCsfAJ9lq/a5+JUM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.b2b979a8a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.b2b979a8a.0_1635433896387_0.3845242319793256","host":"s3://npm-registry-packages"}},"14.0.0-canary.1af7c1c4a.0":{"name":"@material/rtl","version":"14.0.0-canary.1af7c1c4a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ed81ef2bc3c990e169a85bd7d5d85959194b2fae","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.1af7c1c4a.0.tgz","fileCount":16,"integrity":"sha512-NWVGgXpqZQbu2Civhm0LgPrgpGbN5h8HSDNhk/jBQeZ9BDdobDj9Z6Sr3fr44tIlNadpXMeDBPNzpyKDQu8Wcw==","signatures":[{"sig":"MEQCIEQk8/KSuzDB0TOZUIeT+k8casNZAEbc98KGNwEyGD5iAiAl1cCZ1/7VrPtFr3gIEPeeHDQX0tpeehDowZJTZKnlLg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.1af7c1c4a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.1af7c1c4a.0_1635443533652_0.2549971150815282","host":"s3://npm-registry-packages"}},"14.0.0-canary.4afd353cd.0":{"name":"@material/rtl","version":"14.0.0-canary.4afd353cd.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5e54d8c874ca9540786620020fbd34455e3216ad","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.4afd353cd.0.tgz","fileCount":16,"integrity":"sha512-YFXAhE325t9lvmYMyboLV48fg3V7+K0mZCg9X9M4JPYX6ONAB4JfLlfocVpQxR765AkFkEDc/TO1lmzsSxXWUg==","signatures":[{"sig":"MEYCIQDGtjJGvRZhssGVrDZIV+zLN3WjP4uo3OOBjS2Oc0NNZQIhAOyFJVfkIp2HF0ZMsPgtWi+3r7FEiF+S8rCu39ErLu2V","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.4afd353cd.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.4afd353cd.0_1635519660189_0.045919338209076344","host":"s3://npm-registry-packages"}},"14.0.0-canary.a986df922.0":{"name":"@material/rtl","version":"14.0.0-canary.a986df922.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0564c2877bc4cb24e740623c069f0e61a01fb881","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.a986df922.0.tgz","fileCount":16,"integrity":"sha512-SwRtR5mjvpvs9O6kT0Uakk5SGuJfAC84oDnFHtZDaFlRSuZw5UnDbj8+epmqwxkpKVSYIpSfBlhomobe0lHnhg==","signatures":[{"sig":"MEYCIQDb+5Q5Wh5rlps8SZTq49zmxjQf96rmHPMMELHGk2TewwIhAOYe9M5ekqU4ptTTK3ehPbm2LDt//tumTvZJSvbcxscm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.a986df922.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.a986df922.0_1635543269091_0.30889168320206695","host":"s3://npm-registry-packages"}},"14.0.0-canary.c3cdff07b.0":{"name":"@material/rtl","version":"14.0.0-canary.c3cdff07b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2b6a5d55a5f46413a4361c8b1d391a88132ec05a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.c3cdff07b.0.tgz","fileCount":16,"integrity":"sha512-4g+3Xkejm2Nz/U/V3NM6qUOe3YJo+XGjXg/qIf55NN+mNgbUakPLtuUB/v2Pa+q9caqey5pC7Fflqqhf/4RLEg==","signatures":[{"sig":"MEQCICVArEstv4TDSkYxGaDRpqfAwp7HtYSnOaHxJM9pRS7/AiBVFLw0T7XEegC6iUBiYV/xExghXTPNPzRlF7GVIgFkNQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.c3cdff07b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.c3cdff07b.0_1636484720483_0.22897228703081685","host":"s3://npm-registry-packages"}},"14.0.0-canary.468392606.0":{"name":"@material/rtl","version":"14.0.0-canary.468392606.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c662b604243c97ed8b073cab5791e712186a9bc6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.468392606.0.tgz","fileCount":16,"integrity":"sha512-NzXb2iyv3w45NbqF4w81prmPRasyazMQxok2aV6bs4rbZvtqrBHs2nTANXl5ix5EaSTUrLUsJsjKPgfMbM353A==","signatures":[{"sig":"MEUCIQDjgyFLMuOd+scvyf4nMkEc+mjfz62Vw9REtBW37LD37wIgGABUdmcGtSaYmYatu8lUwDCkQJOkprHgkaMgbOBYJms=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.468392606.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.468392606.0_1636659573714_0.8258773933154195","host":"s3://npm-registry-packages"}},"14.0.0-canary.828f9803b.0":{"name":"@material/rtl","version":"14.0.0-canary.828f9803b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3baf1f51917458d61bbf11cba398073c763a7b93","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.828f9803b.0.tgz","fileCount":16,"integrity":"sha512-/ZHPypIgrXsZ8EtPxBRN5lS+UR9nrb/rjoeKJ5d9DKOMeUJMU03RBEs+l9Q76eLk+yydw6ufF94brYxUxUoVCw==","signatures":[{"sig":"MEQCIALHkUWeqM5B47GK5JgbTwem1tyUiyRNvJQGbsEur+fLAiAFxuHkPLhlT8g+k+1x1YAhUyT9dLVqc75ZbMzetBskoA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.828f9803b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.828f9803b.0_1636660216858_0.10241747480748886","host":"s3://npm-registry-packages"}},"14.0.0-canary.8795cba87.0":{"name":"@material/rtl","version":"14.0.0-canary.8795cba87.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f4d54384325ec99d6e736a9bc24f26470561627a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.8795cba87.0.tgz","fileCount":16,"integrity":"sha512-AhBrM7z0zOsdxd9IdWQrcEP2DpOQ56GzSsMJfiFsPgXxpCgoofqchsDiKalRgUyqz/EE1yDutQ6sga6O/pxhIA==","signatures":[{"sig":"MEYCIQCwrJgSk2KTRtKJNDny/uNcl/OgGmfciS+SXxOG/wVYbQIhAKv1SRJD1ok7GXmQLooRpEqTZumpCoI2Lj/z0rZufAZb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.8795cba87.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.8795cba87.0_1636660573300_0.8188022071528063","host":"s3://npm-registry-packages"}},"14.0.0-canary.cd7f8cace.0":{"name":"@material/rtl","version":"14.0.0-canary.cd7f8cace.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0bf2b4a8afa07023fda86aa6478c9712273a7d8a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.cd7f8cace.0.tgz","fileCount":16,"integrity":"sha512-1kJ55kIo1BcaMJEIrZBORdkxnEXFFwS2HEPYqTK0CjTz+tjfn0mUPBDZ07b4czHjSiresT8fAGq26EJLlFjw9A==","signatures":[{"sig":"MEYCIQC8OSusuKIYo/ZK6FLuxyMG9yr2bv1m5Vq6Z2KLI+9vCQIhAILPMeX+X+qJ6t8sOKiHZPJBgX76sgz6g6w6qd3JrnQZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.cd7f8cace.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.cd7f8cace.0_1636660672854_0.8633669305261635","host":"s3://npm-registry-packages"}},"14.0.0-canary.207230eb8.0":{"name":"@material/rtl","version":"14.0.0-canary.207230eb8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"98b53b9bfcbe4456ffe9358a8b09fa3300685abf","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.207230eb8.0.tgz","fileCount":16,"integrity":"sha512-vdyDo/IhMufTNV2tv+fdApfZ8PYp8/IOjPqZ8BAM4stMqKzmKQc523g6fZFBrKdzc4gMZi1PeQUlM37n3muX+Q==","signatures":[{"sig":"MEUCIQD0fmW8Nrhqc34Xe4bF34hmhp7+5Ds70NJmtW87MmiJ7QIgXFKbiESzHaDkLUlql4dMRZhiPrx/MzFjc9YUcbADuVc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.207230eb8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.207230eb8.0_1636669427333_0.9639364959808243","host":"s3://npm-registry-packages"}},"14.0.0-canary.991fb99f7.0":{"name":"@material/rtl","version":"14.0.0-canary.991fb99f7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5250761a530845efc379d8e454303686b21edaf3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.991fb99f7.0.tgz","fileCount":16,"integrity":"sha512-mHQudONK2j0TG6wnjKvcrKvXArH0ESO/gQ6V29Oj3gs8PtBewCzGtmUz7USaRCOnmA62BE8/vROHoaItybUq3g==","signatures":[{"sig":"MEUCIGp0+/Qu8OxgfolcDBYl+2hD1fPk/ueYbiJBm8X74w8+AiEAile8YwXlvdcgBcpJk0o/Oq87g7Wk7IoLOB24zHHXj6U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.991fb99f7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.991fb99f7.0_1636670152274_0.8338431327032634","host":"s3://npm-registry-packages"}},"14.0.0-canary.15db4f164.0":{"name":"@material/rtl","version":"14.0.0-canary.15db4f164.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"53c9a72cccea41f74ed48e6064f14c09549e4d4e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.15db4f164.0.tgz","fileCount":16,"integrity":"sha512-mraVCGu1PobttcyRMBNKCGEPzIFbqCba49bhjl24fVX9JsDZABiFGAkvqKMlamc03RLhxfjpa6NLLMvGmJ0ZPw==","signatures":[{"sig":"MEUCIQDbjxLhJVU5Xf8jABTAOZ742Xe+D2rA/7twL37sk8e5IgIgNgTMiU4bQ3OgeTtjloKmPUyhSrvuyzqbTNb6fhxzUPQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.15db4f164.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.15db4f164.0_1636738154823_0.7901383446064199","host":"s3://npm-registry-packages"}},"14.0.0-canary.8fcad5a3c.0":{"name":"@material/rtl","version":"14.0.0-canary.8fcad5a3c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4ed15d34fa62e4442d4f280840bfb603372e1480","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.8fcad5a3c.0.tgz","fileCount":16,"integrity":"sha512-RdZ5ET/FHP/trrBdeaelR9sIAqSFowqJbYbu3/0YZ6QktyOzPZz0b/htaNWp9lxhXRqjbs+IZbvH9eopkGkBqQ==","signatures":[{"sig":"MEQCIEbe9dgkfaPrBBmrJ5CYaIcCadrRM+r8GaB/flLVgE4pAiBCnK02jBZGA5vkPa6SYcGi6pvHfbweP3Qw0FVMScjz4g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.8fcad5a3c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.8fcad5a3c.0_1636744395473_0.638956191965256","host":"s3://npm-registry-packages"}},"14.0.0-canary.f81fb1d23.0":{"name":"@material/rtl","version":"14.0.0-canary.f81fb1d23.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ad543ea57fb99ca8e1fd58ebe0decd44b3a344e2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.f81fb1d23.0.tgz","fileCount":16,"integrity":"sha512-KTgZ13zSm0B804t0CIG1cU+9Zh7eBHrCbS0a5T5XxEUKg9Iw2VT8an3MTPPR/Rk1PJO/oGacc8DExwNNfVvx7Q==","signatures":[{"sig":"MEUCIF+K0k5ZygsFIeyUn1A8xCQU+brlUxELGlkC0h10A7vQAiEA+VA+0yq76ssIF7+pFtW2vvLgjI59FQurp74b62eEruQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.f81fb1d23.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.f81fb1d23.0_1636756781986_0.6977812298350399","host":"s3://npm-registry-packages"}},"14.0.0-canary.783f6fd5a.0":{"name":"@material/rtl","version":"14.0.0-canary.783f6fd5a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"422de236b1a6c2feb9f0e925728e9709ee8849a3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.783f6fd5a.0.tgz","fileCount":16,"integrity":"sha512-ucfddtTVNLHOWI8jjyhwVpsTFti5CYVL6n0Z3vxOADWQbWE/Eu4M7PNTFqMUD3f0Y+pEbRt+TQw43n6/Jeu4ww==","signatures":[{"sig":"MEYCIQDsZWmXYd3T13oeyPoC5++sijsFwJOpwQJzD5wRXQJzQgIhAOmvtTdcanK7VpohQgBSEt+f8jfF3VD9B//LNpdVxikh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.783f6fd5a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.783f6fd5a.0_1637041757840_0.15296766126549755","host":"s3://npm-registry-packages"}},"14.0.0-canary.d57ec74c7.0":{"name":"@material/rtl","version":"14.0.0-canary.d57ec74c7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"02ca18b2cf1d9418394610a67dfc01da48bea8e2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.d57ec74c7.0.tgz","fileCount":16,"integrity":"sha512-ktUafGG6MnsehyOTgYPcTqiQ7Z/zY4UNoGUVfM66zTW+CdJi6mLDs/WrwlHPaon+oWHY0vUshgvGDe5hmMDUXA==","signatures":[{"sig":"MEQCIB4tGfP9qwcM6wPyQ6GQLcsLKLCm8cbCjQEMI4zKdZZrAiA4FJBouFMHo1J5EHdHZ3MPwdjOLwM8Y5tcVHR4fhnfmg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhk9krCRA9TVsSAnZWagAAQT4P/i3mVCp8i0dXVbajdgX0\n7Vo3OXLNqdtAFdAQzOKj4CUwnSUCSo1hK6CAFMKLhT+0ZEI/rJQ/UIOhsaB2\nI2r2IrTEdhH2VlLI8MB0VnCY8w84b1x0wAZtOd+T3r9Hh/lpVY7GuuKX9eF4\nJHYSt4WZeeioYpfKfrc0H5PbCy2Kwr8vMxXkR11DLU4u2mXjJ9BTnQbTMcBO\nO6THG5gmhTHiT9aDlOHnt6KVg1Cq15maJfWI4GHpEKTUb3tGQRH1HvIxjFtK\nFgDRPwOh+AMc/kUNjFTm0o7QfGAj9R5kYkCcBRKxjyrgEKNf49Welx5h34vc\nk0/6ZCF7k51nGp+vat+PBCQao8OHiMPZ3nbv9tuaxosvHMGPgNpVCglQaVLw\nvDyKybdxbySs2QnhktpLunX/fOTfYKBzJVkcp0Md6mxPtqu0NIphqPpN9JiJ\nhxhJiPSpz2BeGf2D+X4T00iUa2s6z2MprYJTDln8KRIJEZE4JFOGazE4jwpf\nNm0M2zGRgEaWhmtSEPEmxEgoyW45xF4LBi9NfyWal17XVzIqJmzSLwwcTZiP\nx/K1FnVASQFmLxoLdbaYzoamqriN8vtVThCaacHjJqvLLpd6AbMGpm9euGw1\n4akqxlNtsvoH3UnD0+P6GZAtg80Y3dKXOwkLVhLeKdgeOyvsGOR4w4Yzxc+g\n+IJa\r\n=fNN3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.d57ec74c7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.d57ec74c7.0_1637079339680_0.2861624693887499","host":"s3://npm-registry-packages"}},"14.0.0-canary.554c71829.0":{"name":"@material/rtl","version":"14.0.0-canary.554c71829.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2f5131502feb221d6258985e7de2f20807c8596d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.554c71829.0.tgz","fileCount":16,"integrity":"sha512-EU56orN6U4+vpqldeF5l88rZQZl9FtgaU2/chxqOCLaGHcsdeUJJlwRR3eQ8bRBvbEvfzWppzLUVPeS3asICrg==","signatures":[{"sig":"MEQCIFKizUhRMj3eYPR2a/QiTkIAxsrhe+aaKCAlV38flaZ9AiAgU63xIX+JMSUTRjnS9U6P7GOOR3VDc3ZLtWTSFfZLCQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.554c71829.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.554c71829.0_1637079512647_0.6057862735074322","host":"s3://npm-registry-packages"}},"14.0.0-canary.3ef470efe.0":{"name":"@material/rtl","version":"14.0.0-canary.3ef470efe.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b3aced175b7d3092a03e0a3cd0e7403d6ac2798e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.3ef470efe.0.tgz","fileCount":16,"integrity":"sha512-MGc2QJO87h89kFRjH0asD22ElEDdKKg1TzetOJN7leKV+8eD8qq2eK+G8gshPrhRsC9cb5oIhaCdMsjVqcXx+A==","signatures":[{"sig":"MEUCIDYL5UOvgDIbeD7Z68nalrRWC3rxjuDb3Vo29AOR71gTAiEAqCfx5bxdHvEmGMf3NGZM5IuKWvNSOe2mzZmZrkd52BA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhk9r8CRA9TVsSAnZWagAACpgP/ijoJymeJzYku6rDbbLe\n5iiVOcUr6DkVRJBsWT3ScTMUv3SiFhsqoyb6lkWk9G1vCCEg49twW6lVNQTe\nVBNm+Z88zibr1QfGiOUMVRAJ/FNb1dWdlU2dy/DsxvpbBnISLZOLMava8bu3\nZAAjNHhjJuN/KXaSM4i3zU60tOPXxEUV6RrmncjKKJVJBbicxk1nkjEJySHI\nQJE5PWQ0bjevJDlzo9k5YlwbfqqAaTP14W9IyUbCUjtUroWE5gvwpuAgEcVg\nfh7+FX3+ipIvqOAQXoq35IOC+joRjU9DX9tFfuM/MBOTIM92gIGHr86gzkZ0\nm0wcs2nmJ20ihkvBRk/ORYd8rF3AtHCziH13dYsoTpn8rtS3RT1fydTjEpCh\njrORfblWM2am+mm6Cr9+kpBtOjfqgUM5JGclSfQObHw9tamkLFGeTATn/Yxh\nG3Lwv8YwFg4ZqWLga+LzAiHcH1nNixijGC7p0L6JF9hdYSwpkhspbI842Zkd\n0zmTEWTeXnxObvdmVy97E6h0uCYhg6hWEA3vpvHoR/l8rHFssX99wVCe/ZeF\nRCx7gO5oybY+uZJL1rdkSoD9WjXoIzNk4O2KqJTnDxMueOp3D96mQL6qSLX5\nEyU1cwLIPcStoZ8gv3O/qsubcRV9g4N3qIczvf+qQy1P7M5z/msXy7FNGnzA\ncRyp\r\n=pjLw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.3ef470efe.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.3ef470efe.0_1637079804829_0.12156951129085303","host":"s3://npm-registry-packages"}},"14.0.0-canary.61a28b2b5.0":{"name":"@material/rtl","version":"14.0.0-canary.61a28b2b5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d239aa69c058aad90142ec2617a1b1c38879de57","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.61a28b2b5.0.tgz","fileCount":16,"integrity":"sha512-VmA2a89nM8++eVLRJ/j6PE9PjEIJsH/FJYXk+ICdHeJ4Xsp7NXRSr2HbKv6eue/Cbekvu2rfTXQDy+nbkK0kFA==","signatures":[{"sig":"MEYCIQDr3/6k1dzl7yRpWx8X6xkjiUxLltN3KJUST3vY33gdMQIhAJT3wgS0kGYdskkL1+fHB05JZPFHWnhjis461vQSok85","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlVDZCRA9TVsSAnZWagAA+EMP/i56bs9292Ezh2TtUM4R\nYbdVuL6DHCxbLLS2g5N0nS89wHCqzxRfGZTIZ0OVRQIzj95kP6C8Hd4QCy8g\nWU5NotboWoAQZq5yH6G6U3wSyGWl6eCVQssMuJXCKEncmApP4IqLkwLYWS3a\ns8WCWZ2/pYErmRvrUMkp257pw7kmrMbjG7pGx+G3tImxkVMe4aTElCFCJPIB\nMvKNstHUvxiLB6c263gyEEOy44H4VbIKiwk8lc9+SymWsmDEEIPswioAskq8\nmadbZnjRKPpLwdGb7wCJOwhbXnojnIJZgxL1IiV/6GvBOiBxIw+rhnu3q9e4\nTiEjpqBYMvqVeIjlqp52nBNak+2bGsQdqx96OpO9fNDMsx+jJuL94d1oco91\nd/RPrCpvuui8xfXVRXXmYB329sK3vB7s7ZDyg8Eg+Pb+hOPjk9qvuHc2Pg8h\n1Pgm+JOIUrTDZ7CeeadfZXSLGcM4/6Pjjor7J58kdFtvJvdn3oimXj6ADkTv\nXuW62165ibORpvIxLRMFXh9kK238/BEOqwPZSwDKe2tASYm3y1nAFF9elZE0\nizIrwiVbhKqYJCP9h7IOhgostNoMQN9csjWeN+KNBKoA2VT5iUdFaxxH4lWB\noO2grVNbt4Tw/FEQwHJSGGYqqV3dTgbXU59TsVsu2qoKKqChPliLfwyySY97\nvXX0\r\n=sl8/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.61a28b2b5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.61a28b2b5.0_1637175513704_0.9704506728229796","host":"s3://npm-registry-packages"}},"14.0.0-canary.fae6c652d.0":{"name":"@material/rtl","version":"14.0.0-canary.fae6c652d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a6add5cd74ffcba3a8f5f3ec3e50261aad32c25a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.fae6c652d.0.tgz","fileCount":16,"integrity":"sha512-Q1JAI//Cc1euZ6AgDFCjyLduzn4kAbfwA6D8zKEZYTIBz+4K+niiVSvtX4zBgkdAeTi3EheGyCrnlvgTGfGmBw==","signatures":[{"sig":"MEUCIEZZ2ORPvxx537HULLoK7XEZXATFezMclv8SIoC5wgDsAiEAl50NjLZ6r4aX0mLqq4e1EMWXBd7BqN55F6wvmcliYug=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhln4xCRA9TVsSAnZWagAArYUP+wQ5GJs2sHkP1KTf77U2\nj/CLIhCOeZ5S0nm3HaSJQnsZqP13lCbgPVgP5/Ej3RNLaMcKf9mQWlrA2990\nqxK5Pcwxl0J5OZopHyjPt5qrPdR1UtsZMLtbgA8RNsGznGOcGDpOmAu7/klg\nQtGNXJ8j71fBh2OAcGqe4JITjEuH0jpkWaXqRuXqS/Gyli6FZFg18AhRuJ5j\nFLn26U06ZqLHxoF9GiM57fYtEcbWcuNlfEarzhKamJGEfr3IrheeOWtk26mD\nEOH5an+avjiWbC4VcuqyshWHv7UVhFum+JQ/TTcHiEQgT8tCaOWx5PMP/ODn\n/Ai/nL0TnFOG6NuvTa7PPIQgXEA0a8DKMhp5ff+4PXK/qR8yjZdV2p6kxjNV\nb2gwJMI17xMeskQFgo1QdZw3WmcVF+aYayS0R8TXMo79UHlPaz5OjH7Xw1vU\nJ4dXY2WBqVGOOs+6wPBiU3dGWvXqCt7fvR8AoKAfBg0IUo898/aKWj6o/+81\niwe9k/y4zf9XQ6TZXchNTFjq7vC4BKw64ZFpd+YJKG3MJ4gtx6ji7A/+zu+s\n7TUqUcVSscL/6nMsgc9Y3bdtyCSf4ZHFJjqBeBea1VWFeIHP0BREO83Yf7Rk\ntsN3ViZVZbLC4zl9HSCiCOUz7eY/AUD+PiiYfBtovO4+uSpkM3HRzirv6462\n3Ifn\r\n=9vBO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.fae6c652d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.fae6c652d.0_1637252657003_0.5159444923257912","host":"s3://npm-registry-packages"}},"14.0.0-canary.978a3b5bb.0":{"name":"@material/rtl","version":"14.0.0-canary.978a3b5bb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0a0b68d171667e66fff59db1bfab7a03c4dfb119","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.978a3b5bb.0.tgz","fileCount":16,"integrity":"sha512-PK/VQdvy9VQN3ta992eORfOeAxJsqA43YY+J3HLg9qMwsX2wvofUhHDBXMEw1vlYUjGKSI4xA91AKO2QM0ksOw==","signatures":[{"sig":"MEUCICw1s+ukI8XLbjlGPP9eVp/OyZEURSsvCVGqiitUaTFEAiEAuqMEyaIuXmrmtFGM1CpOCM//67Zg8XCjH/KG1qmtQp0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhl/0yCRA9TVsSAnZWagAAUcAP/3MgcIj2MkyuIv9/igD2\nquGDhEG/+vhyZAPpzhaOmpmuavpJw9enhm86Zgn0uCrpZ7b/Phe5w7nOoRg+\nImuWIT30hrJpN2GQfB5ykdtSqR/Y3orbYh5HvOrBTGM8Wi9VvflfTdP+PIK+\njsMWMC9EI3bA9V3ClUkTFsCN+Kh907XuSfdyRGp0Ejxz+gybltB5htynvX0c\nNe3rFDQJiZiaGhpecJvtVwzvQWPY38mA/1UyLAiZlgmGfE2X0aLaau5VMZDl\naW6I5jlUxTWiWZje9NZRKdZBqkuoRpoTQxZ/6fBw44tJOUKFNuTZhvzyHDbo\nQsIOl8IY7yjTHXciYDG1U5ULK/20RYY50Iu9lkTxlJ3zIfX3cr1dGSivP0HH\nrBUcsjumirNVmEm718Wwk8APyC6V6dWZvUId299IhCPq4EbDDM84Bgues5zZ\nDJRWXd0UJtJEPjrCDDQVqUQuUniT9re6Pj5MoKHGj2eNm4vP2RwFxByIGXUb\nOQMaZiCNspSJ/cboKERdZbXPkDMmN5rQkWGTJeAKSoYfUz2huWCgCqmNnv14\nQhVe3zT5uCdcGxASCOAcKwA+IqVldzi9q8f71jA0rfD9S/XC33qfXtVpLhQq\nvWPcT3ZmhX+sVAht11/stD4bJOnqQL6LndxhjM/gR+gT40N1FA7S5dfMKe3X\nFKDa\r\n=RVrb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.978a3b5bb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.978a3b5bb.0_1637350706334_0.7756369940215317","host":"s3://npm-registry-packages"}},"14.0.0-canary.e6f43cf44.0":{"name":"@material/rtl","version":"14.0.0-canary.e6f43cf44.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"369091531f1eb4b9e6788872b9850773e684ab75","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.e6f43cf44.0.tgz","fileCount":16,"integrity":"sha512-mJxJch3PFiJmqW+3y6E+Sgcxods1NFMibjOtYohcNWKftOlXHT3mT4UqcaxZz3pLI04dqiNXttmvGGoY3zQanQ==","signatures":[{"sig":"MEYCIQCagVfVtIwb9Aknc7qKaxeQmoKEjWh5Qt/5c3b4WVxG/wIhAOIvc07p82PxhNFPMPFAtzUL5FJkbqS/FHlRjznwpNgT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhm9SjCRA9TVsSAnZWagAA9OoP/j0reFownoXjTcmD/t6u\nlEysm3fQwAYzUnJbKDnyYH/Akhm6hiprp0s+uoAEYI4fOgTiuk4a7heA1qep\nNTP3de8b8P+XOfH8fbgjvHwrB136Fmow6ECqZ4K08ajb4RYF6RTjGbUmFHJb\nFNQ6dpSKnJCqK5d4QX9odSW948O06DK+AkVcx5DR8A6kkMuxbGo0QtN8EYzg\nuhbuAHNAT1O/MMyvh79slPuQR9oFFT5ji2MgDQ3t+8T8dNKcLl3nY79fbHom\nuxBdsvaeRYB65XTJGQdwh4n0IQoAFYUbE7/HVuTAUFCMzu4iYk1q4VFCLex6\n8bWc86EqHCWX1E7BVJdlt7JyFAmGXcGWE2p4X1NoopICfpQaVdcp1aK/+nD6\nHAhcPxa283sijwTF8aooG17IBEba+iEzzOWxj9zQ4lO3ijzgLFcqjvEumahT\nFOTfjE7rU4tN6HuD0q24Deu0NXdODwF3LB0QOHPKdU5I0rrvddjl/eCMuVvy\nX4+PQDpdTrkXYXdyS70dSo+qYgEHfle5qO5xAZ8dSRHzFCJdV8SC8LggXlxy\n4Q6fHD36jKeY94Jvag0m2XrBttz/thdIHXHgCxRq5EZm01JdSpi/Vvy9wE2b\nbZS1TV9Rst/n/uu7aWuflLm9aeny+NjFsU3fZrrsLirdmJJZsGxRAWBiPpCy\nSjxD\r\n=X8dR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.e6f43cf44.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.e6f43cf44.0_1637602466922_0.32565620209913093","host":"s3://npm-registry-packages"}},"14.0.0-canary.39cf14bc3.0":{"name":"@material/rtl","version":"14.0.0-canary.39cf14bc3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f3d4ba5627d284881d2de4475d56af16ff5cb671","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.39cf14bc3.0.tgz","fileCount":16,"integrity":"sha512-NlJdCeoMLvORpi4FERYt5OF7oRpgVT8K/YiWGeRO/o8hTafWVhflMNMMl0iHJeC7SpTGXLefCLYHtuCxvMmAww==","signatures":[{"sig":"MEUCIQCc9ONhpnpDQuFfIPou5dYd00W/5aM5GMAZs5KzhyncTwIgIkaCYUO7+4bw9wQWdKeke+VDcIumJ9P+TJvvn+ll5MM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnCHSCRA9TVsSAnZWagAAhLUP/3dFGq6xrngiWTaIzJvP\nvxrpNjzP1TQJeb/wrYll09bACCify7UPeWfCbOtmcVUpVSMB4Is8unERRMDd\naiUGmttOVEMgepQ/Wp6F9MmsvgOoCeE7NrvPBE2SuwtcJBBtALoxIwBF3PNd\nXMRioN6qEsTkdNMg+I+4wPW5DXS8siukguS5smhmyLYo7zMFMoVITWDLAuGZ\nysS+WmFNtgorwA9tpJGbOP0VOObq2QjCPFpGvxi29Q/xyuZabdeeHKIiWPHh\nHCMUyqftgpe3XCNPknXy4LkpFr7S2NDLILqHkbJC147g1I7IJqtRkUVrGyF1\nKM+aHs9HgHzMz0vjvU7UX3+IRptXX2LtNfG/wrkb6JzFsG8TGpk6EAyNKVe+\n62XgGb09b7cJKeTHnfdNHTsGtoir8brXbYrRvYl1IcRJI5hS5gc49kZqGFHA\nhNBWXMXqwvunDTgItDhFlC9JW3GsRjwki/tEp6MVPjmVI0XNHj4TgZVk1l2C\nW4UO744Sdp+k/OBww500arPcD30DN67/7gnr+sbzU++iiAoID1tWLZKb9eIe\n9Rgbf1hSwlvjTGC6+0nNg0IoTfYic1AR4+tHw9tFfUXK5bJJqoSJkBHK/6h4\nhphdNKhfXri/C3bONPHY/ENQgqAIfAwZCcE3kFs/XdiCvh2xIByPZSGGBF2x\n7OuA\r\n=99t+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.39cf14bc3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.39cf14bc3.0_1637622226238_0.5058439372244816","host":"s3://npm-registry-packages"}},"14.0.0-canary.93134d453.0":{"name":"@material/rtl","version":"14.0.0-canary.93134d453.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7ef95dc1238b6b5a27fb52e8d5bcfadd7b08bf89","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.93134d453.0.tgz","fileCount":16,"integrity":"sha512-iA+2mvj31qMp5MzqWeAKRmoxnewTO+wQhqFjwNs0sYY4jp/ISHypi2+fScJdHBzyTosJ9Ta48+mw+ZElHlnrIg==","signatures":[{"sig":"MEUCIQCMxkHvIgeOmOprubRzLyRTEN+QOTGp8S4QT51GXMfbAAIgaOeSdmJTorcw+CwhI5m2rx4tkIFzj3vebH9thMObgXY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnQrgCRA9TVsSAnZWagAAKGIP/jH4fdO+i7rbg6lRTsXE\np7yKzdeDqhPd8fAnZfaOzNbonPoKhow0HwB760iJJY7LI0sb57b0ctvvKJQC\nnV67/3YTClnIzASIrLOz8Wpcilt6/cOMMcnChPZh1MtM9ezEo566VcnVyn31\nBtCjnEQTNWA6+OuLef490rV0ur2qWb9RuWvpkg1htAcdlgloYRRO4XDC67jF\naBpmrLCMqU+yiuFzHTApJlUF9Di7K18FXlgvk+K7Gv4JWFSML5yzXPG29eM6\nbY0Eo83aHC4RhEV40bpa20881mp1El26XIuMUxIEZIl3Ta6ag+UgwWA2LLmV\nFkGrlv7OMpGMHdE+9wqQxXpQj+s4bTX5Vss7Wb4sHcwTvmt7kuY74uYaY9dM\nR0KXRrWu8ulNKE2Ju4atP+0bH2YOHmmdgAaDyg3lOuGiHabYBkvdQf6R8Dj7\n4TCCz/ObuceVmu1BWoeDCINjn/XJl0rNbmOhEu0IajdSdywati8DJYylPWYn\nYiIxMM9cEnsp4iM+lPCFX2sxACFmYjIMMmrGSVvMctxkvip4MmAd4q8ptl+Q\nUGDlaB/m5TLg4GaggoNA1dmfDIfyQCwmXVDCNw9lZuWAXVkowZf/uejuN4Wp\nFuAAWUsw5Rxihl2VFryUq3M/vdbWInpzUEvV6gGYEn0UeUvuElOJvedb+L3n\nePyw\r\n=OQVp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.93134d453.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.93134d453.0_1637681887879_0.8282613614439045","host":"s3://npm-registry-packages"}},"14.0.0-canary.bbd11268f.0":{"name":"@material/rtl","version":"14.0.0-canary.bbd11268f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f8a2b13b3742bba4cc1c01bbd7db5f022a3dd3ed","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.bbd11268f.0.tgz","fileCount":16,"integrity":"sha512-Js75hQ+dilJtQvj9ddSnwWmlFHnLvfqDect0/WwHlegjP0nD/yo1GLXgqtIJwbEeqqHGMzZyo1goKzllm2JB8Q==","signatures":[{"sig":"MEQCIG14HPXNlte/UsyY/ERidqFLI5a+c/phZuXziklSq2zfAiBNVX1fStV5yjk61hIv/amAgei9umQqG4YK+ekT9yfKxA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnWvDCRA9TVsSAnZWagAAgAkQAIF8C2JNfgGdnFZxVTfJ\nYcsO5++S57wklQiRwHi3QpiOPfkcQltW5K3lphPFCMpcuLs3ur63iqaiLeSt\nwSprcOtkN3RxsCdmtz9p/4q3IqratzCqpMy0HtY9Em+Guzj9v2aZbamVanBd\n1TUpAwtR+sy54Y1tLg+owTkFz5ubfm7hD45/VqM5fn+hMpME31IC5ohspEj4\nSQF6gXJ15zpkZeCL5fCmFBF/CavgBfsy8ft38kxz4Zj6AUREJYIn1gmBUdUP\npbhkYK1+mCNqxdTIJMxnNbZrcMb38R8M7i0he7psIsjzmV83OfEt3ofaKhq8\nd2uqtRbIJjo1ueM+xnLIu/FJLLonozlcszc204EQ49pkc9EvLVTJC8th78Hg\npCGgKR6DXtpRE3Bktj/N9N16Qk30XrWh8LVJc2Jo1wKMH9iSUlIkxPX87X1G\nbtoLQYdw5+DxDzCjZrWJfzlDlDYGjFwg+czPdxJaLGD94Uf1m3VnwzmQog/N\na7QaElBzy8gurryyrS1R8s/6g4+wZmGyoQxsUBDAfrIbL1GP1z/sSeaHEomM\ngdmxBJh5ct5vfqM5kvkKXZEOD5b2MPLJ+Vvt9FdJpmuKPgDEsBf9mbyYqWE0\nMB7Ktc/R/MLhZRtErRAMLVu/RjJu24hEWyuM62cfdY83LMWE9LhDlR6YcU7J\n86Im\r\n=zLek\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.bbd11268f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.bbd11268f.0_1637706691509_0.18738918695492757","host":"s3://npm-registry-packages"}},"14.0.0-canary.3db9c4d3d.0":{"name":"@material/rtl","version":"14.0.0-canary.3db9c4d3d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"81c833e4c99f183ef2d072fc1df2141b8b662f60","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.3db9c4d3d.0.tgz","fileCount":16,"integrity":"sha512-5otsFuO6JvQhjsS/NwdcruNQHRreGHoEN851++DYB4pXpbEWT4akez2QI3xQn+YFGkH3uJQJhOooo/qqNUwSZQ==","signatures":[{"sig":"MEYCIQCRLBOCJiXzHl2NN9JYleN6kIoJ3VbpVehviWsVp+5OkwIhALwDEo4t/JdDHJEMNQI/VNa1iNnza0jr6GdvHiA/gnSK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnlwJCRA9TVsSAnZWagAAxGgP/iLjfS8UBqwgnqlw/T42\nhDljwe9rnig3/KOm8QkO9jYrDgyj+h6WSM2xkQwtCpjr6pSZioUvfwkGqA4I\nEnSvy/0bsUmHHLM+hpfQkSW8Q5LmY908dyJzYKgyl2g8/R8Rkda+LJAIPMcf\nlhAcA2Tb+hrniCR3e2IhsrvOokCDtXX+lbxNTbtlcvmeDtc8DhtW1ZvMlUh6\nvgpSW2nrPMO1sioOI/foINz63aStNWzSGg0TWBTWFkUor0e37oP2j2P67vxY\n8PWv7e1iCLkwrc8lLNKwgULCk7DkPiZ74PAhWrHmN7HNLBRMPvkO0XyvACvw\nquRPt4t6D8j0eLSUhke+5MmRnlzzPxqROu+E0H/ne63fl3ebdb3JJa639FVo\nTGCbChJgtgm69rYiegEhxDtywsdNKRiYsZSVvH493AYyKMBM5ALbhZBgpVtu\npJcuFeD1XBcq4+VLNaWL6GTnUEe6dKZG38tsGsMFB/EaPV1WS4yY3Q4D/yCL\nrdb7qdp/BnKT8yn8re5jNLB3jKsiqoNJ9LevjB6sd0jOsSLeTcJHvjo80pDn\ny4GQRcVuQilNEFzlHgzCWPBb0RNGUKSNlAbbTL1y0C8a119DuHDZ45EZLDqL\nlVHVT2i8UVjEQ4te3Q2YlkhURyAJf/xLustDvr7aaMCSojmeH5u9N3+/uxLv\nYJVN\r\n=Ho3A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.3db9c4d3d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.3db9c4d3d.0_1637768201770_0.057512698498288994","host":"s3://npm-registry-packages"}},"14.0.0-canary.78305b6d5.0":{"name":"@material/rtl","version":"14.0.0-canary.78305b6d5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5e2c34570586dd2c28db843f9d06bc775de5079f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.78305b6d5.0.tgz","fileCount":16,"integrity":"sha512-XardpMEDwOAh7xxpMAw9cj/6xG2Ign1tFqPxU1ohTE5ScLwl8P6kPg34w35D14EgHL1nx5GYlRzErq+TAKbNUQ==","signatures":[{"sig":"MEUCIQDl1kMbrpygR9P8Y37a7uN6sl5vZuvwV0b+DOXRQOjHuAIgXyA/fC9BvPUu7KfaWNAq7juam4u+9mdM16HryOBMf3Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhnpdkCRA9TVsSAnZWagAA3KoP/3sOOveeZHgPN6GiYPAp\n/Wrk0iAcC+rs/plrpHtfMZsKsRi/Dpf4xgZE+orY3hJp+ydok+ag+UFyqFJf\nQ45BaikPGJC1HPnHbvQvR0ck0RwCxsBQXhJ0+15df9Z2ibCg+YxHCygL2nI3\n45gVNopiEatX0vMUD/UCTYfKWOxUDiUqd+UGupYGE5ZMYM94F4GQ1WPnbf2n\nHEookGc0L+cAzQQ5gsfLemZltRYqG99N+LFQxqhUF5LBu17fFAHs4Gg3zepE\n2COKetyVC3C1BvhgSZTtSde1iGZLU3R+kzmcJFxm4Xc9suFX79tKeZVZ6p/g\n+HPGe2PJMlWGxwwcCbTbTsKucR/guA9sTS8bR+PHQgJeRvJRdJd2n8XqaKGj\nTkf1/tOTckaBa8BmulsflE1a+wPedf/mSA3c3MNRgMpn4Xb8mOhSHiQimtLg\nL0mETJlwQnKrOci8Ny9JhjB4j5pWm0cs0mvQikqDrJkERm89LvZLHPM+3eyQ\nJYq09Z5kB71wuP2KHzpMbiom8XtHGVAyvL7n859rdex/Bs4kZ7bANyf9rGA8\nkUi5wMb08oRxAR2oMRr5dFH5JFpF1XgAsGwQp20q+Hz0L64nreZfVXAMSasE\nr68kUxEMOvNpKYwWEBTc0EeBMDnTn4BM9FC+lFIzvJy5Q81g2HW2hpgU5c8Z\nOmFi\r\n=ecC2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.78305b6d5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.78305b6d5.0_1637783396665_0.8334191394145287","host":"s3://npm-registry-packages"}},"14.0.0-canary.43d08ba77.0":{"name":"@material/rtl","version":"14.0.0-canary.43d08ba77.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1628880a5bed5dd5a0e2f0c762a5d39c9c43ff38","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.43d08ba77.0.tgz","fileCount":16,"integrity":"sha512-2daq3Y4eYdorerT2Cp5qoX8ltzUKLiFRH8H1qEKLU5+z4DvuA2SUCjcRTCiM5LVkHfFJWXBdYugPq9x7xBMTNw==","signatures":[{"sig":"MEQCIBVcxClyBXjkRQIuG6b5PeYHk47EihxAO0jluYqLdxhSAiAgUObHJGytZmxXRNpBhQKbEGR24WncukuZatgEkzmWfQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhpqvZCRA9TVsSAnZWagAApvUP/RGGyBoRTq/jmKSF9DmD\nhrdi3HPWsL4VerJbLS0TPaQJD0F8jBgSVRe24IJEk9WNwW4O9361igBZM3tR\nakqMF5UkBYftYdltSbgwG/C9/7SenP+I62b+nV5HjJrnnddxet/tIaUb52HK\nm3SlAOdC/HoYzDZyun8EZlKGeLflrnURZMZqNxDFAVTdDSoyQbY/Kb5lIKPN\nFuBMyYxmwzirMgQdHmfVNvbnIBY7jJ7UMybT7daJsh+gkZfTqLS6g4wBRWCQ\npWQENp46FPKgC4CTIzzqDROtOe+jK4pPl8iE58Qiaci5gU+YSgc1tPv8J9Aq\nRbm10CBtWBLbunkacZRE/LYpnNhGOfEjLlKAViauMmBG3GnL0GTRpC/vFPkZ\nhsDX2OfXqZrGKtJ26elezj0EVCQhnChITMXdMVHt4x38BkNAh2U9JFdxC8Sd\nJ0OmPEmbWzs/+fM/I28QSpqMJwmuO+lJ3PidmhIDDOJ28XycItkPaF83uZ/+\ni/9Uz42moHIuz9f0x/4KqzeeYGL/eCADEUUX8qW0jwEi3dEDmcCKu9hh5va7\nViWboiQNzOV3OVCbiuoeb38XaOvjnynLyTUji1n1dZM6xpsREE5fwW9im9tM\n4vdmtwqFuetKlukpDF5RO5VyfPR+c62CXLS6IBRtRHKVn3QhdAL07bM2+Idk\ndUAr\r\n=tGdL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.43d08ba77.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.43d08ba77.0_1638312921636_0.9822908992101023","host":"s3://npm-registry-packages"}},"14.0.0-canary.17a072535.0":{"name":"@material/rtl","version":"14.0.0-canary.17a072535.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"80b8dd138219310a118d61524360e13efc5bd9e0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.17a072535.0.tgz","fileCount":16,"integrity":"sha512-DIyEk6a+vYooD5pWR0Iq74VsCusGZukbIVbH3FxoZDhXrUA9fKWS/sCRcPfBRWytrMJ0npCaW0ebrPZWh8JBmw==","signatures":[{"sig":"MEUCIQDid8GaxKYB2GIRlb//h4w8WlQiVz6WPiOZBbZPEO6mcwIgJ3HkArbkUmDPsMBg4/B9cfHNWip6WrIZyb5ETvxytMU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhqQqwCRA9TVsSAnZWagAAVa0P/2bRm7O7sCuWKLez7u7S\nfs/EC6OqI5E5MapMHKZULi8pAYzmxMaLrCR2WBmhLWuwDA2z6DGBL1mJz9rp\nAVG10/8Hs93dvmLOnOnxSEdYkOz8V2VfG5hC7GcxBZ+lN8DNBDDSBexR7qCV\noBj/aNmodN9y1Nu//NdMujxok5DSIR8UB2BaftNj8WL0MEi/gyFz9lHwLr/2\nLQHL/4PlSlnyTUH5eJ6C9A7m1x6wiRNfi63ZUhCdKENGa/0Pb1LJ+5xcr9yq\nxIrG3IhoYrg0+gEAZNlAvUhtFNKKfSSyrV+pvVX+OKVoMh90wZLXc1bpT57P\nYdAuG8WcVNuKUp98PsdesFPl0YJgZtnBZ0+8QZxKI3DLMh1BXOEoxRxnfl16\n6egMgHwNMnu1/ySePn3fKjGmwLlFEc1wvknK1W9XSyNlw/+O9qj7Hb6d++qZ\nAd5LOE7AEIWEmL8XqlJ0BcjWdU2Hok6cKCLBj1vbOCx908WyM040nyIG8t/b\nesW52VDxKIdF6TIxitHTHw7py73GLHRsFaWlEW31ty+P1Vp3F4ei3B3YGR30\n2rfk5k2pKg1+7BcXUxFAMgVJeh2cRDkmqbzG7PAhYxb0vj4Bxvlkm8d5M5dl\nMnGvH1R0Bgzzor5g/oZ10/3+pdszQVdACs1bJ/NypzPkKk/CYUt0NBABpTyj\n4i/D\r\n=2KQH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.17a072535.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.17a072535.0_1638468272032_0.6601277977162359","host":"s3://npm-registry-packages"}},"14.0.0-canary.5d809696c.0":{"name":"@material/rtl","version":"14.0.0-canary.5d809696c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b571303680a7b33a43f86f0ad26c190d3cf96739","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.5d809696c.0.tgz","fileCount":16,"integrity":"sha512-gtndA+hgqMSWMuZftyncduogGhn75EkiNIaEIKeQTV0RFiw1LJZ2QMS+h56GzpNkVzpbEyGoTXBJ2k8qQ7jHBA==","signatures":[{"sig":"MEQCIGTA/ZhbWZx4blYyE3AxiL1aAXzdlPDDrCqhJR4dlTZDAiAB3uvCyFy17JEIeAazWjkfCBIDriizKQGcjeyxbHzEHw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsO7HCRA9TVsSAnZWagAAPYcQAIWZaeFCMMoguGeCuSPp\nNjb7SkACeLajDl1H3DDMa7MFFtKbWJDcHqHhi+4COMTh3y49uIG5//ugp88G\n+nlBuZQfljqYLqroBkInwATe7e4DtRLpxGotTHOIoSbRgyF88SD/3DiW7raH\nK8CU4SomILf6QuaHU9m0h6HAI5OqvnXROcxND4Ah2d1rflBo1sPYcUs2hey7\nRZKbSMX19penmGnooG3pkaXEUPsGqcyOnYM4g3Tyw0HJfO1aQ77aKVeqpCHS\nkp1RUWin28PFOBazcZy0parmGkcAAEdbA+q5dJPjlpLobVACrirKnKAiP6jl\nThF5uINrU3kS9CUlt/xKWXn016vcCbrOsMWPpS49RsejFqeyIqG4Z0pcYi4B\npUvDVbBOI3aaOt3tUaAFlrHfcdEEkBZDu5sU+ocLxAwdZMoHiRAKGCsqsSW7\n6MvZMMU1R9sp+06ZbP23c2c5jkYFaQCZfVkcC6dHYUgwOHOhp9bo8VTjlXst\nmQobY28JbJrPRNECyic30/808sYGzr4QndttEdofuro3SZOla6v81FC4dvJm\nBxJa8SpTJJ946DrXh79RcT1/zaOizTEQ8zb4yZ8lhEPn/mBbRWirsGuxzbDf\njp1RRn0baX2cyUR3KRJie1wJLfETn+ZPlKUC0a0FbIQ/s7sW4e7PZis3llDc\n4Yyz\r\n=/3nq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.5d809696c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.5d809696c.0_1638985415597_0.9405656369759223","host":"s3://npm-registry-packages"}},"14.0.0-canary.b6510c8c1.0":{"name":"@material/rtl","version":"14.0.0-canary.b6510c8c1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3a08d7448ba6242c4b147d81b75d02495220fdfe","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.b6510c8c1.0.tgz","fileCount":16,"integrity":"sha512-q84d+zS2FHZUXKVNhxw58yBnu37AbUMK3fEGV2qwaMeslGJW3HD5/HxzBzR+Q+dPhzSoqq4hY26JSxM7afXINQ==","signatures":[{"sig":"MEQCIGC3glcOEQ0Qta3XALC7ahAG8QuwhmJOH6QVwqHanRh3AiBnL3OyIO6wwJCxbQw/o+q9U2LIyjnn1sY0RtEjE1iMxw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhsPP2CRA9TVsSAnZWagAAR9gP/3rrikCGwBqKz7Fnmpl4\n3CiZFZ6vn+YA05eygT9PukDF74KIJWLgjZByl9y71/V+s8krTeU8DGsMvyOU\nKbQk2QcBUiNVxZ40jYIf3IWKQrjyzaAknDUOlO80xHkIABGI4Vda98ckFYcG\nlzBEtAGYcS4fOBincGA3KyVR6dqPAJN/84A4NVyDvy+n6coMnPIXo/1mOy57\nmUEcfqhXMAd8rEdAhG2qyS7M5OippupAuQsDuKM5I7E3zDMZG/bAvPYpqnI4\nxi3VJ6beEPfa8XFFkAtrxphmKDB46iAZmrdBDxmIBqhiEuJHE4fbVSt5t8gJ\nFBr13Ukqu8CxZOKJRyNfd0fDNywbx4Xmlj2jd/j5BdLk6RS1eRTExj6I0NHb\n547fxF4NdBYQ97bnwJUKkhsZmR/0cNuzPSjqZgNc0wGVv8cVRbBW3WiEQ3vx\nnrtVFtylIFdY42hVW8MNtuFdK3LLJvr77QRvApRi1f1e+Ho7rlhhKR1Sq7mL\n5ViIA7itwpHwLhIt+sum5RovsqqYp3HViX9rSIVpXwYUm4O0P6zVg+NJP6Oy\nXsK/5tLA6zJebeXmUDNpFFDeVujZPBcvQ6x8nQBK5uQETDv/JFmik05CDE4s\npmhaPKDF9Vbrie8+8+mC3XqExDaTEO4KGG0E1+MwnqNBI8fqAnHf4gow0HCb\nl8Ts\r\n=t0Kf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.b6510c8c1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.b6510c8c1.0_1638986741947_0.1551281293704181","host":"s3://npm-registry-packages"}},"14.0.0-canary.f460e23da.0":{"name":"@material/rtl","version":"14.0.0-canary.f460e23da.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b2ec8c2362964d7e35daabdb498b9b577e8be052","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.f460e23da.0.tgz","fileCount":16,"integrity":"sha512-TDdUQyuxuhIqZvT0UNbaR42kegCpIcu+N7jMN5n0v02zRUaK17KedUR8Hhwda4E4aZIiCGqwgoeOZudm7g+2MQ==","signatures":[{"sig":"MEQCIH4YtWf37vutaO6A3CIzlVDGUkGNjMNvh6FS9J9E1tyRAiBka8sAnfTbF2rY4rykxvIdV1OKFm9V2HhyCJNtYVFZKw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhs3EzCRA9TVsSAnZWagAALe8P/26nF8aBC5n/KZRpIN+y\nghoI9yIXBrgwkl45nflTXIU5ia9Vp4ibqf7TQKsB4uftgHLFVq6lG5OJZtCh\nOohmrVISQV/KtX8ozbeYYKdeXovJzsvQWhADOs5n3DLxqddmp3OL9rhTaa4r\nVSIyCc4yCwCE7HJKA6Vgobt4pXN2Zpv2hn6I8LctFJi5JkMZUSFgXLXjewcZ\ntqgNklrzX+W6FdAD8pnWu6HUOsuWu+OhtK+tk6O1sbYE0SXUfV/EvesZnudj\nXeAy8t29Ll0D4Qrqnx1qtGncSTaD/D2t+KvvXBF1Iv/xqPNCz+Bet6ZhpRkV\nYOF7YiVcmOZEr9E83iRpz1+Zd9wSk2WWVkV6F6HTXNrNS71wKvIaT8ElAMno\n54ogGYsRU0cjYxivGk39HFtHCYoCG3k2iLEhwFHR2zagzsHKkI2yKQGaYdDn\nA8ik879AWXBnChxdpHniYTFSgp2kmdfYarEQ7oa9yRk7mDJxx1N+VFLrfzsl\nItDgwdTrK1soxMVmeRdVTmL4YrMO6qUI2g8RjDjTItyhhxs9J0LvYnCmlCRC\nCGKD/MAZz6zkyTNMhTWY9CrPK0mzxBX6oEIuOgk0765Lj4dyCmJyBxyGdDoz\nItbThSqmexhDOfIs7MWRPn7oLtxwGwQzUT68lNcPzrZpYlpyy0bM5V3L6DMk\n7RCO\r\n=1oBk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.f460e23da.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.f460e23da.0_1639149875765_0.7997731517313684","host":"s3://npm-registry-packages"}},"14.0.0-canary.7d8ea4624.0":{"name":"@material/rtl","version":"14.0.0-canary.7d8ea4624.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"59ed1f02b548169fa94f94086c997d05d53f777b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.7d8ea4624.0.tgz","fileCount":16,"integrity":"sha512-IQin1e3fw7mKY2d09gHx95fmjwCohTz6gXIyd/zzNqq3x9CCxVT8MxE7BlynGLkzLkRDNeVhjuEoglLZqOg5FQ==","signatures":[{"sig":"MEUCIQCt2cyVeMvHsbxIK+AngfJNw/yMd5FGRQUInHmn2FcyeQIgSjs9BrQcGZZ2k2H1WznHr4mGP9L30eLbRgnMxhM5mpU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhs6pgCRA9TVsSAnZWagAA788P/1jiwdDoXbA5AYqPHaEG\nru6uQWJ/6pgc1mkBbkqAIBGGHUtDhSgH2kdNFVfxuKeFtNDoiam+8cx4qqRp\ncWyvm3C1k/8KfXAthF91wa1nWUtPjMaPqGxUgpgXBHfclA7h5AJ8Tr6OCZJp\nDtcD8vAoyctxmAjeLjVnfT3lG4dTuvgXYeUwfiF0Q+2w5apGzw3Fywf131n3\niERyrhNtduiQQvt+Vm0mE6QX7XkSWTM4hVYb4pZVs6tR0x6dIkGky3ftVlbL\n/KXc6auCFOidaR6f+ryoOR2OZDZWuDzra7oqiPYX9xKu7hzyCapa4nByIPRQ\ned6HvWvOV8fciAHa0+zIOoB61Fr0sL0s+wDDXRogO3g1kNUxb1jbMOij6FPV\nCIl3Q7k1LC83i8YNgWWw2O1K0VEtS2TFU4qBP0OaWr6d+lth4+fUFXw2mq3l\nESNivjg3wVNLz9lYvtICVBvB060EOe6KLeH8C4htSWRMgBAy+6hp1Tp94/wm\nYPFU7rKfBY5y2P+WRCt+bEwCoXlboRuveIJ7qZcDpq2Qc3RWw+q5QHLmeXmg\nqGOzlsh0Oq59EAHajwseeecv3Nyv34gU+pl+98E2Z9GWOyJdboDi9fAV5Evh\nJ+fpKO3w1gjqmeR/ptrlkrTd0iAByFS9dmsUx8njarXYte287Gt/Ve1awIQk\nhCR8\r\n=zYuN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.7d8ea4624.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.7d8ea4624.0_1639164512564_0.8889984522929035","host":"s3://npm-registry-packages"}},"14.0.0-canary.8fffcb5dd.0":{"name":"@material/rtl","version":"14.0.0-canary.8fffcb5dd.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e8479f4ead7f102b6cd3632208ae0336e231d174","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.8fffcb5dd.0.tgz","fileCount":16,"integrity":"sha512-nkor2PvTJjZ9FMlRzsQuVM5xYWY8R6x/tim8kOVD3OMwxRbqgj4oW9IGCT/FgPV06jKWfI7fhn3xc1TndNW56A==","signatures":[{"sig":"MEUCIHERwMB/5U8JvKjoLCXTwWIZVId7VXPXHJWzB4R04JLFAiEA5B2qxzCF5s/VhyX3wjyeoRxudhAQqwmlMejwC1cCiX4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuFu5CRA9TVsSAnZWagAAftUP/3q/8ZmRuUaCutI0Owir\nrR1pe7A8BD03IL6p5Drbfiw3lAHqS7kaXEg6dENvgFBqmThEpi8I4/Hf3tym\n9m+OS4VJgQuAzZeHbB/+rPylXf9LmKhudL3NYZsIZL4ax5Itu3HIO4PTMn5j\nSKvp/ukhSc3XeVzs9vlGnX+c2O5CmD6EN9MicCxNBXmAFI2RtDYWQBdo//Cu\n9xVSQLaCt7RSD0fJIqTVcGwlV9wPOXf2wPaGkWSwsVrEI2WuBKMLvm8SSmSK\nRx5GIv/dEaKKMr+eSgKv0voOH1HdquqKXW2Jouk3ZECjoPJEQHTEwfZOh7eM\nXoDVLpUeBBAAg1Nkvpvf43cOv//bGAPPjlQrK6WXanxLF1iHt18GWe1V8Vhr\nL0TWzt3gKujT5pPVrcbF2IRhkBrSproZjAm0NQBi2Q+Q44DD555alBB5cuCb\na6lFCZqSZxsaDzVwymNLPysQiSBdx6xMkTgp9GDERpxGj6mLn2T0fzCV/Lvo\nXLs4LyF2o1mJnYIe/ZGgHOK01AQELiGB8oMTa/rB3lqUPdue5HXJbo94ct1v\nkubR8M6IhdOupLEoxhBotk03q8F7vqSOwr2B6pW/Tw4Hj2A3wbFboWhaa5ny\ntra/UYvMbK91RQZthb5YgIIbKcgCZ2UVJZH2Jc5wbUmEnB0COcBSKqCFioIB\nRzUa\r\n=SrwH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.8fffcb5dd.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.8fffcb5dd.0_1639472056772_0.5337848689988669","host":"s3://npm-registry-packages"}},"14.0.0-canary.21e1cb9be.0":{"name":"@material/rtl","version":"14.0.0-canary.21e1cb9be.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3e28a6b689d40f39d79a3fa9f5af11132a404757","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.21e1cb9be.0.tgz","fileCount":16,"integrity":"sha512-GS5ucNIX/E86r+ToyO3/jc4zEHpC78Jh5z/rtO7uzCEU2hkCNSc+Oh8YlYN11HRMTuD9/8rhrw8piHz/81kfWg==","signatures":[{"sig":"MEQCICHVrNuEpTxTh04AIWUAJCBWIbGfeM1rAQrS9fEgabXCAiADLuZ0cNluLReV2RAuJAerTu7eDwM8CYFRKiqasnXKTQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuPLbCRA9TVsSAnZWagAAB3kP/Avwo8SyXVSfm+gGdLqV\n4mHat1TX98YoA8e8knLmD+I1rbLBoAzJipPDVIVgSLXLTjPVJFJIy2vah0aR\nF7i2E0hhsFoxpqmG3g02AL5Rd5NF5z2YbVpUmLTgdwz4Y97n4RwISDLSexEQ\n6+5HzT0GeNfavFBMb6T4p3TYKYBkVUJtG8wmHT/HEVKXzXJGgAlL4pkOsK5c\nZ8pSXfUra6yvnA9zVt8mxC7WdC+b3EGlNDR4YLmxxPQ6Vt3SdWqSPe/fXPkK\nI1n1XqJyH1tXqYDWC7Q65TnQf8F6qYG4ijQOp++uH79QtsZalXgFk2mWm4IB\nahXPlmxS2/dnVQy874By0ur6FtzvRQ/CXSia4D2ReIbGJrWX5adu5mxZdQ6e\n4QcBIWdSPGTnJDXCnAIQ814j6GJk7zn3HYWizgE7lHRAEOVSvHSJEPaj8fOh\nAr7K2xkP8AwItEwRCcJ32yHBQvjwb3Ulef4pG0UB2UibMRBVOV/7evIaey4A\n/h1xXXYYFqRpKWICWEW4ibHpP09Gq/1zcDDmmqJ6LT25zT5Z8abrmXNCUARe\nrZaiv+cp7jk7ZaCAHtfJvD1pZ9lhggRg74zE7isHs3CM+FNd9h2jHqGZH0Ul\nx/8vDTzuoWmDvqj017YmZLof0jWW8coFHRhkUhPhfkWuTjxrujYCmWTceg0B\nByY7\r\n=etNy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.21e1cb9be.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.21e1cb9be.0_1639510747204_0.46866796406363087","host":"s3://npm-registry-packages"}},"14.0.0-canary.ba78e8724.0":{"name":"@material/rtl","version":"14.0.0-canary.ba78e8724.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"df0441b7ed34f71492b9963dd46fde72c91cae56","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.ba78e8724.0.tgz","fileCount":16,"integrity":"sha512-WcPwF2DQHsBC1I2OaErqD5/sgFvIqbq+pPWjBEB/CxI3KEQeSfsTLU/ecLzVyeZS2Gduko99DMYmMU5ZIBEOKQ==","signatures":[{"sig":"MEUCIQCI7EfegBcjXhnUecD6DJ+2z2dTdjHK50iAjKj9RRG/EAIgCFcTZu+95mDVzKnbyPFKvrD1AXl+X+MyIZubH8Y1SpY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhumg9CRA9TVsSAnZWagAAyZwP/0Kii1gc/DRfxw91+nDg\nyKNAZgK4nxgjk1wdVWEYJXKMImcR4rLlpdmOxHyHJrTAHa/lA+Fu+BGk0DwF\nANE+Qb43oWbNLQH5Xqo3bPAfYhke56zEvvz/R0/Kxv9gFpNNyJ0Hll2IHBCc\nrYOfFyVCbZfQZ0m/rBhI2SSWeeUfvafuV3icS6/ohYjHdvl2ohOqVFb8Njg4\nfYjK1ajrJfpw6Muq+ZGw8e3pI87Fa01RcH3IlSIu/24sMHZGvGlj/X9AD4n/\nITCyWekcGfDeya9qy/+f1Hxfa/jp6k2auz4mMwClBU6eZ+295D2tX+kjUVhx\nNi1eNuYphEA2jm9dDwoOA1T8ls1HPkhNXXN5Xno3NkMu1FUtqjnVgxiu5Ec9\nEa7WS3KRDdsQZAd4cNMNfVIXbW1od6OhURWh0GqiI+UxKKnwxyNvgG5xVAAc\nALz1OkJhH0amcGLmMqQf+t1BktTvIJWiMNbPXSM6k7q6Z7tAnO2pOQVAGIhZ\nX0z9L5EtTY0SXq8g+JwJv9G9As+E1yw0932ipVUM2k+MpXBzi21z22WTQ18G\nMObAQ8zrZELPwVh2Unz5LtDUD/jPC/uCdWcfmTkcrd8WUW95MKvPo5tDdVjJ\nUio3gZxrazUg6qDPXisQ7WbqzQWs8cq8ygA51YpUS2t5ec71ergmO1s2F9cK\nEtKX\r\n=+oyi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.ba78e8724.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.ba78e8724.0_1639606333548_0.943058403426505","host":"s3://npm-registry-packages"}},"14.0.0-canary.e3e073c00.0":{"name":"@material/rtl","version":"14.0.0-canary.e3e073c00.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cd83e7bc32864a1ef35abea73de84db2e64790c1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.e3e073c00.0.tgz","fileCount":16,"integrity":"sha512-YcCCabiTFqgvPN572Y1RpwMVAJ+aTJCrBTtgpQDammeXlOhBw4NAGWM2YUC2zSVIylQ1LX3Fi+p4LT67D3yhuA==","signatures":[{"sig":"MEQCIEn+AKfdghbfmuoB9N8OJsN+TE+WMRD1GzG7cbloVZp3AiAxMEeVxOtTUaVsdFwUXGccVQN7H4tYpgVDjUbBRmWEVw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwPDsCRA9TVsSAnZWagAAJq8P/ROda28Tg87LfHT7hl1i\nZTP2oap9CTrJWZPZX7QOiUOxZYsWZZ3AeC4dS93KZ28YknVtCmYlh+QVy8Rz\notbkoCovdGbcxhoNy3JRMdCz8S9sDmT7by9bHUtVmvo/Yn0l/IDQWKhpDah3\noutzmtrx5/xREtoxPS/wRz3rQjOf8oZDUoBksey3Z0+zZKIMZc+tITpbB6IK\nMC0F/3L5x5z6eZvZDKP1G/2lhpp1lmx05xfXMeLnn5+llX/XcdZJCtWvpeNm\nwEtpY/1L58IwZ9YZ8eZGUr1IYXAk4+FKvfpUfb+l+XcspGv+J1f9C6KqufNB\nyS+vbGivXWQZdkl7rqqzKeWhYHK97cGveVSycG31e4gmsGpfoOnuDki7MG7O\nr7JJXI7WuL+JavmE6gM3I9XEDt6BZIrEYXRnN0/LJ1px7dt27mGEhN8xJPvU\nRaPiyqmweiHN4alFgYLxsL+SA5cvKG8h06+uydMx3W1g2ZGMiqvwsNKm6dDc\nItueWONMzaIi/KQonGLTUqGoXqPNf1BvY+kLVrYmItUAissdTp5A8DW8Gnhz\n0pGJ1znGOrr1FjI2fhMVSKQ34CrcvGOgh+1ppVdDELNvQmOUluap/GeY3n2T\nKFgijSS2nnILTFoL+PH3Us7G+g2v3RP9qtNUosdwVWXS9NZxoFkhqBx9B4rD\nSiH3\r\n=YbM0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.e3e073c00.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.e3e073c00.0_1640034540680_0.6483864555175773","host":"s3://npm-registry-packages"}},"14.0.0-canary.3366a71d7.0":{"name":"@material/rtl","version":"14.0.0-canary.3366a71d7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ed39d36660f606d90cf1eceaf41c0a11f86018c6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.3366a71d7.0.tgz","fileCount":16,"integrity":"sha512-pUlZRxU15RTBQ+G3sPqsWZOH74Xa0Tl/70wNUflee/ahfXRdGvWR4VaDeL6IHfCdO2fjwMhqwPJe3HC96dxWDg==","signatures":[{"sig":"MEUCIQDtxSUs32M1Jst7SMcjOkNRb7n4A07SVPEUbAunLrTASwIgLUqWCGRU503dGnWPYdukT4hZQNKm3uKm70T1O915oZk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwxquCRA9TVsSAnZWagAAfY0P/Rqa+Hu0Ismlch8Vs11l\nv+b8NshEsm/D300qTFpHzRGF33lTxGD3jAkHyNbN4GG2UDKqCKbS+JmO8JLB\nEgVq7gUddliEYcGVx5TKXZ2pZwCSO+69v/udgWBVO0qKrHGapZXp5mVy7IoZ\naQgVglKJwzsyBRX9A4BFoxKHsXWS6hd9HVAZ5ZOg53KL4Vn4ATmLVOThsTOc\nEJxV5uvoDx+zSvIGOT+Zd+U4oDeOAQH7EqsTrtjGSog0uQeBrybo1+g6YLyZ\neNizi7RwYI+2ERdKXDvz1T8FYPNDUih75MLAtIbK6h2eUxuUaDY7BS+XXK4z\nguFgIy3RwT581jWYXtqbS8aprxFyv9dKJ0MS6AIlCEMldCQGhrXMaIEhVSqh\ny2UlazJOt2Bbfbzmq/CyG89mpIzKVaDQ/GmEZZsVVK/400SeME25U9Qt/Qw+\nXgckg6wA/GX2zfLQInDMu+aPk7heNAL26GjzurX5/vi8wokf7ET22KJoVqTk\ny5ifzr1wPi2d58eixmIMSHm3zEAnYKY8QgiIaPV/zkQBLaHgtqN0ab4dNCBX\nv7j3MpthKnNb+4aWYxG0AQueeQBSqLR2nUBz3r6yc2Q+nU4DqcGFH27ea3Te\nZ+dRIA0/F7brHVoktIXDuNKzJ/HYuUl9A6hwTHxl0wM+Crl9C0BpmvOtDU/5\ngzWp\r\n=aQFx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.3366a71d7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.3366a71d7.0_1640176302045_0.33240297599330604","host":"s3://npm-registry-packages"}},"14.0.0-canary.c047f7c19.0":{"name":"@material/rtl","version":"14.0.0-canary.c047f7c19.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"581a01bfb0f144cdf454f34f0e4bc6d01fedae3f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.c047f7c19.0.tgz","fileCount":16,"integrity":"sha512-tUX0cCiBYcINQp9d2tB32T9PWvLaL7E+O8G60Q9XeoGdgARG2rrfL/y2BmchqoccFO2N4Q5X5IYNQL1ZiafcQQ==","signatures":[{"sig":"MEUCIAdhC/yXTRLWukUysy4A3w6o9rDigBE9OTeqQpOPtw1WAiEAtoH2AlbrWLtEk9VZ7z5Z9tW6gW52XlouJ5u0eFQuTdQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1csOCRA9TVsSAnZWagAAG3EP/2rRaHTs9qkkBG8T/ypv\nucCN0+JZG8tJI48pLRl3lwNttHS6KGlH3nfUXzzucLaxmTB5I7eoS4EJ8OyN\nWPAsJs2ssH3hPq50EumKu+0+SyX7t9So+pR6i+U0Tr79rdbjnqJIJLHmghTH\nLNbSvsX3dY1ckUC8Poq9Ema8PGaP1MYnM1PhCgWecmRcKFPJ45qpKFyhVSxe\nLCJX4Vand3FMuPCRHBWiqBk7unHyt5r/fzMj+FIBfayrO4iP9uk+p1W3THmc\nFZ1/ASpfojx75B2uHGV35TOxaqz5LhR3HAZhr+tY9DlqhZM3TIHnL8Pm+aVe\ndEJYeIkHyeMc246MA9/UyKNd03WgTNHFUksBnqrrQKR76J+1W8askb7I9ylO\nvpmuxd3lbFbrDvnZjtDUNabHkAYYMBTgvQ8jgdq1Qp3dMNVhFQUKxAk71Vk9\nhMilnLBd818Y+eDcN6L2KPi2+HM57N3isJwVnRodFeCtCeUo9I1/8X5TfiXx\nIYX/xaL0RZJqmuJLVts/rWdOsKhu0qVwwtb7TVc8a1tor8f7YFpAxCh2DZpT\nikz5FQrl3szWZtaXUzpGpaRDaC+0DFSL+uDM6jFeogvdbQ/HYf6Axy/fUTJN\ngJZT7avqmsDUchw5ayZ5FYOVNmIkTY51laFKRDtxVwM6sWIh0MqkUwyJQudj\n/WHQ\r\n=XHN7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.c047f7c19.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.c047f7c19.0_1641401102708_0.29204038158977874","host":"s3://npm-registry-packages"}},"14.0.0-canary.05db65ec0.0":{"name":"@material/rtl","version":"14.0.0-canary.05db65ec0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f5c2fc586ab19f20965c05f83570df30491575e6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.05db65ec0.0.tgz","fileCount":16,"integrity":"sha512-cJjt74BkUGBCCa6Adk4PT6BeqVzcaa8TabjCFWFos4hct4yPhyGzT4fyBli8UiS6SZjhP0NWODIOinm9uTkReQ==","signatures":[{"sig":"MEQCIBL0hRW9VBUrLLl6JtWBn4qiffbB7eOeSsgV0+Pz1NJPAiA6abQqKqNMGlNwbTaYnZ9GhqEWWhJZ9QUrsh94GS2haA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1yM2CRA9TVsSAnZWagAAevsP/A7WIPZlTE15vatfsvx+\nxAekw44e1chOMW5rGUYtpD75wlbPGumomt1wVf0uay1N3ZA3lcgW4QAoU+Vc\nce5f4orrFrTteEcNsrq5CMMaEaqjGELI0IboovCd2iBLubZ2FANLAHgde4kA\ngNZXzXSyKW0h569isbIxD9aB8jzyaBUbzhdiQu1xGFlVFYUOc7x/tTGsPzHd\nzyxBaFKSiiowj3huWkZY6Igm9KhlsISpQ9ikFEpjb7o78GyO8syEHS3ehE/C\nxZ/bMQDec2Mgdnn3uekulF65WUfv10TohzM/6dwe/O+084sm2FkcNsGZMJ+O\nDLIrQG1wdT1Qs8DyojdeCzPAH7feXtRQnmyNBxqgprqgB5MSac+sbKWKrW58\nUywqroMT0Lkpm8nyuYv3Of+Y1QDA6YenJ6uabYlKxLWXbqxQf0JAG3MvfdVx\nZelBnegfGc6LZLi2ccoMzbinbvsEgEtoCqm7tXqGwOrFvx7LiVFwFjtVcZnc\nb5z+/qmNvMnUaY0/elNd4qG2JwPJs3AdbRRwKBPUDPSwvTDGdTCua11vPyik\nuS0V7m3ZRZVs6CfY9S1JsDfIDiKBuozHFTcmZYn2qe9SICnChhfnJGNjNEje\nswIw6AxroVlJDeZPy0W15ThRtBGL/T77E7xL+AdKV3CE8uuwcbbgeP4F97Pn\n560o\r\n=rPQ+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.05db65ec0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.05db65ec0.0_1641489205959_0.29015905711265777","host":"s3://npm-registry-packages"}},"14.0.0-canary.6ca8b8f85.0":{"name":"@material/rtl","version":"14.0.0-canary.6ca8b8f85.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d60279dab6299874e76832096a32715f0c3d8c06","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.6ca8b8f85.0.tgz","fileCount":16,"integrity":"sha512-kjYHgZu10/NNDfV4OFtU60r85ICdmPOfD9S+YZ0NEPp3nZ82wlN5OsTJuMsLqmsJCNRE5uKun6qBXfJyKltsGA==","signatures":[{"sig":"MEUCIGfrFtiiOGDN9QUFk742TtAMl0Zv0b4SBQHNNA1y9QX+AiEAzIQx5kkPBMxdHeZrlqvGKC/IKs38xTnG5n0MgLMYyFM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2GOMCRA9TVsSAnZWagAAuU8QAIfOSkCT3KD0DGibgG9H\nrqGVU59aYnT3w7QOOLtlJcXUn2lQy+ZAtUiR34MCyy/JTCrPSoJweHASTFZu\nhDlCvWX3t3E6wCPfMf9C5JXzmisXFjB7p3Cul80i+Yk/Y+tsVEqZNiMpBi5o\nU1I7K8Uc5OutReGMwOGoEtN/JeYOO2Y+7QlUqddNR1Cf+AXj6P2K9ECTOttD\nzLWRBy3sFRMwjhDlNhKMZRSg8BJm27zsRJGyYdWU6abHkOyaF+jel1Hxj4tr\nNHJfoATiwxQ1cm6tZTGWzGkLpsHotKXlW7XSPrP9HUeZhVHTgtxHDBWaydbi\nSeS4i+/9JDkMeHFNHDUbbYGl1FqLbP+yUk9arSOECx31s9pBfVbjYx6I8xfJ\n+sAF4v80BgapfqtLlbSyn7uh5BAcMbP+aZ9MTwLSiqdQqtEFv2snFZtIGdLG\nJw9BvV1mvvRGz7UFp++b0Ig/EcIrxbIFffVoFDtYzEnkvW0cl65Gbaf0XJAn\nUu7EcuOD347hbJEEs60xxnbblsZAmQT7OVQJyhhM72yOVm8MASaXdsr6TaIS\ncSef6GEK4n1a2lYwXptFOENkrY4gKRJzOeXhaNOgMekamR78DqCjNg3FpiFF\n6VZzlXIbRxQNribRnzc1MeqqLZcY3d8QwvbuQghdEhBJ41OOa0L34p8QO4Pa\nU54C\r\n=+L55\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.6ca8b8f85.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.6ca8b8f85.0_1641571212550_0.6735627856631645","host":"s3://npm-registry-packages"}},"14.0.0-canary.173ee7a7a.0":{"name":"@material/rtl","version":"14.0.0-canary.173ee7a7a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4bcc34e9a97f419f40294c8727bf13e4087754c4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.173ee7a7a.0.tgz","fileCount":16,"integrity":"sha512-bJVg8RrrsFNWIpXtNmM8YP+e6N9Vlq+5iQv6budZZ4voGaMCIThfbnf5i0LXLuFgXUq8WDh2S4xM4Hi5hxN3mA==","signatures":[{"sig":"MEQCIEzpsuH4aH1A/bV25hiNh3z3zxX3ogG2qBcNvQGiXO/+AiB3HkESWanZZOBiQAiVGIxRFmAWzMqMvSWNK4p5m979Hg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3GSFCRA9TVsSAnZWagAAqkgP+QEiytFFsOwXFzilBRd8\n3cSQ/p8JkQYsg1AxmHd5LdzGsBDboZGpcEHznu8zVxurgyQ5oQRCeNBi4UnV\nEDG2R+8gyOK+z+cUiKe+QoOhER7EdYoecKU6XPXUd03irVIjbBzTVuyBEMmg\nIQIS6Bd/pld2w8K8gny5hi5vwmmCK2M2qSYniUqNj66EvaxLUzB8RT4j37FP\nqMoj0LRboWwKWqCmcn4FAoyaIs25FiwgY8C2PUfynhm+2jY0Y/o6NwGLScZQ\n/0gASHBaYK2D1UPe8hPfE9I2y+X5uL9ZGn6oIvmvFnzJQ6FjHNWhWVr6x3LJ\nujg90XtSGxsPB0NkqvuHb6fhIk7TetcGP641j95mYVv0Ki2NuPHS7VpmwY38\nicMZOlrBnx1Q24W18E8cahk0AStqv/rFxe3SS0WdaXdBHBBstCkMn06zhYvp\nPN9vPyFT1adnVlAKh4QCpgmXOrk5Yq9HWLTMwTuM93I5tdQkf8EQE/vpXqR3\nzD/8aC5+K/0K20LhzOGfXs6KW3t700XuCfngyn5vHZ8Dje8BlUKoSzA8C0j2\nkA67upztlYdEfRdvtXZ5eSWddj8gnBVEjqjep0gUPEEjpRB6WcUH9uiSOD0+\nToC+9krp6QWCdA8vyGpw8SVtDMOHAw5g1qxLvVNIpLLoFCgTo7f5pfl/h00y\naGKb\r\n=bR7C\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.173ee7a7a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.173ee7a7a.0_1641833605812_0.5888277321712665","host":"s3://npm-registry-packages"}},"14.0.0-canary.b704e4dfc.0":{"name":"@material/rtl","version":"14.0.0-canary.b704e4dfc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"61c130fbac4154ea7b667d85802d096e26699d9c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.b704e4dfc.0.tgz","fileCount":16,"integrity":"sha512-D1Xi9HjT+1uoXnXopHY1aEF+edEW6ipovCRTtyEtkBUjTPke8O3Qtob8JycT4Z11xZz2JikYn4vt4qyclx3+Lw==","signatures":[{"sig":"MEYCIQDz6mlImo0/4rhIoF/JMjlO0TnGxOdTXbwd6QLiNHmK9gIhAOASKZwt8TXV+C4nrtoZXHR208cb9/x5GO0eVcgbhORq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3HuuCRA9TVsSAnZWagAAsBEQAJ0kn0tQmd8pZV4q9P+/\nRZV51qzapuG6yUtPcCMFjcJ8TIaIz+AfUMgCRoeoFSqcvtzya3Q656aul/Dk\n0kwWXzZgpcpe0TbZ4NkfBnYpGnijjHmggGiL0VZ/JZqhFFtbpfjSvYgRPN8Z\nXNLtqT1FvAgKCotBhH68ZFE09KtEYa7z5FqOUEkX3z30LkcNAE1OaFMpcNcm\nZ/VRiaSGwLWmg6TJ8MQaucpIFww/7f4C+fvnZIbAlBaTa4llkrFKhAiYq3Rf\nBmfCQzBCT9WAYcxW791LBe6ike865ahatsof+z55+NDpN5/Im3kfd6LrJs6N\nEdYzD3++AiD8rJ5eIfkW8qseWSo0NXNdkCSmCNHX8UqI3pbCgigf/RUd8B8h\nkE77h+Ou1+qknOXaXZLs/S/8Pq2vJd+opZT+m5AjWHXjmynLOf8qMVbGSxkJ\ncJQFgHTJTn3MK+sil32PeV06trfMXOIgfy1v5FZiobiVK+YYtO+XOQbldrdz\nULsl/GIqo5zkSkV6J7STrlm4ZJdRPLqd0lo7KZI3GTVaEtWE+ynFuoc8XJG1\nzrTjQzBeonk8Ww+N6S0kdm0JcPFFgIc8x0fN/Gy0S83nOLIHeRIVpmXgEY1/\nqLdjB24XGcpNM4q85y/cJcOwOkBLVPUxaqri/IUPCdODcnEo+rOUEEm8wctp\nTUZK\r\n=fohR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.b704e4dfc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.b704e4dfc.0_1641839534221_0.3793718835014952","host":"s3://npm-registry-packages"}},"14.0.0-canary.c14e977ee.0":{"name":"@material/rtl","version":"14.0.0-canary.c14e977ee.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"43d63537a1b762fd46e74c7479f056a6bcbf0e42","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.c14e977ee.0.tgz","fileCount":16,"integrity":"sha512-ovdScRqPMfRAeT4v/Qnik9R05e3VlLmbsPzhbKA6oyZC1P4aB7opBiVVatIc2tcC1IyylbPDj3CzMLal9600+Q==","signatures":[{"sig":"MEUCIErpULaUa7o3cqEw8M+brc3cEV3JfTbV+TF2OvK8inZVAiEAtVuevy8K/wcGIWLMn//a9PmhZMk0iUZH5Y+Voo/IukI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3abhCRA9TVsSAnZWagAAKCgP/i1UU2upds9ADakn/8hi\nt5KOWgZ7FXTo9BjMDb/DEtdkoTKn97/qJI2o17KR8H2Qr8Nn1zD/5uR0G0n3\njdWm+CuibneWiUdtI1S6AAQiKg05tvQFTflZ8RKFo5oLpdpHJwSplC1gxlax\nkXswcgz2dQWCuECbJjJTaeWNIvSN6hY893L3MwCUfWVRlFspFpKl9+T/o3XZ\n8hs3uWgyrTekDqD+oahBGeF18BEvaPX961ZLaBsneitGsGe1SwZ1Hu0/hY/a\nmI5AgPlF7JC322i8AGYx7xrqF3bmEL9vJWOTdNeLO3Aov6QsGoCn98faiMv+\n9HEIID4Vq2GgiJbcNfJjHsL+qX0P2Z6t8Xu8iuasWw+QaT7PX7DeNqFoACRr\nZrGoQyC9hEViJKH2i2YCqCAL5KkRLWgXQ5eyvDlNkUzx0njwdZfbSXvkFypR\nKF+lU/y4ZFlb5D8nBI2I7wFD3FSCLLdFe/0OA9X3Mnouqg3N28CSIfrXPYuq\nznCP454oo1JOKBEHvR+bt92wwkNFOzrucsojVgM4mEBcDS+zjrw2T2+tLoaK\nzMRTS08lXiUdwrqvFp+SD5sOLm0GoHfb2DwckCAKcagMDQzpQtUbpACdv8ih\nHZviWc6Ffmy6stmLcd0JLZiYYFS3bg/KJj2dk/yU8Ahw6X23zXqgAH23t8zG\ngISG\r\n=shM6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.c14e977ee.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.c14e977ee.0_1641916129385_0.3254737075669474","host":"s3://npm-registry-packages"}},"14.0.0-canary.b094eaa4e.0":{"name":"@material/rtl","version":"14.0.0-canary.b094eaa4e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7ab44a781e85dc79760e380f6474c07a84d181e6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.b094eaa4e.0.tgz","fileCount":16,"integrity":"sha512-BnI8v/m+bhANXi2rvVdkqEsVsRluQc+Kl0nq5xpn8xuNnKw5COFAi7FWAfc/X3qgWTxXqxlmQXHbygSgdTKU8Q==","signatures":[{"sig":"MEUCIAhgV9oN78CGU2uaXAE4ZW6RQalf7HAqAe/Av5lt1CJHAiEA2DbOyfVa7Jp29IJjlnwULwc9yfTys+Pps7vPkdZv4OY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4cPhCRA9TVsSAnZWagAAWCYQAKRnXlfwpjmj0dpsas+Z\nO8Zf1pyJbjwsSxaqnhGIANQFZsYGublRoPf5qe0ihgaSQRNJvgRwH4ko4VMS\ntVWSkXY7vt6oN4ufSR+wd3zDrd79ADVWSYjPNchUnx4o7sY3VMMyicl/WErj\nFqCvcA5SrXMlUDcBAdagifNHqjXkBIapu9iO+FfEt1THooIyDwpFBvSqFr5Z\nyP1gAwaueyG80miQ5UTRGkC4TfHquajc2p8qkAhRe7pOF4YYjbqP3Higk38P\nn7y6QBdgCP1uYGlOmfi4pWSFzHVQ69oeAA1UR6kM35E7Wwg1oadmp03YTlnk\nTuo/HpvsJ9N2ZtGy80FFQSUVFT6ICtucQmXzmlXIoqVUWolGQsHfwVL4etaf\nDazYL8nA0N4+dEHpGqCSu2o8D/vabei1sG7Sdts/L2IoMU7kfZGdZ0Wv0Qd0\nRDk3+bclN/AAMiWMhjdFimVM09KbdQng/Ol6/8qeYVAx6ceIKe2bVu3U2szK\nGFC2hOIYK4EK/9xerc55evUXcJsC4FE4QFIMjt4brGKDFyzklr8XpO4p3PYN\nRkV5q9N/gU25+ppDZ9vjLSgkWfgDIvRZWfFZlvD8cEjo9DzcK8nWtTiz7lcn\nVirK7f1wUFtm9KphdSuRaTD8HERmnNySIHHpjclb8szPlVnYjMzB+Frdf4ZE\nce1Q\r\n=dKbX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.b094eaa4e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.b094eaa4e.0_1642185697681_0.6845734095639955","host":"s3://npm-registry-packages"}},"14.0.0-canary.390220e42.0":{"name":"@material/rtl","version":"14.0.0-canary.390220e42.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f074efaa4f5dd78afc158b60782b44d4fdb38f7b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.390220e42.0.tgz","fileCount":16,"integrity":"sha512-9sN2OcBwwogPeL3i9M9urV9h3H2mRvpiXkufcQpQLcwKX/ZIFt6MKZz0bLN1MY65hMkYZnn4PZHu0ZDPWi5XdA==","signatures":[{"sig":"MEYCIQCc68MrWZ8nzwSP+JKqv8uKpqjkSwAR/xVRUWkfp2ykpwIhAPmLH+UYA8LP4rHN3NHpDoZTup/2L4wDu/6nh36Dbg+P","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5Z0gCRA9TVsSAnZWagAAoTMP/RXxUmT1Yn3P43PS0qQ+\ncgOgXI6WGem56V9WvaQWCs8wzrwP1AT1rMHgWG/QdlcCM4ElOC4zdltvPsuX\nIpm2N8WkL1DFbj4JMzyt0j3uNg4qos9yKnEAkMObFVXmuNs8lexu7EIHXyGn\ntvZdhFnkVktmdcOzkZ2Hs6yWBn7js/mIm7dJ8DoFIoxj1IaDTzV1Zl6xcEP4\nbTJLKWfcFPr4o1EPq5PuNREw0NalAWcPpPwh6PZLRvBBCgR0kMaZX9JAVMX6\naMyciupvaLL63zFNUH7FsDgWhEQjXBGJksBUDfo3y41eps7+efhTxuMCdsUZ\nKx6RwrK3AoP/WzZCutS3EBA8ZlQXEPFT6vKYW2gOxhc1CdHyDCpEPXORnEcx\nM8BkIKHY4d6SRtNJkyb+O3tirKrMmwz3A2Zn4z1vV+UxG32EKh18mcC80ZQI\nWMn8Ergk/Tgj1vH03R9QUs84xlOikQWMs/GwEXM1TMusbq6c73NcZfmvEPxF\nK+itjMhVcp8cmhaOKbXodVr7U+hvheyn+32QCBC3q+ITzZ3xqZ/AMsjJS8nx\nPMzxuDvjp01h3xo7e0VJTMTUOQcHrOqkqnERXpLhEK/9VPIKCbXfiw3VsyiT\nXuHTVPxUGIePpwFiMo5isGIVmVAXKxBcwO57rzN2u6IULKDhTApJGrbzCCeP\nKgSB\r\n=MnmC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.390220e42.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.390220e42.0_1642437919975_0.9963200915739832","host":"s3://npm-registry-packages"}},"14.0.0-canary.4b5391f8b.0":{"name":"@material/rtl","version":"14.0.0-canary.4b5391f8b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"159107c35f8e66b73f7bf053aa1d1b493ee69328","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.4b5391f8b.0.tgz","fileCount":16,"integrity":"sha512-cR8iw8G1eUqp5g4uGCCRBrG+w75WxWSLOo2tPKEGMgj+oTOjvINJ8eOFHstAzxpjAP4isy873MBkq4uAk8N7Xw==","signatures":[{"sig":"MEUCIQCTsqlMVZvM9oxBMWJgfJWinBLexqfNE4u3cYDTgYcFOAIgZciCy+aFGMiw+L0pHdiBXUZ0JeH8R+1L1ufkh9Nl+/M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6KQjCRA9TVsSAnZWagAAUvUP/AzfiWwlq/3ukJwJLPUR\nMMfPnKmcOvypeU4mZO/woOzgC/Qh7WSozZTTZWhRcZwWPWdtxLa/o79FWMdZ\nA5IHfHqTaWAmsTQdaC66z+Mo1uR4FAHKPb1HOsSBFxcHNLAqH6HUukzmC8hX\n7Z/nM5QNCj5qP09WSUziTg79TZ1huD1VT6PeScSm631sUxx+ktX0QTqFdGQS\n4Ws80e/jRti0t2NrJ009ZytjIqi3M5uFIZPZKB/SZibeZfoqKNRMaUSCo/v0\nCV8WVyFD8YSTwiEPOEMRFzNr3RJBwbHqEZC/PoV2wjLg+ozEu65aAKJ2+lJ0\n0PWATI8K+2WkGVbeaH8VT7nxgWGIsHxJO7TSnJEpVJ3BES4iFMQkZfUeowOP\npytAs92TfxZndNFnSGfNj+Md01dfxWv7T+X+AeqdW08thPYBkMhmd/1la/7R\nf1op7KhxcMfC+6jj4sBUA9qaD8MWmVJvHYLM24h8Uzzs0zQbVqMdtFr5ppMj\nijRmUt5p+69cyhl4SEj5c8Fu28A/T1vJs1lPOPfWHrFdoglOC9RrSEknX49p\n0agOnjDTPUi2CKYLOSjtZCXDWVCgonDcbkzt4SnPnWcyY++9v+aBOdoLqwxT\n1otptxxLYiRGPgCt/EZtgY9+KWt4HbFHu2aaDsLeSInM+I6cXjdS+ntZQD4f\npBGn\r\n=xvdU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.4b5391f8b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.4b5391f8b.0_1642636322981_0.3616415042200414","host":"s3://npm-registry-packages"}},"14.0.0-canary.cef6bc623.0":{"name":"@material/rtl","version":"14.0.0-canary.cef6bc623.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9656d12abb0b929e13b2cc155042044f542a06f7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.cef6bc623.0.tgz","fileCount":16,"integrity":"sha512-QqvnUNJIq4T3I9i6E1wVECdyJwkjVvGJhE/GTwviIY/hNY1iBQVO+pGUhOyAbuBestRtZqRDjnkBmSJP4BgWiw==","signatures":[{"sig":"MEUCIQDBkgjGBuW68MovhhFsG5CAQpow0/KbaSj7mXcbWyZFwQIgHHkpQV5bLGLevVhvvn273+O2L3KyDgxksp9YmgTgBMQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6KnnCRA9TVsSAnZWagAA9gcQAJx9FKkpLHB9zZdQXNJ7\nY1S/SZhAZ81NVo8dIQAN9CAkZvMy8Nly5aeK6cDFmZXwqZJlVx6uZrsf6k3B\nZOEdi0ptkqWI8Xgspcjbw/d/a5qT0kv9VqZgFGI6cI6B2G8L/E0WH3EZATIa\nSWAFJ4MptQ/HGbd5K1Vrff3BsEpZWMqmP3M3qeuc28wPnQgncQIR6/bbBjza\n/SqCOXpQ2PsG7SmiTbv4mJEVCWdJaBjmbE0z2LjhmjwqKIOhNf6unJtnD7zd\niDWWX+LUCXN3tJwinzQ8hD8JFSWCi8nOt1eGbLGO9ZrJdELwt6zZakIHKIAL\ndaPTZuW2xW0J8MRgQq/JKmal6kdItXkGtHf7mnsIxL5xr2X33Xvc3rPiTOJT\nHzEcfmXh6hvGVLbDaPtjzff5y2wHK+rRueTpfnXyUsTLi9147Y2jF8nY4kl5\n2KtSRWceptmmUQl3yUqR4tBAmCHuGhHeMFzXzSNpG8/UB3ZD4Su7iFWmrAt2\npS7Oylvsb7i/1FSqSQgA8+yhSi7C2fpbRqwervP0STwEr3rXzlQLH3GIL7up\nvQPiC7faBgExFUSZFXaXObVAjWb3XVnkla1hk1bmMY+LcJMD1/qfgc7MjaTB\nOBG7R+iGA8diN7+PITNN6uLx+1Dcza+i6apsXmGCHC6qiasJY+xIFTHeqoDJ\nLgto\r\n=1ogV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.cef6bc623.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.cef6bc623.0_1642637799472_0.07366904473608105","host":"s3://npm-registry-packages"}},"14.0.0-canary.0379179c4.0":{"name":"@material/rtl","version":"14.0.0-canary.0379179c4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5b3a6ee027fb72136b7080525097a7f37473f911","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.0379179c4.0.tgz","fileCount":16,"integrity":"sha512-J48jG3qaswSDQYRrjss8Wa3FxsW6myQYUeWXzBLiaixN5beLnkR7+G60spzlsJNf5HwaHH26Rl0BRUGyMl5B9w==","signatures":[{"sig":"MEYCIQDHJSiSCvZbemGyIBrE8vhfpXObXAhQtWYCT6YmJv6kJQIhAJKcuJJxpHnT+dpme7LaUvkebGykBx/9oOh3pJVLeXvj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6a+0CRA9TVsSAnZWagAAipIP/01HE7EW6EZSW9ZVyFfi\njQoQXS/6Vnx/rdmJ0MA4OgW2jAa92Y8ImNS0Sd/hSDtrLBGo9/gZ0Y/UEOQ2\nbm5rLwWJsBY2qis1a2sy0ODSiWMUGTquZlzKX6IzjQuobs+dXWKV4sqS78AS\ncLGl8qfSOtzAQAQc8BTetCUw1eEFjTH/zviVBGRPQTwRt63JwZBNBBmuKIEA\nWJDm5H4UEBaX8WDuGbIEBKmasaTJeUhNxv35W+hUDYNNsfkot3EWHHOJJwRW\n+pCNfOLQe6cxFSHJC1Qi0iZZkMex5llcua+LtnqCPsA+5oJbBMEDnTYf1OYb\n6iseqZBD190c/jDGnbJ/NNIx/Oz9IyuM68MRLNxFFohdYuQhoRi2ADk2rLjX\ngMXZdveYR/BRii8/rMP6ZYqWcDdOhyqVvIlQa/HMY4vff9o0jcOPtbZM2Xkj\nEfaoF4bkKQNxOpEm9tri44me7H3TjlkQk0grEBHg/ZZWxJGemHBBuhbc3F+9\n3+rfXYK+lWsQDMderAgOuozGHyVrItHvGwsT2Sq126jxR3x0bWYbaAUOvR+0\nG9CrfcvRV3VTLP9Q3eM1iTNYmTErwjpzzaac9z7ug6qomBr/Wdj4TkWU+HP7\nFJvNyhHdoiiZ90hG/wBCs8mC0SmqjsffPjfcMH24RK7jsVum9iqJKqYc43IX\nQWMg\r\n=imVb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.0379179c4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.0379179c4.0_1642704820177_0.7595509002105747","host":"s3://npm-registry-packages"}},"14.0.0-canary.e62f3dabf.0":{"name":"@material/rtl","version":"14.0.0-canary.e62f3dabf.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e0d0372986b57cf7715aec30d4754fde8865f873","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.e62f3dabf.0.tgz","fileCount":16,"integrity":"sha512-red/KYNGW4E++RvsF/B5PGI5/WmXNbOd36W/L8NuJhYYzdaiKTKo8siJRvY8AtDGTvdbOODe6O/WCpSI/eb9qA==","signatures":[{"sig":"MEUCIQDLHI7D+hewHgufhfbjiqtWouzF6mhSMAJFpYG7ROHa6wIgbBheaF5eTNzmqDpcDfzXDU0UbaXxYy0TJEV0cnMcVlE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6zuOCRA9TVsSAnZWagAAId4P/1rR1FMx4wAqrKTOPI9t\neNBTZTYjOewe9gBYqW1hRSXIHPi1S6JY7Riq/Zdp+i059JKf/GpRjbK27f7X\n8pb+4XJjUyyTOP9IWJ0xbnD9ru5yKsLApshCDBP4OQq0GAWQMi11IjNWHPPt\n4THPegZymmEQog2kNzJgatBScUkliU37XaxU2SJr7NvEB82iPZTpkEhOKDhm\ney9qSGSiwkOIt2ZHBV1FyFyQo/yUPhEYki7Y6ODeA80fZzdylDlo5Dq3KpAk\nvs+F0anE9n3yeJJRUY7heEXSjwyz46VmDOvohcUHxZQ103RyDPUbIx5TpqPc\n44UUJzW8ijCyW9z+uUo8gf4kToYCNq1UBpiSkX+JQTiyZ8UHXFZAG2SrAJ4R\nctn72fhi6zAAgO858bkkIgsx7hFToBMZ8wae4ZCXnNovKYiWDsvciL7Vwyqe\nZLOb9Qf1FP0vyNGTDchX6TFypULQh+4ZrG6+kmcGMs1tK5mfTETHjWpZoUsA\nKege7HutfcxmdvGzOML3ClXNtDei1AIecG83sImsNvJiHcWY9FrJqyrehxmF\nf/dfr23DcaC+gnsM8MZLKnZGAA4hc9yOmVzl3LDOzYj+Y+knf+vr1VHeQoYC\nsc1IXqcY7ix/ugYvvbDY40Jy4w85Gc8kaNGr3Blptd1nmRFfJ3A4YZYf6efR\nqimW\r\n=gNkL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.e62f3dabf.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.e62f3dabf.0_1642806158580_0.17474129934623117","host":"s3://npm-registry-packages"}},"14.0.0-canary.3e20c1de8.0":{"name":"@material/rtl","version":"14.0.0-canary.3e20c1de8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"82b10cabc45e707a1fc1c139b12c2c714717c7aa","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.3e20c1de8.0.tgz","fileCount":16,"integrity":"sha512-p8ei5Ip6Edve3eU0BktRJW5I3wpEdN0gyQTOyW78nGI6cZi+2kETEyq0SXvQBDJo/xnyI5Bk6esxi1DrahjdAA==","signatures":[{"sig":"MEUCIA5Ja59rDgCjOMU2cD/BtEjMll8BLsEu2tNvXk59anyyAiEA9+lxIt2XWjI4lD9n9Dx7kOqzENSoCeWwaICK/7mvLIw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8BewCRA9TVsSAnZWagAA+kUP+wW0NXatgqRLg+9fC1ji\nMFiAM7UEvKdPL5q7HUiRS1tbM3yk20rFGOXEbdhlz5QAfKDrVECS2rewytRM\n7K+/bf4T/QIIz0ywNo2cWHq11BuQicJLtmBoU9vZzQW3tw5wYZLxUJeCwe+N\niJmCTLafwapXBXnnQGygvCGLAun2P3S0mpFr8YADCPpE038YhrHnSy/Nii18\nRT5jAjEzjz/G8j7hyfFJzzkwVjSzJZLwqmjH+WnpNJ7p32PtT1Gr3QwA4tJE\ntS9GBSvPU8YdOjulGoKNDLVg7V8L3+e6GNfpl7UgR/sfbLKGfTcja+kVHY8s\nuR7VYdW0QiLyvlSwPNaGCyKEoN+cW66DHHn8oe8L3dr+7oIPvQUYJNaAlztx\nBrsbLNOqRkIoj6A1Hu1M7thKfJwlnbI5TsuJa5c/ds6QFIF083z2GeEm7Onr\nez0R/2sgeHIdXwXkrXq2R7junlkKvfaeYEhuQWrhSCBqwh5pReTtXN5Wmnbi\nQlq098RgNNiWFgUj72i5c6nQwKK4rjL/oxiOpmBks+mqttE0fUI76s0Ezrx9\nj48BArvrzenQnAOj+FMu1Sr1rh50XtmHX8BxTFdKsQJhtActcKbEU14Y1rU2\nhsHKeLOZ+kQhAhD2oZlge2kpFCnFjo96pxyNcfnE+omLGetkDhu6DTfOfRIW\n4f4L\r\n=O3zp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.3e20c1de8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.3e20c1de8.0_1643124656626_0.6241018577387241","host":"s3://npm-registry-packages"}},"14.0.0-canary.9f9d928b2.0":{"name":"@material/rtl","version":"14.0.0-canary.9f9d928b2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b967da37c44c927587f8e814e6ba7ddd7121d6c0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.9f9d928b2.0.tgz","fileCount":16,"integrity":"sha512-1wNkn2ZfQOoULM6qFU5cG+AknIpuPIMP/yIPa89eVLmtBen8N9rtotxaU/Uy8EPbS/CbtR5ObymdjELdK1AflA==","signatures":[{"sig":"MEUCIQDyg15JvEB2dRtONHDi9iXMIqfo+OQ9DNWuNBtMOl6gAQIgA+9xXUN4WRbxhhr1PVvGYCkY9xZ73Qs+YbdMeMaN2ZI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8uCJCRA9TVsSAnZWagAAJxAP/0D+9l94Qt2hYskgHc3A\natGqlx7/G7Wd2ZSHxdYep3g7+vr5cUf6gBOIBdvmq/Vc0PD4ampQjDeIhK9U\nSJ9Fhldv+wFrF0w3clon+LjRcavLHnJlZZebEGHuLSU2kmLhbdEDDs+B91BU\nx/X3EkgcoqGoSCVGMdYl6f6keuYFr5asnG8DkCLjeDtZgqlbSFvkDwU7FA+q\nbLoEyKfpxyztW7kDwTZBCVnfv3wfR1Pu5u6xEHNscxcKvFfCcxEEYin2Wpn1\n3DAG7uLkCRFBJnipA03eVxV/eQnFUW/YBmH7wvOlV7Fm3Ypujr48WjV+zb/L\nDP5t6NKgf9O43qLNgnkH7ORsFGe2lWfjnZjcVDF4Durr+/NpreUtnnFuXt11\np640HLepExjbFqgEJw4KJK4MRB93KxOWL9xjJdc9+i7WP9ifpmRPNit3I9DW\n6bDPlm//drmuH8rsA5ey+evrGF1uB5DCJd5jYpUICPmbba1nz4NNXJ66JMKu\n4AlF1gZdb1UP9J+aE8eWv/SsMT6B6NE8cFutoKq8SYQoWX96jKYqt3vEJpCM\ngjr217fdGg65I7JWQ2ATgH9xDkvHcy7y+XqsjRnnx+F6tftP3Xs/CqHzv3Mj\nA83uxgoukY6vFofvpkv58Zs7bzcGkskKxuvlHPSnbLGB9oZr0AnRnNVMDkdP\na0rD\r\n=WeQZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.9f9d928b2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.9f9d928b2.0_1643307145691_0.18863858843403647","host":"s3://npm-registry-packages"}},"14.0.0-canary.a2bcb065c.0":{"name":"@material/rtl","version":"14.0.0-canary.a2bcb065c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cd747d766cf0a44fe671801d04a2d45b401a8e76","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.a2bcb065c.0.tgz","fileCount":16,"integrity":"sha512-Gw7G3iAHxDncXGC+n7CaI6b/1uk7AhZRnmthPCrzcpVCCVd+uiMdmo1bTWCW51odM0zqxu4eDmh09feMdWxqPg==","signatures":[{"sig":"MEUCIESEg+tVnEhGPFZgI7uOHzOQUaM9dxHrJmhx4sDqpooAAiEA47yDbGQSHCE7wCcg3FR3F2fis/RiLl/41sGxtmtEz/Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9EW3CRA9TVsSAnZWagAAknEP/jDnflSLDMXRt2ss5RPe\nI+mu4Dzi8nFhCh4AtsOKcCZLwdgmNpZ+zmJB2JKdzSy1AJfwG+UpLcVSnkDf\nYa2NaGXrI0Xk85spD6tZqPmT+0RXuN/c2JgcnvfOMO/Em4UWJ4m4NCPS5kDU\nsmFTjZFoG4y0giqGuOhGW2DEYZekAC2lLxpm++c24O5LpkpvDswPsh9nsXqA\ndd4vQxO8iUxGa3Xr9i2gVdurHu9vbxb81qcJY4gtam+i4yRjwTGRNIlDUH/+\nIkVsKoHzWXB9dpBOrU0PHZVE73rZv6k0l9x42OU/BWIALrbM8Qh13M7I4PBQ\nZH3Fi0gOWAe2am5GnVTBSpWOad5MTpx55pYK6jVHVI5lAKKeqIvZfxJFiFJr\nRv25gDYJaZWKjvzVXwvrpS+iSxR/41ECiBn61JEP19KzPKR4ClA7RLyQ+fX6\nqWzguO0Rh14rjIARu12chyGAgjyq3a/RAZ/VwfcqMHJXnnOM4jGWKGIZ6zV2\nSfPrPma4IwMFScntk36qeYEPEVAvuFyj6PXPfkivYNXExL+LJLntmP1aL4zd\nxJeep+mXXWZTELU2zKBUZ1uGUdMYI/OwMWbFKl0F0ZjhFNieNKa5+N8TaWiR\nmCmEavr3aj574WmOmeZcvsGddLGIlHoSWOspg7PoRYEis5no7bawk8lNqelR\nVbJo\r\n=Qst1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.a2bcb065c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.a2bcb065c.0_1643398583239_0.2644098603521907","host":"s3://npm-registry-packages"}},"14.0.0-canary.4e66fb2e1.0":{"name":"@material/rtl","version":"14.0.0-canary.4e66fb2e1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1089d4a820eeb8cf608aa19f5f01327d48129d45","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.4e66fb2e1.0.tgz","fileCount":16,"integrity":"sha512-C+QASLZaXkfZ0dbgl7vB39/612wpQrsADY2ss9RNJEWviBJVTEByTpNiJ2oXBCKTkqRVb0XOKKeR8LbV+au4cg==","signatures":[{"sig":"MEYCIQCO1T6SzUryhyS8KTakol7plZQzwxGA7Pc5gWTdeDHNewIhAMwU3iYAz7pK+mIToWNhROli0YnYVPJo7LHw/qBe2TgP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9Ea7CRA9TVsSAnZWagAAQt4P/1BZr3P7qJVzo7cscWXv\nKN/Snz1v9lnYNXBCQH6Q7U71LfRhcQyVvZldk8ZbOr/US6aiwjvH+20OrSms\n6OhlFBul+zr2FnHx+MsqyE6MHqWfoJpJxOCpBPFYw3bAR1wTa8cDyIPKFg+L\njlOTFWI/VKK4BBvVW2CAUc4RBzo2rk1RlrrXUsbzQZHijzhXG4oUMhJfHdRj\n7cThxAWwqwjkw9BPIe5XIbMY2PX87cWgD2mel1fH+sukmEWcn8BdsaMiUQFY\ni4iNxlgzW9NTY3SZAnRefhJ1pNjHgA8Z4Si2Z2JKJjGRhCF5P5G2F+lFSG2x\nGF3cK6DaaXb+HKxRTrF/qtN9FIQWf0H6PNxWUrNml3G3LfGnWKy3B4yhhQo4\nDleT/Q4nvJSzmwQ+pUI91eJn6WguV2By9Vye507qS7B04hMN4jEoCaz1noL6\n+snfZOvsySuN9VNuJCkDD3pjxj4+1XHQtsF931mRH4hOyL1lItFSxyUxInMt\nJbuAUBR7QhO2CpIY4GzyXsy5iejFBYCypuN9EKSMrw7DGqmJkpPhKvqfnzqo\npMZcWWRtfAN1LnDsL8qzobE9xM7H7pwjdEhGmyh7c4GZdaePekLBPoZWvLJ8\nPFcGChtQCbly+9pkfL3BzPbERdiubXdKzaKT1jykEwAHN+TU0eO5ARKoLKPI\nLbd9\r\n=9w6N\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.4e66fb2e1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.4e66fb2e1.0_1643398843477_0.08894349528292134","host":"s3://npm-registry-packages"}},"14.0.0-canary.9736ddce9.0":{"name":"@material/rtl","version":"14.0.0-canary.9736ddce9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"53d7458302f3fdcf15411dc200ba7f1607e43cc4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.9736ddce9.0.tgz","fileCount":16,"integrity":"sha512-xKn6CJ3CnvYhpFN61RmWejAf5nnj6ft0XR+L8FUESoqHEYjMuHnAfOquKC9Xrbg52CFij78XC6wUd4clfy48vA==","signatures":[{"sig":"MEYCIQCmc8K6ax1/OTzCckHwNcm9klaJPkZfaILZpiPnAcuiIwIhANijCKYrCdO7ZFAWsoNtTt+GOBUOGtoCmQgoccIZIRJ3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9Q2WCRA9TVsSAnZWagAAocAQAJENAcy4PUM7+bKp4vUk\n+wWnHe3BNYstfnYJOM9bp+VANRXJi9JD4Ed5taRxfZumjP4fjfcaeEvmvTHn\nemtfXFyqNTx4xGAv2TPe1Z53jy0VESl26/M74FYZ7kioEdbG/tr4rdx75Jpw\nL9+2juUeMQMRZVVXtsyBi0/BPrvXqWUMJiPYhVOA2WCxIDEiCGbb80CKOOEZ\nb/xAnRRu0A28h0RzMKnv3iz5tQIHONZjFh8o69dxaS+aujseMS36A1QRQzZ1\nL3WvPIaN5EH+qsz1MupguLUdVzWvCMZ16rPCOXfvK1F3bCRhj+Nqs51UJbAV\nTeOVBpeAM+ap5hHaDQ+LPx+MARdjl0kIX+Ngq6fymBXgqxPYjOyK0WQduWxb\n4TxoUX9OOwbcw+mC97SYTzOlWkL6ENGxwnL/59vPT2uNGv089iodV/gbJHeW\n4A0SSFXh7t+M677V/bjjq+eOLGQZilrnjjHwzZIdq8NqXbUh+XkeKewEDkEY\n/goT/E+nFFBKU7ezX3tJVe/2SbOfHR6lZKUDUdbf7/nuZHIN3praKm0SYqOM\nZtoRLq2LdGj4TK7oODqA89sXV0Rct0qgeEyAH5usK5/1yfvqmgn022NVRNaL\nauInogMNzXuHzW1GYdMsIaq+JN3F5h2iErJhz2kUh7TsbbQK30Rf4brgCaYN\nOprm\r\n=l8Tm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.9736ddce9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.9736ddce9.0_1643449750015_0.7249245398276198","host":"s3://npm-registry-packages"}},"14.0.0-canary.cc4ed13cc.0":{"name":"@material/rtl","version":"14.0.0-canary.cc4ed13cc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6203b1c7eef2cfcfe6ed0351204871f82c4bcde3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.cc4ed13cc.0.tgz","fileCount":16,"integrity":"sha512-JmEeeN4gs8kIMa6NMOeP6vylswoHpqbyI5lJK6Wqi3C6RFNwyXEwe3eziIH+3FiJbiJ4Hw5LQsYhDD9R6vFHzw==","signatures":[{"sig":"MEYCIQDE3/kpmYQrWk02XUcWvQRwzHIZrSjaZgyT5LA/0xhMGQIhALVqFtY5/fvDTgtkWa/mSQcQ7gNxPhFI4uZwdza38/sr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/W7GCRA9TVsSAnZWagAATiUP/j45WOoxHaasuEf6cDsv\n6UeJEGjj7qqNz30rAFRnxb03fmWKrU6w9PvYIgRKkYq5lwrExx3G8FJUD6pL\nCe27/0nECRQiTbLG+upRHy+MTi/9mI2GJsI7GYovQcx4gFbRAGVEF47CxbDb\ndaJcPwYjXV4uZlDggrryHxmUfRfUNoiegFBht3g3E0VeA8WxMsXZ342mU8PC\nRFM7weQipsSyRSOFA+2jEpjULbgP/0Lh8FdFcl7tbKiwNrfD0XOjHRtzZI1E\neen4v1sfXY0fYLHSVy54HMgJIxaIaMen5QZApeDW54CrbNs7bj3VFl77u4w5\nRuegoKq2pqQDcBeZwiSFoe70cMq1kXsqUtBEzWBE679EN/63umMIZhxz8S4Z\n9f5m/z+U/NlEoLnjHvsaKvI8JLs7Nx5GasTniNtSRQ3TtSHIUW9T0FmWUDxb\nd7FYg3CxYniu/yQv9e06FF7JLaV8TWB0n4Fkcf6BRbG99K56bMclN1ciTNzv\n7rCLvDO/2wQ8PeMcJJ/hHZL1w8Y9aduNrpUeiqKVSvMJvRcAuDKMo41NNw2j\nUchtKxVoI9nP05x745Kc3n4AokRjp8jBhwxeqw30gQig/ix1ayk+V2i66raF\nTn667+t2tEDOgaay0ZkTv39KpsKH//jxwAmz1qdzIZSo1c4EoYOZuwkiSvOM\n4B5L\r\n=OVre\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.cc4ed13cc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.cc4ed13cc.0_1643998918730_0.8063526028026973","host":"s3://npm-registry-packages"}},"14.0.0-canary.dcba26fe1.0":{"name":"@material/rtl","version":"14.0.0-canary.dcba26fe1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ce8396322d05522f27b271dd297f7d5472b86772","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.dcba26fe1.0.tgz","fileCount":16,"integrity":"sha512-anO86xgagSLEkH12uEvDr+yBVjPBWq3PjC6U+kFIMxKx/dlnFO+55CGaEXu86C3E4iYTOCtMZQrBL7Y+Nx5Hdg==","signatures":[{"sig":"MEYCIQDUT8uboDN5ZWIvWG9rZu9UoeeyUueew7cib9XxjH8g9gIhAODLBFppNeElz+CuQOsAdlUnBq0Msru4v6RgPy4g86w9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh/aEKCRA9TVsSAnZWagAAeAoP/ihbXiBxwWv4LrA0eyfu\ncTsAxOV+IH1uRZiCFICnplkj5NoRdAPe7FLlg1QKYYlAAzKKlE8qFxrNgYZx\nJVd++tACGJi4o5ELlNZk9wvFnh9Wqm2A1yYEWcpgLVTIEOv2Ag6P8iHd7US8\neYRrPH8UiBxUafA9OF5qE03lX4agL4fQHF4676mDK9oCj2C59/cOYX3oiBIh\nrJrXaigwb6tPMCCW1xRtBAUSgOAv4WpQNqk3GKtqUEAp/t5Sn2b4aMIPQwR8\nLEgdILo+Ac2zD51n5v7vXK7OS8YJhHjqKCKEasJ3zveFVnDxV5PoDcgMtMhq\ngT1Wk+7HB6AGcW+m96aYk811dQHK2uCdNqfZlf+1bHE4KJmVboFNtoL6gUBA\nSdjOCAAGjF8lxwjegaUR/e+uiYaWrOn0OjjA2IpeXSLAQIKKSbJMA006HEE+\n4Ku2gIBJOjVo1pgueAICAhpSmN+XmyQeLh1xRQaBUx7OcPeb8fVmnRmCji/i\n8Smde/S9v/hV8NDLIr6wgD8j2f4ErvXvKc85kckp7AYwcQk7y2wcJs6f1bRF\nAuH74oa7eQ1NU+MWLJeisAQCS+oLyZIo9svZjEBl5RL5XC3XLam3Y2pxgkU3\nmLIuyKdfHEHEiy3pqsHLfqb4W2c1O6row+Bm0QDBFV30xalB8EAeqOTSJy87\nfFsa\r\n=6vuk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.dcba26fe1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.dcba26fe1.0_1644011786191_0.9441815419677915","host":"s3://npm-registry-packages"}},"14.0.0-canary.ec54d9046.0":{"name":"@material/rtl","version":"14.0.0-canary.ec54d9046.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c2f8922a75bef6f73aeb0a8c6deb76bb8c65fa40","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.ec54d9046.0.tgz","fileCount":16,"integrity":"sha512-sBoMnjh2l9Om0MyuNcl+bs+0+ETaY8FcKXCOfvZJH6Eu3JVpzLCfpRcQiPx3/7EvV0/U6KHh3SRk+cEzhzVL3g==","signatures":[{"sig":"MEYCIQDpeG/RbZaeNgV1026TeNqMKvB3Zzy3lf9YkyIrEKuy7AIhAKAkW1lsTfP4AfvDinrUicIFJd4KpbT++b67dD7xnLHK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAT6qCRA9TVsSAnZWagAAuHAQAIsEInvBv3cRKBROWI6U\nVdQ6avjdmgz2JJipDb8hgPmbP4WONm4xrdquru4M0IRevc5/w2u927cpNKut\nGy06SaFKOZuqd/7Z//1PSwDTqxVX+8MtOuSKwZvJGO+QGynX6KEoJSQ30L1R\n/scJLZV3ViVrEZyVfQ9dUVEP5pubiz/y2e/+hVP3xZE4ia+y7bA5jEHXOZur\nmfNZgg9XnQFY5qAdjWvxygDYjZpk0cCO3g3Sowj0V1AbKCPrHfaZvfj9EIfq\nP067dth69Y1IhF83rBs9GOzXiHJwwCckByHqp7QCwUQPhVPee5W4HBIS+Kay\nO1jnav33RJSQBFvz/WFuW2/9WATD+OfOgNPsRsNtXjuiILUB3NDKwFDmlq7F\ndkz8NfDbpty4PMxBv1tbBmfLkm9zgxFAH24B62Rma/ISSACMop/FOnVRUOji\nFzGr8tVSEfrQKV62hK1oZd7hVJZ0sS9nQ9d6q2j7mFuYP4SVpj+B9DfjEuLk\nrkCFn3RN+/K+x8aa/HSe5xgOx7B/bbs19a9+VlsG2PdADnky4a7AP1n5xS0C\nepyiWf46bM71qE0JHDjWIWnqPaSGTqkQogp2jMr3Q0JxfTx5nOkdO8fo+IQc\nxi5bsQlpnF2iNTordStMeKwE7rm92+K5Hkf+vP8xpuiP2+2CFwnNu8G+2kY1\nRNHX\r\n=iH4/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.ec54d9046.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.ec54d9046.0_1644248746564_0.13614225025151172","host":"s3://npm-registry-packages"}},"14.0.0-canary.ea9b5b463.0":{"name":"@material/rtl","version":"14.0.0-canary.ea9b5b463.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"546d1073542c45fcb7e220210326ec8649f7054e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.ea9b5b463.0.tgz","fileCount":16,"integrity":"sha512-g5Xz3Q2o5ylEfnJXZj4SLf3TTnx9e88r10/A8jdzSD22LFyqmx6d3iaFxPJ9zXDjSfmDd9NOogtPp7b4x2ahAA==","signatures":[{"sig":"MEUCIFcj4Cr3Tv+1ZqymLoJEZz3uayVugwRXJsALpMEWuqT1AiEAiFOq9nCHsjpikJIu9aS2iSFRufXnsgG6YDHTrgMWhdU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiA/9zCRA9TVsSAnZWagAA2N4P/3cQCh1ObwoMRfk0Jrpj\n972CCdB3npaCnPyYZAXyVPtNZ0jkshKmCtE+PN9hDQTStDoTmPtj824+oeZj\nbtGtHRJQOrbKGIdfSwYOY7UxjiPpECMvxCK97Jf5+dppdgA92TV9zsl6E+FB\nqRMrQKBr+PYUoBQhau9ZXA6BE2YqsvLV4Zroup57z69aXob5cjPYEALgk0Qj\nESOlJhe6bPyMRAxaSAgHBLt0r6NsgG15NdGkj8VEpph4n3nijeEPNRAwDAab\nQ0O7ydRm9X8BSg7vgy6dIy/oA/LgjWEM5qgv0/i8ZhoNVGCPmV6uEnDmAxkq\nuK3+IBu5NXaC75BJ0ldRhNKEjd4fcbGCRmvY+1kbBjHNVzkvBpEWluVceXdz\nkIU2Zu/Xw3j/7nRniLf8W9U/VtArXWu8Lx9Qi2PnrvuxcwPMzuF/rbdmuPB9\nNGaKsKUbNiNYkIjdXdS2uQU4RdHqj2YB2Czc+JfCrFhrs/QoSDOxYD9KWQnw\nkgifUsbJKjKnkajKqAJR0sR9ewJw7tI+lgFiCLrXtqUMRvS/BYLNmfqHijfu\nOA2w3L7tpUySQmkxMC8AYNeAIotbHYd/7ijhZKPZqQQX9Zh7XkDJnB1ihqy4\nQxTrmsDN/UU1WXf/AhjBR3erVlo1oej93zoVrLMsfWwMXVvpkJ/s3qyDQ9lQ\ncaYf\r\n=iHqb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.ea9b5b463.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.ea9b5b463.0_1644429171749_0.47529787826538517","host":"s3://npm-registry-packages"}},"14.0.0-canary.96ea061c1.0":{"name":"@material/rtl","version":"14.0.0-canary.96ea061c1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d2de06020ee174d533f2fa84f0b934d1317f269e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.96ea061c1.0.tgz","fileCount":16,"integrity":"sha512-rQGcR+ftDsldV6W5RK5xmaHEiK2Ue81JsRtCgsxgSZ7h+zs8MD5awHVQra8eMVQ7KRE6uKzHR79XysR0l+OGjg==","signatures":[{"sig":"MEUCIAG9YLLmEM9AeEJ2Tw+9uBF1Jk25ANw9m3gakVqGVyvlAiEA+pgfQmo6bXDDWqFNQ/ilkj9hPqFc2vrjz0U5tGQqXSY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBA7XCRA9TVsSAnZWagAAezIP/0W3gmXkrMH2nY3TFI5o\nqUxZQaOGfxDZPGEl6pTnXgHu+s5dlgjtSCPYmZdlp9XwSti/+T/HPCyYpIIt\nS2+0jtK5VTp0MWy16DzDtmFf4Gn2uLKM2CMGxVwjoSp99SN4MFSxQleaN7ui\nS8DMfch1+fLlrtX4oAfenYrNUEb9bB4zwdpHBLrfXX0jDKwCw75eanO9TEC+\nkTDIicOHQPu5/sSHqLlnUpl9fD2Rs5Y5xKuMr/yCuI5G8SZDVAYgx2k8BApe\n4Dv5Hz52hLtkAy8Ggxe+8c5wFn828mS0SD4n3t5ittkHzm5B4DPKoY9cA+fp\njB6Tu2cvM9jBM6oLEOC08liZVxL9HoxcEcMg5IdbQ6XFTT1U5RQeLVhkG9/M\n4/ipDeeCXjI/Of17etwiF/BhTW9MLYM9tnybKiTxXT/H6BAN8BHBmPR3nxYg\nm9k0WuELSxts0ETUDbIxXGfBNWphi6pv6h/o7qQg7edfE1TRBfdrdb2tkCNV\nEWPt/NhbDOKH5CxMYZrSzLySQHxOVUYnNpViyCpTpsciNJ8qI1xUyDfvLLbR\nrCMBQb8hsh3iBYSgYKFFw2k9qRhLMbmZl572ahyqfNp2MHu6jWbwHrjfWNKy\nQGpbdvLFcZMlAgkMFFRMJXpXSDsNvLGrRhyl7dH1SFxzjKZxvS8NrYn4WFQ6\nJDJ0\r\n=W7xn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.18.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.18.3","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.96ea061c1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.96ea061c1.0_1644433111765_0.7182198494839129","host":"s3://npm-registry-packages"}},"14.0.0-canary.e00181e59.0":{"name":"@material/rtl","version":"14.0.0-canary.e00181e59.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"aeb8b164382ae92f019a460555202a267e6e798e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.e00181e59.0.tgz","fileCount":16,"integrity":"sha512-ZgVgjT3yBuJ1ulD+hN2KyoU1dxslU73oC7l6z8oOTthmtiXss5Dh8b2Zv2jceiiPY61mJit9y3I1N8/ZTILSIQ==","signatures":[{"sig":"MEQCIAIfy0gkZXVnvCvuHUh+CM/88JdQByOBZNNT/rJjQ8rRAiBb41Sro08klSUx6GbKq2uePPKLe/6qHnikV4mN4Bvv0Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBXAfCRA9TVsSAnZWagAAUDEP/jKwYp6sit7Xb+iAMa9j\n1FZR4WRzxQ3ukBYRQyhuO0qJagPWVoTG5U/gs3WVwZal/KhrUumpxDMjQ/Lq\nJi41IcJJqhXg4yF0TD94NLnRXt6fbvM5ccpzc2rRDuosjCv+aiy1RlBiQILg\n4OGQ1slBjQ0omm9t1+0x2kKGpGufsyumBEsbJaawiCbyIOpnAJ7WWfPde9HR\n/QgCzmjKDVKwUopZpRABzw4s+hFBudqdSBl1DmKsUQWBzZH+bRfDPEdbgJZ+\nVS5HIJvxwpM3E+UMON2og0lbQbh/0agCYpASx1T/gadbDIG8qUr+TX8FndZc\ngULYJGzLrMdcjQTc1sucsRXlGhBFVcy0sivLU5laTuflP/76Qg4r0Khh6wm/\neXyvj3Zi1EpzQN316N25iHTkEPty3Nsn4Xa6vQX/uVpyv4cwDrPhROO4NIew\nJikK2COuxmukZoxsQT+uvaFesw6DOvlsR4Y8HFdyf4vHF5twqush+yHoznp8\nU/SAhftJzZNdEyx6EVLiO9QtR0qs3rmaaBsDkbCT6G1UNya5gZDzchzPpb2O\nWZ9aN94BM4PotriaEzk7me0RLDnkCrGr0c4cvNWK44YRmweD1UrL65AYptjC\n5MB0dG4lMaDJqBov8O0WDgnwfEm+/Dt4BeYAtTC5j2hJ+aCZpvCT2cLmq7ir\nvECe\r\n=cnD5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.e00181e59.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.e00181e59.0_1644523550863_0.9735572054332031","host":"s3://npm-registry-packages"}},"14.0.0-canary.037285f9b.0":{"name":"@material/rtl","version":"14.0.0-canary.037285f9b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a64d627f622e403732dc2ff9561a1943503af4b1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.037285f9b.0.tgz","fileCount":16,"integrity":"sha512-h7vkayr0ZlDkIFJfL49ZzOTj4rrcSVUPgoHG9Xxyck+cO4/UuU0FpeW5Nk7MxaRlSvvtlXkGn9FP/u0I1+UMPw==","signatures":[{"sig":"MEYCIQD090y4icd87SPkTShpWyveOUECrKN8iAU/LovUDbRoWQIhAJ3oGZBH5DjljXyhN8eU7e82Ns02AeaTkUFSnK32l83Y","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiBqrbCRA9TVsSAnZWagAARBoP/3uu6EO2dkXYivMWzbt7\nDycgphLV9qHry/be9rmzkoNrJdBNYYVrNdUdUWliZ16h6jUyjutAoKGVWZg5\nuDGPuyE0JzZbtIb9r2JkxQn30zzGL4xzrb6jIf6eVc7aqCrF6fj7emu8ToC4\nFjKps4MP+X8bpwvLD1b3ZTcvZTe29hznAWexKUJjSIPBs/6QZb8dMtlzrs7H\nmOoAnH7IZck6OxTmmmNZIhUa493uazjmcNa/trz+9iwDXdaIW+TWasPBnmIe\nMQNK+CCLWj6k1S9uimZlcJNYIzQpjGycxnb7xTLZ8bVICd0W7T2mJDz4fLbp\nH1hLVDzGvKC9fNWoOdGGvoI/bZn0aYoFGOoZAGYe3sXVCDN/0XMZNUXw8SjM\nLk3m3w8JWuG4YczzLbXbVFGOiifzbGNqV6xlG3JNgl4Vu9rJTk7ezRqOO0kU\nhkw1JCj428Alh12Vj+jvdtvlxPxfgysghUABD6hBP0LM35zUpXeRjiAzdSD5\nDOkRH1Es/qtdOrbWhw2DSWcpRJOM5+/A0Tsqi/g+iNa2xfnwWVsneroxDq5a\ncjwql31mbMktVEBPZNVfy2MK4nEzILwA4fhh1/E9ihzy27JaLxXeE8v1qPoY\nTrhd0Iu3Vz0Czar0ViBNkQOih8ok6BVJIt9TjRm1R3I+bxZB1qADtNG2Evue\n39CU\r\n=UbaE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.037285f9b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.037285f9b.0_1644604123419_0.7069058877801921","host":"s3://npm-registry-packages"}},"14.0.0-canary.1aaa68dda.0":{"name":"@material/rtl","version":"14.0.0-canary.1aaa68dda.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"50d54a5625f12fc977578a09a14f8f971c020bf9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.1aaa68dda.0.tgz","fileCount":16,"integrity":"sha512-RqmxfEge6tfY9QAFAtQIHYp27Qptk/p+tR2OB+Cc7XicbXySk0AiMS0tdfvM4mtkBwgQjVStTjGOrtdUyFq9TA==","signatures":[{"sig":"MEUCICPhgXXp77eRBw90KXY66ZRlNiwSbWxgzktH2nkMA3tYAiEAprsntCZNHpnSUsXRZCIaDUzZ6Tx+1rZ39GvELatV8D8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiDVT/CRA9TVsSAnZWagAAmEsP/RfNZQHn5MsyY1FBKdCB\nzNsYkr2RwhwxgxB/vpLzBFLXVUz48hKlL8V8xOdN+beU8IqpDJlBWlwHODEG\naUK/YYGMkT4x+r5UEDcgwsmvBmjes4htRFlDFoFe0Eg3aIllDeZCgm0SSG5J\n1nwHm+ViDhDbUUNndLctsIDWGco/aa4kLYrtZ1NgXVJxisyO7by/+H9Wchmm\nJLboeNyERmg4JmOcgdhDb/m09zySg9E12gRO5jBTqxlmmHa3HdIGjNDklFCT\n2LEPO2scft3bGmnX75P9KEwK1FPk9Vc4f06ca9hBMGvWvQVcWsPHrWB1dj3S\nuYfq5flZby6LsQFjBmREskvpGbvrN659KigoOp7mFNyCAlFhs+5vqs7lrIVj\nleSGcZZ6gMHdBUowAHTDCJ8SlXB9z4ysCXmVErWijq+VLNiZgcv98dhyY9rV\n8usTnwa+TjmjdEjlrlbEQywNpoiDwbqD1jg1G3stlLtiRiOwRjPh7k+VfdOc\n1VSeSEND0RQOhBC7ZQXxxVWJkytVveXUX+SKdn4XlUF4Aw5pPl3A3qVa/NNC\nT34HJ22wgxTFaCkjwy/ouSL/YapNbFrqdp9P/f8HqSw0D/N+XmhDpByrJHn2\nWyyZ70n5iZ1BVWdeEYKJdGMo3rLN3RjURqW1sTeQ8NZ65ysk+P8ArlGb1WrF\n1mUc\r\n=oFx6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.1aaa68dda.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.1aaa68dda.0_1645040894848_0.7506979822779118","host":"s3://npm-registry-packages"}},"14.0.0-canary.ab4aba1af.0":{"name":"@material/rtl","version":"14.0.0-canary.ab4aba1af.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2ecc1632eb2c843156d3b0176e292082f3b40c43","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.ab4aba1af.0.tgz","fileCount":16,"integrity":"sha512-90Zxl/4aHvSa28HQl5r+X+mSxXHmrkDlvhJwK6/Ty2rDq7kTwqNH9PnWHjHoOH3UhV4ha7ln4OuK4uMIJRIYcQ==","signatures":[{"sig":"MEQCIA4hzLkFXR1yIXrM0YO/imLBKbd3MFW1QTLIWwMVOSlRAiAnIFuqj+GmYFwU9/FekJWkJod+3dhUe9SIdFzHY2RZCQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiDpDQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpWRhAAmYx1Odn3iK6VJC+gLcgLKmtcgNAXggZR9B9KHFNudC9S4sQk\r\nfjpqMGCAUH6IbMY94kIJEwHETeuydnrtcA771DxigiLaAcf+T+hRbF/lII8h\r\np0hyTtRPPBGNOjnEt6yAC0Yc5A/kVVtT9ZJTTJOBuk8c1Fyd6QlWazY/Ghtp\r\n1kkKmW7AVedDy8nNZkNPeINAXtv8S3JH78Ame9O1vJK6h3OM1v+x+7Cdcnnm\r\neATGJ8RRdJX/ZshKTMtvxXcXICWJyHXpB07Sv9Rv2guKm2NSLPP8GEfZ+LS8\r\nRIFJowcx2rwUCui+nE0BtdlMg00+W3Bp6lRecJNLQfKkRDVP698s1dN5UBVL\r\nj4QzqDEr6kBK8ibhi38QZvMPfIg3mIjphkNwo3he25fZgfd7Ur7cmd5eH3XA\r\nb5HrEUhpgvjy61K6IDcGAp6L5GHQpwGy/Y+8SMjDp1O15bC/NP46/U9YdEX5\r\nrL1Zy4SAmQPz5h5p1RaGKAJHUMdZQoQHF4gt+DeTM3NcBQaw/aBepC5E8CBT\r\nmnKWx0eisgkVfSmf7eCfZH9vQjaSh5ie4kp+jzsx4S4e+FiEz4+/8RszyuDq\r\nsYT4f82cZ1blqYtEZMGbTkiNtpg3aUW0URHlpAuBfRwSwEoEThDL1tedSQgq\r\nuX3Tuc/gBayRjNB2eqPxvJs+OESS7/9LdYg=\r\n=y/9W\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.ab4aba1af.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.ab4aba1af.0_1645121744769_0.5821020759874707","host":"s3://npm-registry-packages"}},"14.0.0-canary.e58552c6e.0":{"name":"@material/rtl","version":"14.0.0-canary.e58552c6e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bb19fff687323f6cf56bff01884d243e7fa325c7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.e58552c6e.0.tgz","fileCount":16,"integrity":"sha512-WvV/fXynDL0Qwi2RkQk96XC1zWTfjqUpvRSbgM9eSYeCWPR05e1aAfu9XKE93EAfKkD3m3zEwSDtCIO1fo5iQQ==","signatures":[{"sig":"MEUCIQC0b2pQBz5hc1FZMdIiojTZC0k7HDWAlFwhHIwwF97cPwIgLBm9s793IuPY2MZ6ApjM3OybiRInG+DHfGEMhNbDFI8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiD99zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3hg//bI3xbV7diINkJ9xponDdhUU7obauH3mNwWClYT34DbKmWpDb\r\n1SxeMryVMs3fllMzL/RTvkqyPI97oj4oOWQZG8SndhO7lkevCH+xijhA97qp\r\npg7GMjZ+N+XsumwVXViA7HwnFd0taoi0/3xE09feY3VV3g9lxZm0IIF5xmGc\r\ngiKG1d22IUC+BRd/UKc9lKkCYMX1Jp5LxZzpakNwQLPP4HLc6k9eoAjs7KZ/\r\nxMUent4sP2QyTR/SSOPiQBf8C5PbjFw4UxOMgPpvis6xY0ebSShW7FR07W1P\r\n4e5EmBO071Icr985VWWrM5KAPBwkSAY4I7cxgS8zm5TMk0zhgn57zyok4Rih\r\nROOsHBbgo2ZzFbcYrhSmlnKqYMeS8jYNdziWXi/8ij5nZF2brJu3G3lPNYV1\r\n3HmE/a7LgW8wRmqYIvdwJnRXmUKIq0JUhdLfGUk2QHFyVhlr8Kwaiw3PO28R\r\nLJuwikENxNJaS3hGOzyaFvYaISGuODUqSGsegvDF6SS7NIN5vHhfL2iAthKN\r\nCp4Xf1m2WbRWZPTf0UQ2vJV+RjN0WpanNOtVDCtAfK/IN9qBBQpKn3Rgq6cc\r\n9upaCcVoZtw1lh72GvCCJlWTL/QDlIsyKQwAbnbmRc4CkbpFuXjHeazDGIF8\r\nByCXDjB42lPyZ7FmQn3OoL6vQJ2qHsovE2c=\r\n=1w8r\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.e58552c6e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.e58552c6e.0_1645207411744_0.5905155542555662","host":"s3://npm-registry-packages"}},"14.0.0-canary.868793776.0":{"name":"@material/rtl","version":"14.0.0-canary.868793776.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8bf61e5a62a3c82a923bec29b13c309519e55f59","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.868793776.0.tgz","fileCount":16,"integrity":"sha512-IKU5x95KfVeBuX60E7XUuTqPT3l3+jEk/l0ANQobVOPH28TRukZcnatUHFh81hGunBqh5KUhOmIEOzilHIAvVA==","signatures":[{"sig":"MEYCIQCgmqg/OUVWZfww8M4tEGy/I9qK7ehi9Hg8pPMPGaLIcAIhALIoV4kPzhtdB2HknRNnYCLipIxM4RNLOHs32oazOk+W","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFTrRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpB6Q//YGZ+bpI6V+5o4Qo0UOkwERv3DNW11VCdb2GINFDNql+nzBdp\r\n2OJaxC0cZvR/mv3QeKZyZiOKDJK0mQZIAPpvhRckO7sdxGD2KVcGmkLWRVAW\r\nk673kUgULAgjlkSXBfjAs7qX6Gx+08CX7BY6daMljKc1siaXs6GMT2Uz02vC\r\n20U9ECRSCgDypL9+gJf+hIC9abwj0rs5fStSdtsgYrVpIRivnNRpD5bA+r83\r\nH/Teczi3v48lOfpOZJaDin0QaxNgSqHh7/uj+Fot83+Gf/9aoBvq1hu01eMj\r\nQPBe3MYsANTIoIsOvm1pxyjKYkZtSG80eawF0lU8a2uStVlqPECCIEN/TdMv\r\n2XYbCpAxTwxzXKNHV0L5xQ6w+UUPJDeNqhrzcrE7ju5NB0iElcbKLMbmFxgA\r\nN7WUbWpLSlAmMxRhUAI1MjDCGjeBnYqkFdJKEsmIe6gHW1zkMGWHwC5cWVx6\r\niT4LkVS+WM839XHMbN+haDiu+bZeb34lesg/xNp6eurf1uoo0th+QGNBfzeN\r\n8WHXBSKasXkeayi8dgquthxDdyhipP2/8zH/haiJpDSoRRnpf/e9+i/koqwB\r\nbl7MhXYH2nvtxIH0TW/dA13daqwOsi8j1ZY0hUB6a35AFRPGI/9ujuXZK+Pb\r\n0Plcrdrdr5d+/hY7yd0B7t91vKvh8tsKsls=\r\n=kbg+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.868793776.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.868793776.0_1645558481532_0.7867769011243615","host":"s3://npm-registry-packages"}},"14.0.0-canary.fdc37a445.0":{"name":"@material/rtl","version":"14.0.0-canary.fdc37a445.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e5d17499498f03eba469eaa173d1d98d04408d70","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.fdc37a445.0.tgz","fileCount":16,"integrity":"sha512-G7ITPZfgkEOSlcMjSSNFhRUG6rIThgTQkwTQIZBm6fxTGHijw+WcqVwrYPFDrHGshk+cMOILqWU9ydLzDtM8Pw==","signatures":[{"sig":"MEQCIB+r9xOV09+KYQRF6n3dnErKvZQHqf7cOLQh16K10Tq1AiB98UXkAFw7+IrX3/HKyTdSYWHYOpVpULxx4/O+SE7Bqw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHRhQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMyg//a/VtjKeSc4+JF40Lp0gldK6fmklnKo1X1iuxAnYWadYtx9j1\r\nEuwU1QkMs+YXOcHpxFOqg0vZ+oeRCz2aEo47qF+snkizuEoi07FFYsqySUPL\r\n2vLq+XJkbIpCO3jxHWM0jpEJ6SLjAkDH+d7XnzE2nhI5KiqLeKr8YJQWVnI4\r\nezy6NMlWZVii9dtonTnxajGipS3uH96hjpbHzuNOy22XzZegIM+cKFiUFSG0\r\nlJPYcPmiSBNsdXs/nQLn8cWOkiLyhNp4KUhZ3cMQZ8gWXjvOqZ8txgwNxAJi\r\nGqNWPs8bzqDakm6GjPlt8IlMrr+VZZoPWE0rjrKs7bSOjQ7oIJCsD0277arL\r\nYZz0VGuRakHQmO53Dc5I1ImEEr+LPW1kjqOVdMmvOU1liPRK78f40mF8LCg8\r\nM24FFahWyYJUAyCg9i/5pAQQOBfmOmJfOKGqYO7onLioXhkNGzgB1UP8tUA+\r\nDqnz8gv8Q3zx08wF2qgTgpt6kGajSKeisIp2E2M9sK2Sc9HT1W9IsS1PbMbj\r\nKZ6ui/+C7nLTc90e+M3zx2TVmKUNe4tpA+sa6chHtnDVrG4478887GZYcpmK\r\n4WtLkv1wISHrdr2HJGp/sncNGhxiCrprJCzMNnZ65j2qJ7S5haDLMGv/fKUk\r\noRuKW5X6YpAxGYW9lIgv0UkjPa4qRB7/tgg=\r\n=OuQG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.fdc37a445.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.fdc37a445.0_1646073936167_0.5453695532282317","host":"s3://npm-registry-packages"}},"14.0.0-canary.43c7d87dc.0":{"name":"@material/rtl","version":"14.0.0-canary.43c7d87dc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bb6520da949544d8790c8b09139c493f3260b694","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.43c7d87dc.0.tgz","fileCount":16,"integrity":"sha512-7sDt6/c2Gd5AmjaTB4h1nvk6sx7AOdK9JoqxQ1+Z1xs1lbgJHVg3dcvbRFgTvdz6qq26DZQx4uSXVij36iwnvQ==","signatures":[{"sig":"MEUCIFZRn3uh6OMA0RE+qeTBOMuJkEiYmBXpsUXFtfWTCItvAiEArRQaunC1m3dzbjNHqT7zvruovF60bBu7uujzAkBEUeo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHjyTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpKXg//XowElI+noFzsHGPBiKuSYkpfngDprHJO1oNxan95JRaMM7KH\r\nZS9dV65WRikgbuFffKwKwvSJmWVCK9quYXoYDYdutcSV+83347neas+NdUI/\r\nWfk8p65TRLH8aqDMYSC7j/QLct5sDPMQ0ewZdJYuS6XGUjZ9CV6yOts2a0N/\r\ntKuLVtrkocvuknXLNBTNOygB6MCWcobxO25VqXY1wNxGgPUAAugGvwqNuGwc\r\nIzh2JFXZWLt9DxFXP1FLadGpTunotgxtFTm+2+dtwAKLmLjEun28AMs7qwQj\r\nsCnJyFMLwo4H8UWCnnwAdaTnOQ7o7CY9Y40iJ60Rch9XlxCD3fSqP65ltVta\r\nqpqIHQAS/t8+z+ApxmuMgWGxx6Zm6+dLyX3rmPjSuN+z6/spGv3M5q6Xylrr\r\nsPUE6Ps4KQ25Miyee/+U5zLNAtj1R6hJztz2p+6cHbdcGP9J0ZlbdHZOqCBL\r\nPThzw8+2fnwHYLRgJ91pD04dUDb7l7MgowYGWanDEa1qlCWfAUcar/hkMiqA\r\nniPQp4IrGvn0OipJkDzC+Y7BXvm8mu8ElAukhprU/XF0ote4vgQPcqm9L2C5\r\nN4MX41G7oMDV+hAahvt8JiMmZ+KVnHoC9WYsO8WKHm45QkUPP5yBDwji6KQ3\r\ncww6RJzFiDueV5OQ43PIdfg+K6FUdXCGLDA=\r\n=d4bT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.43c7d87dc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.43c7d87dc.0_1646148755055_0.32316360922758225","host":"s3://npm-registry-packages"}},"14.0.0-canary.23043acd0.0":{"name":"@material/rtl","version":"14.0.0-canary.23043acd0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4051e5e98806a954198d6f09e4b9493c32272915","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.23043acd0.0.tgz","fileCount":16,"integrity":"sha512-m7spwhixh2YMkIeI1j/QhbfHByl2D+E5ATUBuFwooMkoA2shn8K/YD1zYZhoE1lyJzbWlIn6Q95NCstq/qdXIA==","signatures":[{"sig":"MEUCIQDU8GvrIYtw4GqlqdmYqlLxDqkh/q+ltRZ0sUVnaRgTRwIgX/H75hYYospUXJWg3HizmWZJkDBjQZPgKI9jZzowGVk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiH9MOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoVFQ//VtHQBC4mlT9cHCNSHftJZycTvldYIb9AhGhzvOyk5BfTagE1\r\nSljIuMFdvlBqkHBC8tg1vbXP4eEWyYwdKNESUkWH8J16sTQMpWtdX1ysImlP\r\nCyND906iY/loaE6+zccK8UCF5WVXYwf2Og0kcpnZSMZ+4ZaFyl8YtWeefA/s\r\nlfpcNl9Lc2+o05WpzjseR++2iQvTI1ikMwGY0ogFDIAKylpVHd5Yjlt7d56y\r\npgGwa7JWd8JGwwjikYlsNVcY7ry2rkZ26HKCsTJLaicUNeWOmEWRUk7ch2qz\r\nyTmgeqDOGxLbnn0hbhQ5I1aKO24MQKOntfNqbWeJLJNmO3OIBH25UBxPP8Wd\r\nGDwslhSM4XR7WIcHO27CZlJMQOMCkcd7V0a9g0lscWLP5bEoxUYJfDMZtzN6\r\n/CPV/pCYZdKX7kWWjWRXnLhTvVKGQhsqJ3qEjP6rsqB8Riv7almp0Xq8+c6X\r\nLXs1ezlat36LGc6Q5hHo1oxQ55qFGZBvFGtMUDtF3CUZ9hSP44nFrW5ISRdA\r\nqz5EI6krVICxgAQ6yK0Eyr2t+ztvx7iB4gKeI5px/QxqKFnBUXmNZNMQDJ+j\r\n5FMZ2sAf2f3SZ0huXsJLCkITWE3NuRjsFxRo3Wd1BShhn/P7sRo2/StJelqs\r\nP1+D7JQN+0xSZHBYmdvmz8a8nHbWQtNzwBo=\r\n=ivKA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.23043acd0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.23043acd0.0_1646252814749_0.19235517271568603","host":"s3://npm-registry-packages"}},"14.0.0-canary.6505e61c5.0":{"name":"@material/rtl","version":"14.0.0-canary.6505e61c5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6d57b23d577cf124ef3edfe370f6fd86a38e1f34","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.6505e61c5.0.tgz","fileCount":16,"integrity":"sha512-IO1/OZogTbBptUpyVh+++1JRGIUGI4Ij9oiYRENTBlOT3JvQklIpt6zZzMBbRbS2+tD2Ngpi1weyusNjQhLjHg==","signatures":[{"sig":"MEQCIAb8iyfi+kTCsoymMkH5o8llwTwFUeQTCaUM4syBd0rZAiBlYAyZDk+VMyMon/vM9L0zZLERf7TAhSxbQudl5QmcHw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21963,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiIR4wACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqymA//StYPlHt/pU3e8oLhIyTXRqGlGORxtARrNozELzzxLjzRRtsZ\r\n4s/uksnAvUY1IZssFkps15unaijsmItxtcsXk3sTufE6zQdXQ9urKpLiXNVd\r\nT+vMqW7rIEC5+AXwOngfXWV5PmLuK87cyH+tXhWY9f6+icbNaU5sBiYWHDhG\r\njzop+sv1EpJ2OztQAmXTHtTLuLDG5GHTNF37YsmdtObxEnVm9bULMLCWyZlJ\r\n2+McpbfMS5Zdips3i9XAOeBmQqky7bjJ0Wg/cSMKOvM/5fca8aCF2x1DzJfa\r\n5vGeANyF8f0rrN95tM/uNJ254mwtdM3WzA8/GaGppEkwGf0UCAf+SHIf9M6+\r\nSO64w0F9sHgEj7CIGbPR2OmbVDMN4rpcyrcRL+m7blA4G0FSXUMuFtsLY9Ck\r\nDKxy2PF80uJb8UuI2fiTAud0Ij4Zk5z7PGlI2czcsWVpQAj21161hIeMhiDY\r\nPMUMS7BE6GmzTq4Zmhao/Opcn7C6/MxZQApXtd7Dp7D08VHYLjxlFIEcG1+Y\r\nT9VbXtpL8BeRvmQ/vcrdEwnd1epLwtcbysqWSv1cLf3DwnUGK6u+8ki/7Tu0\r\nF8otK6rrE6gyJFe3b8kmT96Z70Z4x5acFwhH1vWHjeddKoX9xTMRr1LDz2U1\r\n7CaJnpVYFVg1lmuwG9WXGGw5FzplbQhOnrQ=\r\n=xap7\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.6505e61c5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.6505e61c5.0_1646337584226_0.034562957342574974","host":"s3://npm-registry-packages"}},"14.0.0-canary.16c166154.0":{"name":"@material/rtl","version":"14.0.0-canary.16c166154.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9078428cf2511cf698e477194b68c0fc6f8cdd97","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.16c166154.0.tgz","fileCount":16,"integrity":"sha512-6pXY8SHx1YFg0e3GEptHHVkGvmGUJEsatJNZpIubgKsSi+Euw2kjCsg1i7gO/hiMNo6tcC8WylMs0X//XLgDsA==","signatures":[{"sig":"MEUCIQDxgGn/GSVj++jZwnz595s8Lfm2ZP409cH5AMQqbZw2QwIgY5/ncMT9KBIVyYj8ikHYJa6BOHOprqmTxRqcdlWLM20=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiJ+ULACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqcXg//QcmHqwB0mYomrWHzanbik+I72Cqs7YZsrKKEWo77h9RySuJ4\r\n6xxnl9UhGBjP7pmPLd6A0jBvr4y75swiu02qgbscQx59LfUDzKRILaY1NHlw\r\nVAdeJOMER5EHLnTXsqQaZPxl8CmjWnZyEnmHWBVHFQyBn2HjTEfpxUC9GTNc\r\nNGs87V6Dvt6vIDVG/lt9xt66HP+nXjkTkA6qxxnmls4MB5UQwd4fz6p3PUWH\r\nHDHStu5CsCQfp1xVnneXo9KDXyOxmRi1VkCw87ODtpRoTl4zvOI7T4n7k2mh\r\nmzXw5DkzOqSohKzWZ1MOPKKKiaXc+u0il0vu8O213zMbCowbjitHd3GW/qQw\r\nz1dWM5xWv02BPqEaq+Zsi50rj+9OQu1BEB18gwGYPQpWTGqVHsPsBuj5dwFH\r\nJ7T6b3+NcFSwLjDRBYTcW3al6zW+EnXAnACb6DBFcMgNIpBtlF2jN65gClMG\r\nhjMIIKND9DT8GthPIhJcxEvBEvNiNh8aorK0hZ15hbaz3xEpPxkjUx4oYH4C\r\n4+8NIZWEN3T+C2nFYYm+6PyMmGoWabCDi7WcUg+OTZqEeB6Fa+/Pwry8Jh+b\r\nQ3zo0+galNJqJzbmFUMPVJ2EMuzI+L0VBjKCjJm5BhC/YZ+odnDVEZV5IpvZ\r\nwWjs0I2Z3tnFnb/5N4vXNG474//rApNmp38=\r\n=BG+x\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.16c166154.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.16c166154.0_1646781707188_0.0331341299904333","host":"s3://npm-registry-packages"}},"14.0.0-canary.bdf1d3771.0":{"name":"@material/rtl","version":"14.0.0-canary.bdf1d3771.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"52bd9bcab3274b1005501223610ff07dd6028fba","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.bdf1d3771.0.tgz","fileCount":16,"integrity":"sha512-/57UPB/lYzbll7PTVBfauj5PkP6ktVaW14FgJ8/eKZf1bpuzMYN1ZHgnybT3FAW9/XmSP1kF7VB5OunnhIM8xA==","signatures":[{"sig":"MEQCIBG+2hUIGlpWvi5Qf/uW0ZYbqhfnpNgv4DnpVzZ721OKAiAJFfxWHuMmlr0GvWK5bYBlyvEMiFm6EYYJG6tvXzxHWA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL1DmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoiXg/+JGywdOafWBDKLC3zzHS8rUc8yWyq2hExWKlp4byf8NEKtZmi\r\nW6kpcoMasRLEx4+8+ecNi40Bz90K3CT07OdIAKLkaf3b+tepCAggti78wea/\r\nqXEjUNLcyfK6o0aellxPRtBPkBFb5B0lbF9HAJW2qp7NoB/9Y+3QHg5edTsN\r\n17on6C5QxAtdvjcFiWsXhBuXzHOSaK8Wp3j8D35r0ShdpUAVpQgyARFyePNM\r\no4CyAoUkykbt8me7ErtIxYChObR8RkIuRNyUw13Gr+upz4qeXjn6UxGRqihM\r\nC3yGJswl4p8Ri77h+P8c8eT3psDNT7EEjSEsON2aFiHoNwkq+teXwbgeKhYV\r\n4zV0RaqvxuKMJ6rAA1eDQDd6UjTxmneii7YLGqKNT5YyAfBmdaPTUJa2foVY\r\npXhQfS+Ztd1Idf8WcL2Ii4IdaoU3LJpEyPW5mq2e+sB997W6aRF+XutqR9LN\r\nul/P4fhuarAZChFus7yi4O/yl0lHIbTAj0nTNjKH/OVMDPZMX3vUFJWfPjs7\r\nBmiuDokctUcaN4FVMJJjMHvjmV5cOjZy/SbYfP5sjMPykX7qUog3CM1vfvb8\r\nSA+6nYCl2gEhdc7Lk2z3EZPwQB/cc8rwDndwiwawNvL4c76PljwzJaZivwoL\r\ntyHsS6wCUUbOhaF3yis9LdPeKS7ZXAO60YI=\r\n=HlQ2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.bdf1d3771.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.bdf1d3771.0_1647268070694_0.9679153749158218","host":"s3://npm-registry-packages"}},"14.0.0-canary.cf4292778.0":{"name":"@material/rtl","version":"14.0.0-canary.cf4292778.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f721570c6b5270af0b399fc756087d9cdeda43ca","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.cf4292778.0.tgz","fileCount":16,"integrity":"sha512-+5o+oOaZ21oJm59RSobW+if+sBUf6oMbNF2P7QOJAEVEgPNRBV8vVyGsOHFhRaiDfWu63J6GGtGaRUV2NclfhQ==","signatures":[{"sig":"MEQCIGKkPLtZPuiX981Y+j3WsKTrsmzgMS6OEytXgUS9IoBDAiAaw3xpja8AivgwVkfqpi9oDRtxvkvKq/vH3KbL3xG/5A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiL93PACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpmTQ//fGFBDVjbYCYCX3Z8TqmIQ+RCamgyWNvvDwn2BibVWHKM94q2\r\n8lGt8DKwe0vktImGcFpeHZaixIxa/t32l56dHI4RqNVEu9U4NfKfYvnHrTQ3\r\nGNYVlkXudSVSylCg2NA94Wbf/xmWoe080Qlma0WwYnY2uwS8M2dpisrhULNI\r\n8z4ARvMTiQLkTKm+vGjlhWiVlERCY+LmJHWbZisf+L1WrXdFfuPDHjhxIg1L\r\nac6EGpSuONlxFnHWKCCB12mM+iZUDpGaoAfS4p2DKjUSJ2esM+CiRysUpKFm\r\nhGWL0oODa+aB00cvGwmM3BfiK91gKdYJnrF0Tzpt8x97jnsHPpnI+4/RSrqR\r\ng79/wCvOcQJJSBQmXddu1J2h0YmY5jTc+Vyr41jtZmPgh6VLlDYzND0ShVFE\r\nOVhOzckcq+MBvf/krkGqzYDMHE9XeZqGy54F9AuvUE5f2zhMz8pnkzcE1PMm\r\nIFNCVQqC7k81RsN63SjNy9kfdx0bYCAbnrDGX6vKqZ3r1uBKJhjybySzjuxN\r\n7fLnyMkALJR74p0QsGy3WRLHDy9wmo+4FRS9QLWihNru/9KylLtioiJPpqqh\r\nJnbN3KHUzKsSfv8dXTquj3RQtBt9XBSL2UWWNzu/0PHK7VhDTrS1nWWsdcW0\r\nClBs5TEfgAcQfxCVAHt0HsIOriW6hiVcGRk=\r\n=q5ba\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.cf4292778.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.cf4292778.0_1647304142962_0.010798201490841208","host":"s3://npm-registry-packages"}},"14.0.0-canary.bbd43e0e0.0":{"name":"@material/rtl","version":"14.0.0-canary.bbd43e0e0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"dc875ecddd16fc56bb42595be33dca9fe8edff09","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.bbd43e0e0.0.tgz","fileCount":16,"integrity":"sha512-RnJDwRDjjgQfhxIun1Ej8HeXmSOn2DVEVWN6nJR1Y/OIyRV3+FRSYh/vJf55+MaXwkGvmPw+h+NPwi5Ojytpsw==","signatures":[{"sig":"MEUCIQCXZGSir8AY1aSd0NA/Lygiu48fn9l7HYbVhLt8LhlYJgIgebkkAtVvNuWIB80uMeOETzwrznXfn2S/G/nYocu3HVo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMk1cACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo8uA/+PxU612mlK1SW3UammwIxElLqqJW3IhJHIs06W8DCW4U39iO8\r\nna2xj68CPxPiMzXkSvNhv2wfwgpbrqBQSf6HpbGUG8/vYhtWDefP5n+G0bOA\r\n0KrLUhe+1NGXAq2PGHDGaTiOusvXgrv4UJo75LyFENA7hllF0P+xkyt5CLFf\r\nwNoYObV1ObcplZMQe018Qel3zRQ2pX+FEZVt0UsjmhPp2rV/nW+xHMhXVQLe\r\nEzJB+00I593L4+z1QjsdvUSaxytvrf/y7+DgrPbg93XozIouA5oMRXMEulUF\r\nEF25PdmjAbJjP5TWVt5JvA4OAd1Fj0fkbZ1Uka4r85vAMKfQD/PSBU7t5qY6\r\njQ3C05vkEk3v7jl81fcZvIsZk9w+tVvBzvOkkVfkzosp9i9RsoKQWx2vFjPI\r\n9cnkJWxs0z16tEu5tppbpKMKVBp25CX3WnKCsLHNnZinXxrpUv/TVRkX5XOD\r\nt0rS8pdxcx5cnCVhedXeIrv6Bi3WstdrnT+AzmHkjlOJWUXVujUiu+7MqusV\r\nj4v9pQkmIvEiXn6dpAJRFK/cZ2Qmh5gL+vqYClW7wO5bR/Xwk8mBXGNZAZj/\r\n5Kc6IL6q7Wq/Ze9vSKDWNPv4DJt5riedURkcTt8my86G3ve5pq52VZs2OFHh\r\no7JI2mrz2/m8RqBwpugC5LFJDu/aLKM13E8=\r\n=QAgV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.bbd43e0e0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.bbd43e0e0.0_1647463772530_0.5048648622253864","host":"s3://npm-registry-packages"}},"14.0.0-canary.1b6afad86.0":{"name":"@material/rtl","version":"14.0.0-canary.1b6afad86.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7ac9dd1860138da629d09684df0573b9b84464d9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.1b6afad86.0.tgz","fileCount":16,"integrity":"sha512-z8yO+5sh17L2rYpi4WwKRRZF02Xgb66OlJ37753bF1YBjYF6WZ5C+Trag0I/1J9C86//gNK3Nui9/fXE+pO1eQ==","signatures":[{"sig":"MEQCIH+dZtRU4Jta+xDzjMKLTBTlwERBdCuRyrDcqxvCoMvfAiA5zDRkWFLQgjVRSFkds21+zZytwQ2GAw9js3KEvINSYQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMlCHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUSw/+IcjXcw+91FtEsTcfnlj/3FLEl1CbdUOctDNXmcwKO8FSQtuf\r\ngOGnfN61zr63bJMY4HmfpXTdWwdTD9wiSJdBwvpIRc+lvx3nJSDfpRmxHVnO\r\nl84Bz7/QXwoUrhDN5lcneyuVxTSkb4y+PEin4EvSZOoCmkCEvrWimgNzuvWl\r\nd8UzxloshtaZ3IV2KBTQCrDEOs7mUDV3Z+4Y+xbmmO1IrZRhOTTt3WaTDWFD\r\nCd9b7zupQvZBPwnxbzf1hrzoKc015bbmVYJ/wNRXlHzsIZ48wJjEXWqccvr3\r\noLRWJeTR2hcW4hwb8693K9sMe8vvVlowyJKh9LcTuXSNpDd0OrPBJMO3QdKx\r\nqIK4Uo+IuT6G0dBbnixkzwoBbdisfFoT38l2ByvC7OAZs8gTmQb3EZNSPXQf\r\nKyxdVxk8/cBW/e0O11zQEoJgb9xlh6Js02ya1pHD+ZJKvICJRRTowJDJpARE\r\net7vkceh6LZwIQnxFwECXlQCEbKJruzNjkxZjbBKoJwotaBqS41VXwic9jP8\r\n9pf9nJKbTABVscctds12/C811Stt4lY9s2mDyD6Z4eOoX2N01suJllANI1BR\r\nuswsW2H5v0i0HCl5D2VpKm4soc0MKuSkDJE8OunZp5dbP/2cEyNlXZFKUmJ6\r\ny+0LC3QsnoAUzLxc1yZzA7FEgo1hZnUkpUo=\r\n=JhPp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.1b6afad86.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.1b6afad86.0_1647464583249_0.28861005057716405","host":"s3://npm-registry-packages"}},"14.0.0-canary.bdf9d4af9.0":{"name":"@material/rtl","version":"14.0.0-canary.bdf9d4af9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8bb124fd6eeb7b7e50cf36e6b9abe809108deaf1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.bdf9d4af9.0.tgz","fileCount":16,"integrity":"sha512-qyCYWG7+c/dNcyEjnht+AmaVXG8TFXvkgMHLPek8ojSxQlI9yf50aStgr7nS3WmjD/dVbFy9VPwG89A4aPZS7A==","signatures":[{"sig":"MEUCIFj0/JWs4weet7bC+zWMBwSMRjWsh7gr9SLt2iCdt8omAiEA/EAIVbmR7xBxIu5jygHLAGvwDq3LjVkWSpARsUWdNj8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMlPfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpO6A/+OuHW29uBkGV9GfdkWZRn2Ud/0H73qhUnd17SMOD+7vhOmWWq\r\n+dHwn2NXL6F0qf/MaTicy60IzJpQ00WXNeIUdUtectcq+VzgVCUlwMZDa2u1\r\nCl/0cFaUPsy/49Nun0EuG4b3r+l/uWRxRfItaDkF+/LuKBm/v/O/jLp0SWos\r\nHb0RBoNgO55qy130gxs77RZkyAR9IoTEb2msJ6YtUh8Q6aw1Tauld/XdG+3d\r\nf/y/+5q09Jy3WPAHAflX4xzSc2ylCjNu/Guy3PLRVqVkEYkHuhRjym/raK6g\r\nUL9jBoC1CYelvh0PBUfGJrb9W/MOLQUTCZaTsfT/flsQu/CSnLhtqEWm83Ih\r\nTK2ue4/dK6jDtMXBu7fNGHqLGPDCpaHfvNf+uROPYrXqzgKJ1XclAA4D5Y+A\r\n+e2vAfWRrd8tnwA2Gdc9+YU7cpxXNLvv1DLSJE2VIGrLPx+EBE1FQ/7Rm+m7\r\nji4Ngt8BWKHjFOIbeO7uu6638QSLRSLXtaMLcKKFgojzQNb0lHyXMr/aEGkB\r\nArMAqsXReZPX09E7t/Z6r9N33k6Iv67tF+okKTXiOiOd3WATwnc44S263eOa\r\nuW1mW2XQ31dnc16oFKvhAwFIMYDhhX9hAze0DFie55HcBQSnjABBgfRcHa1v\r\nXFokLSRqKoS5FGw+PqtOWNkz3eSF0Mpuu3s=\r\n=8RNw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.bdf9d4af9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.bdf9d4af9.0_1647465439535_0.4136640121396369","host":"s3://npm-registry-packages"}},"14.0.0-canary.32b391398.0":{"name":"@material/rtl","version":"14.0.0-canary.32b391398.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b7993587a19f199c769f55ae15d528a654af94b5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.32b391398.0.tgz","fileCount":16,"integrity":"sha512-S/0x0ONNb4UnaUF37d4bZwzlMw3sMFef42IVyauu1o5pI8FKXrWcGnGvJnSUF95h1jlNS27ACIBwZ8ywAcaxYA==","signatures":[{"sig":"MEQCIAbFPeSKqifZ+ytO5UCe/hEaZ9Iotq/SmWO4lLQbwpljAiAr01YUBA9FCtQ8zJl0bg6FrRLArfhuYfB/Opvbly66xQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiM3bNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpQwg/+NURa5DmqZ+Q7GvOL13CGiEw3uf1C+meSULToKaIwgpeaCSEl\r\nzBlLbsDyXI/E2L7Tm6z+J+25320ZbVJBMhINFO5kL0tozt9Q1yVSmx9E8g8r\r\nUmVjAT3FgYhcDOoKg3fcBKpZL4QlPhayw1afcUp45n3bDmj8UgehIvbdxPZW\r\nRMj+k+hyCFjUSASU3YmCY5GMnVUS1v2bSEzN+4rsrzWAWoPbZYMQE4tvy1Io\r\npK+n0FAGxEz+GTyYg+1Jgzrow9bs+/MrlinnYmvOvVg5bSDm71Pne0Vwhplf\r\npkJaQCFAs6PEU/aocoFuHK5k9ro57u14/BBNNO3C4Bz06f6WjENHMRpLVb0H\r\nO03SHvjDTZ2AjwboeItW041LUFNYNMKrYedsAhodu71Y1qDBkKQUiI8nvVTa\r\nqiiH0qFGWenEAgXL7b1FAIBKcbLjzCaXKgshQXZGOxkcMULj0H/TcIeOzTdI\r\nG+yDlm67hHOzSKq0GMDkutOwc0f+SuYNs/6921Ac6urv3bmHeZhbM39cFXU/\r\njhTxiDhSAcRhq8DUgUOaZyldOxSemsQJunw5GwreRWDiRcw5SltHCfCehbUd\r\nuPUV9hKm8S+NTYytV7ICdIeflHAJEqO+DZTni5zIowG7dlhrpYlNf3t9aihj\r\npZx0TpGMuKTg1naNosVS2zytoYyxRruHIbM=\r\n=RzMx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.32b391398.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.32b391398.0_1647539917584_0.5417245970909035","host":"s3://npm-registry-packages"}},"14.0.0-canary.ae8a6a3a3.0":{"name":"@material/rtl","version":"14.0.0-canary.ae8a6a3a3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c9291d29f4b706555d7f253d54704634a4a1588e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.ae8a6a3a3.0.tgz","fileCount":16,"integrity":"sha512-fy3jB3kMlXKCKRqtcBAB1/+YNOFfLYHlM+ICphZ1y9+NojDrRk2392fKdTCMcFaVY+Rm9/CHU7LREh8qx2P/wQ==","signatures":[{"sig":"MEUCIC+nqlEgHgoBEYmyV4ByQqDWoM5ON5U6/oXCS3MLA0k7AiEAvk0LG/2xprkOLaBH4RoeNssIzjV4+np3GeLVBjh5264=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiNLWPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoY5A/8DB64N/pfAviM5+jLEbaEYqZp4kbi7Mx0B7EEmlj2WqA8i/3O\r\nSsG+luuQHhCdnjN2gKMB8wW4NyhzB3V70jpd6NaZBdAaeJegL0UtMgsqBVRq\r\njv2xuXvL6XF18YjgCT+d9eBlnQV0W6UNcLAR9xxx81RAzRAeieo7N5wKAVDY\r\nv9OdrzfYHvHp16t0W6c8M6EKK/Xz/MgKST6QgYTsDaJjvcoFZLoaNoFHehDb\r\nAdp4xqW4Q2VmtijxShf8eiwR3yDM9Sy50vboQFhpPejpqOOdgI8ImIap+Ayc\r\nNLdrp/YMPtszr0hji5Jk7srRka3/whq5LKvw57a8coSy2DrFnbhPGaNcgaZo\r\nRMcBTxmJpnWJd6diRMpsD2T9do1udoxllege2LiyVXVJ6u0DJoXLZuemLU5X\r\nfA4XS2nWZ7mGcd+Bbg8sNqkLYVMJWDoFSVf1e/DqjRaeN+/wcihgriixjYYB\r\nx+bqWE83VPUN77Vl4c0N/zSCizLnT/ZtgvJdWiYmvCRhELyeEJbKh2H9djeX\r\nA3uYT9VzJDmbKxx0QtZ7BRktKabbPUAM0aze7fPczDMP6g/uiH5B5Im8uQW0\r\npL71zww84GpxA6uD36yMye1NrRnH0qUElsGMmqB+2eOBkiHm7B40wL78+5Dn\r\nkWfRNvzX4pERtQ7caCgqS37B7M1oKQLYbe0=\r\n=LV8y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.ae8a6a3a3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.ae8a6a3a3.0_1647621519211_0.8953827438121886","host":"s3://npm-registry-packages"}},"14.0.0-canary.cbd9358a6.0":{"name":"@material/rtl","version":"14.0.0-canary.cbd9358a6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"10f81580ec646137f2d1be2921c748a1987e34db","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.cbd9358a6.0.tgz","fileCount":16,"integrity":"sha512-e9jgb7kkePQOiA7fupxIOcyPbMYmkw52w4crKkHUK9Hl45pOQczuHy7UvPZW2Bd73i6HDBCc0EtwisRWxktiew==","signatures":[{"sig":"MEUCIA0ZUetLfBEe6libORucnM0Qg4lnnIcDV92TNnyVYKlSAiEAyG7I8zM+t4VdGWocF2qEv/94nmZTVBCXH/G8drI+fCI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiNQzvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoV8BAAgGzAL5bJVywYnZ45WPC3OW0BMTHnk+vkaGNbx5RIALyCsMNe\r\niI2O7XCCArxVJH5AfKzlmqBGmuYpXCkzifURAzLydtBmBxGh077SiRR5KeNy\r\nZem5QiklIeB41Y/FDH6seXLHwKmlhrL9zDj9f5FrXuhMaaUG/RFn/YfmLWqC\r\ntH2khli06ctKdMQDIvAy9ES5f18w6T548fn5p5teySLwrxcqb/Bvvy/i9jEp\r\ndJLJo2s7onT/Bousp9M+/k18bxEGJ1QrOoAuNqlbzdBk1tK1rTCHuW+XTYUQ\r\n63XSNzyn5xXHVVaWoE0ZperBC6M5LnwNbbbRpUeQtwIk12Ex43u/UuEbl9rq\r\njexLthHnszGQg3hW+hfqvqktTIxjzkPXT6SUo5hlgU+NrFrGVMQLD1fI6NG0\r\nEjU/BO64tIg1eCLwqR/BhXv7f8/bLob6gS8GM80fROHLe2dQflcqp0BqGx/z\r\noTIMfmi+38f1M7ZNsl5kTBxlM50yMqkuc4D02lb9P04osJIiNTv+CQVoQWlJ\r\nm4/F2zr3htHkwFY8EVKrM/U0o46eNXO0gzRpKgTr+uTWB0FXtmy8sWJJ+q35\r\nTEtA/HRPgiM5PvIghIRRlr+EHqtKWS/u3snGBlB66QATyWxu4awQ74w3/Mo8\r\nsWRr2A04JjNwzlX2OcQgzpqOJwjPT9l5M0E=\r\n=2CF2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.cbd9358a6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.cbd9358a6.0_1647643886836_0.9478691130604824","host":"s3://npm-registry-packages"}},"14.0.0-canary.dcfe49c98.0":{"name":"@material/rtl","version":"14.0.0-canary.dcfe49c98.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e6e49cf4f6aa552dd071a0ca216f19bbda6b4e9f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.dcfe49c98.0.tgz","fileCount":16,"integrity":"sha512-dhBgQ9b/ITE6QV88NXOCoR5c9qhKVHZgrm5EOB5HodQzM4tzofdXZQDosiqC+VbZan2vfzRk+Reac7tH0rgXbA==","signatures":[{"sig":"MEYCIQCsQcun/L9ukUWKmVOAdfpg8sSNruraKNiOMIGL2yEXWAIhANbcNNtXJW/CIKlkTJbkqUltoFJ6EvtxQqFFQzU7mRVB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOMdTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBbhAAmdaVIaeVWXbnyT0OL35ECDqpu50O8Wtdudr2lSwN/Lpu7u5Y\r\nXGceIygqhH6Y+63Odf+KCS65kZEO1ZHx0w9TPW5I5pzXG8KKVMn3G0wGplaR\r\nLzboia0XT7GvBBg1rLgcC1svDsFZzmIbrFMlFSkAW0P1/XocauEcZtpgjPsU\r\nW9z/KrI4eJGgmDhV3oTIpe++V0cR66osH5bvvOs8WZzxh5+tPAo9/ONs5bNG\r\n4KwyK1YLhjeAB5zM3Zw8n31CiBYczAyOxAnjclb2smdcdiNIYNeKAbmRdo++\r\nrf76F9iANJJ+00JHuYyyj0jx8kb2Xs05e9J4jjLMH6YAkbL7Rrs+dFyz44II\r\noaPPEUCP/L8s8u+lJTGvvXDC05Yup7riXqMG/1KmYUgwfJWyinXwP3xUUw9D\r\nmWIhKurJuI8N+DWhafn9Mz+3YaEvPmslrB39iPf2bZULZuHH0YnQwTuG5bZh\r\nddzM48v/dmBNFdCxSMiO2HVmvp80KJnG62juURK3V29UzuNvRDcz5kdFq4cN\r\n0N7EuljfCuEpFvGugTknlwZy2TRxrTS33j+qCKPXvate7VOvfHAiHvo1QkFB\r\n200LR2/1B6zjzJXh0q2AjWAQIeJoKaS0DMnnnYe5ukqAeFZziCtDZ5phF0Jd\r\nLDcM6zedZwduAzKl9gxXiwrcguOqew8t78s=\r\n=qtPu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.dcfe49c98.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.dcfe49c98.0_1647888210972_0.6353744276589472","host":"s3://npm-registry-packages"}},"14.0.0-canary.f31a833fa.0":{"name":"@material/rtl","version":"14.0.0-canary.f31a833fa.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c90d2875b15b2326d94bf6fe9710ae2f5b425a57","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.f31a833fa.0.tgz","fileCount":16,"integrity":"sha512-16SOoZ/NzAeo+9ZzjWnQXfU/kWQT563H3aFA28Ix6uwb7i3XmfAT6Fkp8p6KzK2ka/cT7dhA3LmXOERZoApWaQ==","signatures":[{"sig":"MEUCIQCc7SFgpBAW/r4wlRcGrbAnjZucO7lgqeRCj+9NQYEKEAIgRuQ6pdZ3IxnKP2UN3FKntbIpILhl6WWSeYGByIkbgEM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOm7AACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq4Bg/+Kjj5OZaFxRiOfYYNG++iiwwN3UHl2rVLwRF/aPR+5bygaf/W\r\n3Q+ktg7ABLPrCkSiaKFPPqbzvXMEprpIuq+h8dNsWsLDYd0Ps/RF3NxIxiT9\r\nWM0tkuUisEPiOPn7ooWUKusb7g1cpZfAgJblAFdi5/Jf/peoB0R5WDY2Um8G\r\nnnOnVzHp5wh3ebauRTNiEUMDgKecs1+jte7LAypeclsw60dohujRQtIASlPV\r\nOKia/W5MeJmoRb1puVN4DeZ+5EbbxXyQUKaHPDbiP1dDrmtflhHDDY3ahw7N\r\nwhngBkL2OJfZtapJeh2jowDSLixRFzSuj9ahaYSzMSiURZa4THCTTfbqQGrx\r\nc557uUbuO4T/jkYA9Gop9o+O4k/r7j/l/G67qiOBl4/2qTM4vsZYSFQaROJe\r\nMNmihMiPzXx7mx6ZWT/pRH58OybaG4XzBkuNV+1QpgQjJpfT8bz+sfIhCV1S\r\ne+FVOv2BJt67dTmKZjFdUKiX5Nz1OwWycdFgRmJaEaStHiutkT2yywWJfLYe\r\nfdBKPtgRfdyfBixrbhgkXG1I5B7yUweEH/oO6KcbUEwY2Z8xE/86F9o0qFqK\r\ni/yIzsh2PGPB5ETYJfsxnf7TvQORWVkxLv++lUTM+s5bfMPWCBvKan7+yNpL\r\nXGzOkRidXHQ3S/dW9qloFsOFRWVnSnKYWA0=\r\n=skOP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.f31a833fa.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.f31a833fa.0_1647996608315_0.8213020257592463","host":"s3://npm-registry-packages"}},"14.0.0-canary.4b92e210a.0":{"name":"@material/rtl","version":"14.0.0-canary.4b92e210a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"03b71d4560c40e238bf07f75df7caa5bbe4958df","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.4b92e210a.0.tgz","fileCount":16,"integrity":"sha512-uCj4b1FCo+2agS7aUVOwSb5Nw12FqRbxxK6+bkuZIgHKoQeksL0/P50Kb7tprcjFv1g7PZ1yfRNtFBAQ7zVzsA==","signatures":[{"sig":"MEUCIEvE6P+EV7PcaZPqIaNG9Q9rlwJcuy1OvDuXByj3mAZGAiEAwQ1Dqb80x7U0zrZ786sNwARLkOE+Yojtao9NnBwH0Bk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPNH5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoW0w//TnpoK102SG405JxQTpcpOQpOajQ22Y6dAE0mewVfcSUxBCG0\r\nXEtEbivRe1ZPDryeemVZepyT5OCUxGS8TT8zDIChzzkwSrufbjlGE5m89cQa\r\nVyyKREhiYRUu1RKW1EsZsVGwM1WkzsDqmyqDIWlJPAxkaRe+PYLqN/Bw4qjI\r\n0huSpWOesfxspk3dnUi4DOh9tI5EOGWPIIAOTQMXHSQPxf1hH2XHeBGMaxgN\r\nixNfVmBpZp4phaZL5bebICaCf8SaI+CpoOKZ2kvSNZzRs2qqooOPA1Bx1Ge8\r\n5wCxwMUtH9akRr3zH6zZd2zvRmQeJTsJqhZeiQ0s7JV2J5mRYZAGdJ7afg+D\r\naJ3LYCNYwUpModQdElWCb25l0hoVHdDhZj+VGFUCGORpJ309hA8hl6u3+yW8\r\nYwSKIblltEcUhu4Qt0miV7EhP8uUydZYdVI7C5F32g19XNTkWl6GbXxpWOWA\r\ntWCsBrGeYLLlDYu5laOIJuf2ivtUVSo2HpsX1z/Ic7WXFomu1CW8O5+hy7Fb\r\nscH+Ly4rfxZy9MpbumIn2RYvYKI3+fEi1ZrWEepdfLZsgYqD7CTmEdrxZH27\r\n8W8Ak6WN2k6NcDWUEFp6xokE+bcDprIF7KpNgtmiyhtj0geMhqOdqrh7akwC\r\nSug5wb0kLNiUFTA48lnLTbEHY9Iz2Y0XoS4=\r\n=bVT6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.4b92e210a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.4b92e210a.0_1648153081165_0.17944806003253078","host":"s3://npm-registry-packages"}},"14.0.0-canary.a657abb61.0":{"name":"@material/rtl","version":"14.0.0-canary.a657abb61.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3dfbad886331022f9fa2c038f7f6cdc9b4648d51","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.a657abb61.0.tgz","fileCount":16,"integrity":"sha512-/jFQbX6fOInKwAVL5vJJdgjNseQ9h6bzZdIrsATfuQOtZtvxuBGRGdrkn2wllv5mNy+4vCLRCWOyzWuCY1tkWA==","signatures":[{"sig":"MEYCIQDsi0a1qSblxWbJvab+JWqmHn61+7jy2M1vOMRcapE8PAIhAMztLveORVX7nDnB1H5qZJTn+beFtiA1dP9ZZF8golm5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPNb8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr/FQ//UIu7YrFCF7MJaQ+gJ8msbebt6OWZr3nKUvCaJq106V1e/OXF\r\n/UhqcC5FGCnqVtjxlEfX/QWBj9QDwCQUJ88P9A1BQMYpapci5Z1qcILGaE11\r\nBwfS0nWnaW0O840ygC1XbD7UiafP5GRjdwvinl+AGvENlNTGB2circkD48l0\r\nw4XIjsq8Lo98O1G8zK8+8Fz7hdtaT/zgZWd9gad4MpCYLvV8BNAQl6AnzZHE\r\np2NZmBUpteL+gkmLqLFZEg8M1oiZiTHyJn/TJKts4SFKHOvPW6Cyt3BlM/eM\r\nsELM+JS3JCRcxn9sLMxml6xvGnlKnf+Qiz3NA7HLpRhDgHLaKGb6aZ8IjIgf\r\npy05rcJ/8KpCNL3VBnjKSvxH1pp4SJ27k5FTlvyNNHFJ+upkdBr3F1PlUiN7\r\nIsj/Lg4XFS1YsdlM6ZOhRQUe16I/MPEB8cnbCiwikH+fcy1W8IZowbAQPtyq\r\nHnfn/vqMm8M1M4wDfxEgkpbCXYH0dMq5Spo7gXYLBcLCqTCNgzM1I6eth579\r\nLWKORm9E1FuKJ60/+YqfazhP6LdSBdPZvN6ijvIdFLypKTK9vtZpWeIIrXUn\r\npEKErWqQZhHS3yEMK/bCyd4ggbXT5zUO3dqINLeTwchjHvO/hHRLZKRB8oXq\r\nTLKdx2J4Uv3jkuIefdVYcxCac+KGdOW1m/o=\r\n=Wfoe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.a657abb61.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.a657abb61.0_1648154364160_0.1625960340851449","host":"s3://npm-registry-packages"}},"14.0.0-canary.443f63f50.0":{"name":"@material/rtl","version":"14.0.0-canary.443f63f50.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"892c375a46f79e71c4c371527ea01ecf23213dde","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.443f63f50.0.tgz","fileCount":16,"integrity":"sha512-D3fqiZZIjXmYhPKdgEIwywBkSZfvWfRYV2jXZF+rlBJ5EgfPPSP/+wzcTFZmNG1x5EEdSf7EmNEPWGIbulhuvA==","signatures":[{"sig":"MEQCIEuKzUEv627OrcvmFkOwvF2V4ks1eXNyu5It2WTIVFmTAiBOEQNF+dtXaHVc4A11OVh+Q3N2hbkL4ipzlh3VHZvxSA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiPkpiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrM+w/8Dc+RUcx/yWOcxcgj2zGRetzKFk0H8hue/itj29FENgHEF5CC\r\ncfTivWNvOJlW7Iv5C6qRmIz6mKCAx7HrIlX5lLkwzns0St07xFyqlzGXD/Vh\r\nIGOxfoglAa1BCXRzccGU7euNeRMvRLAcMIInHPx1PzqR28ny49hltrVnRu1c\r\nvZNxJ5oloEcDFkwH9c0H4dKZcUWntkUKwlCMkAHxoAmXnMB6vH1BT2lmIVGU\r\nuFYnXNu0C0Izr/8A9udK/sFSeQ4KWIzYwnbXwYVIx4ieDcpJRqbGUuOX3TeH\r\nN2WcZ5EDycWJmrlxyFLzxmapw4782RuaZ6L3HFZRaIL8M1tb2iI8yhL/MGp0\r\nPfLm2qZ0CtdLSPdwqOydTmSG73+kcH4jh9L3UXcb/l2evOpB1pt2IjstdRmt\r\njWf7Zn69ppR7sBEodu9diFP6yuLWetl/2pQxfSJJPKbuHoVD9Jt67uNp8IQO\r\nVANGisMPOlrYZc+1LM/es+fHlVLzaWMVzsGNSCzzqm5vFVBHBrgyPLDZJofL\r\nrWIY4y4yw1FZGUtuDv+oHnoMzdvwnr9X3VwwKBaKRj5EXyjKslVbB5lEK93h\r\n0JXZsPWf3B1zN6v4dyDQNJPhUuyC3katJPHgoprjjFf240TNT8BGlqYkiuGT\r\nIyDtXdRjwqHzDbsEdIivKQjIvrljzJkbIqQ=\r\n=+etu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.443f63f50.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.443f63f50.0_1648249442624_0.865701982522092","host":"s3://npm-registry-packages"}},"14.0.0-canary.eb382f318.0":{"name":"@material/rtl","version":"14.0.0-canary.eb382f318.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"48bd2bdc7dfbeb14781ecc67b94f92926565d9bb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.eb382f318.0.tgz","fileCount":16,"integrity":"sha512-MsQYTTYeTgF8tmQbrOiOiluUEdJRqoshvWD5UZdXBtON778Ss7ZIj4NEcXxJD2QTlpb6yHg05Knk1eH09D+/hA==","signatures":[{"sig":"MEUCIQCIslGNX9yaxu3sYcvXU8DswfCJe7vpFFQCy7liniJfiQIgTKhf8RoEH8viG1EeC3wLGIOnpr1KxDPeMlep2lR2GIw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQ0MfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoU7g/7BwkhdzTNSeEuDklg27BWBRs6/Yd+USFDQZ2Ond3BjKDsqIau\r\n3/dYSzlZHMuMiJIXTzcRgmqFTFgytJmYhxlTZiAzeoLF6fWYV4YHuAk4guFc\r\n/MIJ9dZ92lLI0Lu7CpGfeJhBoDpeJoDuP7WbU4iio2Fikv4WzdxT9J84bii/\r\nHHIZYqU6O4Y4uJ8EzrzLP1HQwFjasfUJjno1oPGL8eic1GwYdUGcIi77ciZf\r\nXJ1NpXtJm//kYs0G8hF3DqI3ZJQj+iyAVSR5FAiCVopGWaLl+cboirMt+jkV\r\nJmrPnw5wPov21SH4NihnM9JeJMmdadeZSNMAqKxgYiCojJXgyJXYQPZoNJew\r\nVU0HUtCcbuBf+zkfyDEn+viBzl6NJvA6mtbO/99H9kd9ZsRpeYX2ZWJEiNPH\r\nS3cQ1wH9mWMee7XovpNpHehxc6e3d2Q9HODKpfO0kj633LA9M9xUY6QN+SWn\r\neuuIxdw8G9sMiuDiKWm24hu7+KtBcwu3Mb/DLEMe/bkgs11XxZeOFlBiUfNV\r\nfq7n6UNAapu4Cg+x9miUprGen/Q0iqvkobkJowbI4OrLTX/hIXc9pWnp6ovw\r\nDJNaPLrC/5WOkXwW2fbS6/VE0qiY/bEUWiJM2sffMK2laxvRC+I82Me8/eBq\r\nZrEjrPTSBrRDrV+RHw1Rqb+LxMcE5X7BrIg=\r\n=6z1h\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.eb382f318.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.eb382f318.0_1648575262779_0.8722392663139142","host":"s3://npm-registry-packages"}},"14.0.0-canary.344d52823.0":{"name":"@material/rtl","version":"14.0.0-canary.344d52823.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"94e1393f6eaaadd963a4a7cb03adb72d6405a5d0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.344d52823.0.tgz","fileCount":16,"integrity":"sha512-d2QJ/O0t8bA2O1ELa/zBZT88OLMcMTJwh72AqIFDEhJ2zSrtZibsU6aY6/DeFDEoSNLfW4pVUf0UAIuQxO58/A==","signatures":[{"sig":"MEYCIQDe53XaF8sf1C/huD/zW/EBJbXSX3+mTbVUFyEzbWemNwIhAK4bgF8YsC+byllR2HZg1uGvxVh4WrAC1n6dCkHs/BS/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQ1MiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpeog/9GRVCCIL+/jlP8DAuLPw11BO93uYIqmycmnm1U2KrBrPir77T\r\nExgpkuOqGkdyDY1VnbKdp7sXkzjWmoZE1ExbUYDbfx82YZISLc40t9olYik7\r\nDmmKYQF3IT5CZKB5vLuJFmGs0N25iWtM3fcNBDYKj3zsoYYzYPuTusFE7sNN\r\nEn3GUJaS8rCur1iIUUlDdgZhV08YRdw6I+ikp7tMl3BMQG4Ayfy9i/CJn4mn\r\nA90qF7b134VQf5taLxt4/aPw5fUGkdHuNhlwWehn1SLusk9QSv4E03t4bZp+\r\n+PdeTpy/5cd+o9IT+jtqR4OYUshzDk0qQq+RrbAwnBFaIYvsBSejn8XFMb/e\r\nysZzEsRfepdTyKNq8UWF2JQIvg7pvUMecdvXCa205jNcs3rucv8i2bu1QuhL\r\nRW63eFbUFwwBsk3duPVEaDj3BaoOQgFecFiD/N+K/ZxrT6XMJMjXJ27pEzXt\r\nkbJl/D+dlMnOtqTakJtdMFzmx9UVZF7VXj1UMFGjNpleLpmwcWFYITq8546d\r\npKZsyEq1GkwHsPbKdRsJAAle3FOkEk58ZUdSm34T5yUk+Zb90E9oLSGIzRhg\r\nu+0JpRe6HQDiNMZfVDn/cELCBviBZDyneeDPf89GxjNo3nSByDrTl/JlhyvJ\r\ntlZNHFL+XMgmrSkyTnnYiXK8yPEwNFcVMzk=\r\n=zn0t\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.0","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.344d52823.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.344d52823.0_1648579361895_0.7966567478534876","host":"s3://npm-registry-packages"}},"14.0.0-canary.4e372fb49.0":{"name":"@material/rtl","version":"14.0.0-canary.4e372fb49.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6c41c52c41e4e230ec91b51f979cfd5f7912b093","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.4e372fb49.0.tgz","fileCount":16,"integrity":"sha512-7c3GBv85E7Y6BWzc79FHSlARivKfZBYQC3Kjxt66E6s7/GiaNmrgOyCuW0Ls8ReHRGdm3DPZhzygstm3NcN6vQ==","signatures":[{"sig":"MEUCIQCgKXGhL2U62rVyfpcmVQReGMB+9cKXaKItQ3ThxF3uuwIgX8DFIIzrwPqdZb68PQUu4wtVJ1Qw/f9xA3FdJFGoOIM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiT0pUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpVaw//TpWhOZvVYm3YmB0egx/A4RGq5CR0yvRry8rwNz2b3Ya1m2l4\r\n62Qd/xD8L+8VRcVyo+V2/2pYnkMmCb4FZA3T5Y6BZQqRt+91rjRzNiNBXqIC\r\ndH7hsRzNzUVszmEejNOsiFuuT/nfPyK1G6CSh4txkXCtmeoZuse+KnhjJHB9\r\nr3FAbeN5rvmVxHd8bjhvjfwAL0UTDsh61jm2ZH42PgEZeygkoW1j4y0ULWyn\r\nJ6+PmrTTuDoYuOHOzjYKejcPbeVUXsszEhWvvo7FDC1pOizkn4FwuGjOV58u\r\npKI5UfIlo4/cOgT8AS8YVxqTfDkzlgCGRiYaXkaSM4JmxQVipstrlSzM7uLI\r\n392S6bTPIcDMSjsatKPwYnZi/HPvXZBETUen3WnXBpL7jkizjXbhg9Wbkw7S\r\nj/JXLq5Gyb+yoT2U+JsiDTZJcNUhGc0t9RKQ+4fw8GmgnqcMa9mLF9vX3v68\r\nEoBMlsZCDGiWwb+BylJprDEp2XQf3JrmgDDQTkuBSgO9jCnu9YVdMMCnED/z\r\nom6nMZ0PiWzIaON68HPCYA8LH2tTEKK6LeQQI4cevj157AqVpyoI7ELkS3Sz\r\nD0+JoAYgGog2mSy9p9p7YFhD89og99VrgN5BjnVWyqgncnDDQHcxJ1Io3PVo\r\nqHLucp74Y7a5ZPeWpUB9LTVn5POFiaKT6Xo=\r\n=dFG/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.4e372fb49.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.4e372fb49.0_1649363540576_0.3166463663459733","host":"s3://npm-registry-packages"}},"14.0.0-canary.3e30054fb.0":{"name":"@material/rtl","version":"14.0.0-canary.3e30054fb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1c87724f2f55ddbb2e04a7b3800eed55fc8d5d7d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.3e30054fb.0.tgz","fileCount":16,"integrity":"sha512-pXxihX18etJp8CeHy4h8GBJZGqPN4S2KDMX1x9kN+yEHERWrg+DagKDmwYXnx76RQxWLg6NJR0ZfrnBTz2zEOA==","signatures":[{"sig":"MEUCIQD+7sUP1do1CNRrpfB9DwRsImm99F1cktHJQ1GjI4MtvQIgEV2mD5GDd5FJrUtTnLcahs2X6vSzuhvzzgq9s6iDCZE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiV0sRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpmMA//e29TG4BLAWIXLjA4mj4x9hQrCWxrob+8sbYmXTDuO9Mrakyi\r\nP1x1StC520NkaB3Tf7zICLTxkX6ORCRDgW/Zpa1Ta4DaM2QmSgjGOb/eJkxH\r\nceJSLukYSizL0y3C3xP1iVm12xxr8q7J3hx/7GoVeKXElsnChYl8E4qodjsp\r\n0UO4LaPhmNg60Iti/3Q8Hbbbrvh8+q6aPTh6T+LOXGwuCvfiVaiS3bJHFtzs\r\nTaYsIRVdbPC9BIjXy5Xe0yeQ6P+fvsR5tcGQlHJHNZ+wvZ16b2LxQLxHmize\r\nvlGjBdW27ktxJiXXR/ZnkpgKJU5q7fEKG+F+I1Vf2xEPh6YpN+oji/ePGsKM\r\nOL5CXKcG/qJUKnoV6L/eigtR/AVgcPkCaop5owhJpcPuAaZlofJlDjmPgYGc\r\n+J2s7p/jIVdMzPg59HBARB1NpManrXDg4yfvcBVEKY21/7Kxi5dWXNsE+nEH\r\nbFvjHiV9swMy5mM2Z6zLO4vnSOx2cJB3YdwWg/2FOfPrNyXytUOsSRbwSZAs\r\nXcetq1FhAlde+bCR2bsPQwBrdEEX6bezIF99wJxW3H0qpiWdtDJH/mxFKy/t\r\nHYH75FId9zVaJCqAvmjBNmGi0+v6xRiTwkOHwnPfPZVnX2gzjN2u+BJ1eFxQ\r\nLRe67EZBHhNoxG5roAJGv3vocDcuUDXRLbY=\r\n=dZDQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.3e30054fb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.3e30054fb.0_1649888017574_0.7630376014930242","host":"s3://npm-registry-packages"}},"14.0.0-canary.8c4da223a.0":{"name":"@material/rtl","version":"14.0.0-canary.8c4da223a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"af50579da8168614f119bfc52a7405fc44574334","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.8c4da223a.0.tgz","fileCount":16,"integrity":"sha512-kBjDBlEr5qLWOzM24CkqQC24m8sqnrZj/xfhvreH4Qn0T4pDVdxB7a0wTyXmpUSXGY9Fb8CDFoR7WYIVW8I2Rw==","signatures":[{"sig":"MEUCIENagyxNCz7O7hKz1m6RsDUgJzNrrhStKmt3T4QslqqLAiEA45Q9Z78gp4iS9WSvafWX09vzyn1o27vpwlHb2Owhf5U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXtP5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqXOQ//SfYw4oB1U49R5V3B1BKMHzKb6YvcfshHxM0JO3yqbyTVCsYY\r\nTjs+ybAudbc5XqWPrAh57sp2oajv+92m1y2GM0XAmM15IjXifabadRqii07r\r\nEKMcn3i8xhxwutRy18TP6uVQymGK9xEuPGdoPGyPt6VpLZxbfySUKxbe5m2h\r\nY5rxx112hNN+BCTDOPQbnN4u4LNEPMVp0w6UjzMtFPM8N6s+ZEJspkJ1Airg\r\n3dNF28WfGA9Q6tAWLVbL7p09lk/YXazyGC0LTr0MkRv3N/9FR+LKf6bYGBVM\r\nigqbQvis1Ze52vxPS1/Ha/Q8je1Jo+B4jMl+J9t0IRNygh1mUleg8PKzclFH\r\nDRXw4fcZs1LP8PM0YwOjTfc0SzgMbmsmetftqSk9wMe9Il0FuH6N4HQA/z85\r\nVCPzOt0ILPzFx5XUbQkBFJsbwnrjh09d3t5gjIYfP0RNLP6qhHm2BGqOJtkn\r\nMoPjMyyMthG71sEVXKjXWdsInxgqCV8td3Dh06ln27pthE/r05EFdhsF4JH2\r\na8l5+yl6177r0D4Mw6Q/yzEltNiC8drWkzYdrcn23IZtwdurottwcH5/B+8b\r\nAS1hzWLUxlpoy/DxnNI+P3EzPtsoeTLom7FjkEo/8OUu6AM09mJQSworwbjG\r\nQJJYA1r+9KLlchShGO7eN+HBMRI7Rv8RYEs=\r\n=lrkh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.8c4da223a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.8c4da223a.0_1650381817253_0.29227844729934516","host":"s3://npm-registry-packages"}},"14.0.0-canary.7de8965cc.0":{"name":"@material/rtl","version":"14.0.0-canary.7de8965cc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"124a6c7a32e4ac92af6553a33482a34f5c878068","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.7de8965cc.0.tgz","fileCount":16,"integrity":"sha512-ddcEAQNuUEyf4UVC3o/5xMosDv9BiT1C7R2+gLGmixyC79U7nn/1dpzP9lEPyJDY7vGhW4qLeoVmGVRKLAX0qA==","signatures":[{"sig":"MEUCIQDrUt7Po7WW8L/qpgzhCauH6RklqbSWtA96zZWKH/e4OQIgU4m0l3dO4WAqCcIDomFBylfhEDrY8Ru4JKwA5lZObgQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXxoaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpE0A//QRw0oQWe7YPfyvCz+WwDrDs1m9qlj8IfRq49jYl2JJcyOXsD\r\nqhunM6AENWm4bD8FO20IA5We3eqD/d+VU7m4HbJENo9YohNy7ASDpWIFfLm5\r\nEQANrcpkGyTxVxIQ9oVFiSqhTgN8mcjtjCAiHkDdvhNgIcMq/JROnnvaOLbu\r\nVX6HPnFhRz5HE9Aafc4tj39cLW023UEjoyJ1zBuNZRh9Plna9XvyGAy4G+PH\r\nVkSQFXbmRhGjEOuA51wj77TMXHBN4CHd3PzquK9XZcTcqhlBiZ4CjdwR51zG\r\nvS80HHyn3GbLP1f5G41Gv311/JuSn2e1j70zBFz8jOrSDKtbhiiZzL5NhBZ3\r\nWEesa9HbTCxyrvdl47pAoiyNp1vpwcSfDTFUBy05HGkgrCzaI6W2gzRP+zCn\r\nS6s8aE8l/lJJyh1QRuLTtHowS27i4r71ef+b6iixHC1+UrOgoN0SxO6Nz1Ap\r\nNAUTBfDOPqstk0kWSHcTq4ATW+Vdg6Itw8K4MaazybN7scIKa8SI6e+8tOyH\r\nahrm6O4l7koqUfJ08pr20lQAXdYGBI0+W7hkIW0S+NESXAUOVxkKnbs6pKUB\r\nK5VQQhQJfMhmoPqHIPcEc0xKPBhSbqWnKHCg8Z7+DsoYOHKk2PVNY51ak+AH\r\nUT61nCQpQKJ5MpIcy24JfAOduav2bJM2tjU=\r\n=CcSe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.7de8965cc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.7de8965cc.0_1650399770140_0.4851318222180667","host":"s3://npm-registry-packages"}},"14.0.0-canary.641ed0851.0":{"name":"@material/rtl","version":"14.0.0-canary.641ed0851.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a6e662a0b21922a943e9fde931d7701dd5a911b9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.641ed0851.0.tgz","fileCount":16,"integrity":"sha512-JkCPeRazm5ZeTltdYzrCsfySDm54uhL9MyfJAgqCjLPbriXSOiEE5llqe/jZNZD60/Dqms3GH0Us2VcFTaf2aA==","signatures":[{"sig":"MEUCIBvMNOdkdKHT/T2HHLh1scRyzpk8oJQjOTquM4szF5WbAiEA2nRwiNCwNbe7XBhVOgPC98F8ScM5St7SDR/y620qfeQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYC8uACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQTw//brltmm0n7SSGbcy49r6ZaGHGqkyJb9Y8/f6BXOmlYrRrUsZI\r\nGhS4wfEoq/QbIuNJJRj0xhZXwW9iv7snxg9niBJtAXLqd5jLb7nLMk50BA7a\r\n4b71ENJrzAtSGL05xlfaVQNVWVdKvtlj9jL5SEW2BeDybNKhMe6rohziS4GK\r\nxlCCRRjDRyKJ0rRWPtp/7Q5cNjjxT88FTKzmQIe4A5OLyGBVfZCUZmNji3VQ\r\nXxKY+8zIZQhoiBC/O4AIFWqPTukn9BnBFZbLpY7eGk7tJWdDr8wGguJGPL3i\r\nJGCYdmnsK17hyW56GtvwVBLZ+yywNJSuaRaErnfpZvdZI6P61bgVlvThKw1u\r\n/lqw8m2FRfp1E6N6bsEKMCfipN0vP6Ggw8Co/AD4WwBkp1YnIfhVXisLW/ov\r\nGCC/hEW4O0M9SR2EGYrBAk9nRh8vVFQeiOxQynB+pjdaTsG19B69XKzw/9+r\r\nimDOvkQht3BjRyCMYiRIkAObfQFI2UGzZtxXp7CfF5zsalpV8llrlsfcBiuT\r\nOFpk0IPgYoG9DPChv9UuYJCNfjL/yx6bh4LE1BJ+c35SZ8irgu6GUiO28Rt1\r\n4a1QENEPOsYE4RA0KCttPBFWaulVz9uIddBGk1VEYDw904jJFFfTuPT6mjGl\r\ntfXPW/scGplNW/n3XkA3wg8dMhrSODOEK/g=\r\n=crum\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.641ed0851.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.641ed0851.0_1650470701990_0.8551999641125774","host":"s3://npm-registry-packages"}},"14.0.0-canary.e88f83024.0":{"name":"@material/rtl","version":"14.0.0-canary.e88f83024.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"19203f23f23f61a2568df78441410f7490293bdd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.e88f83024.0.tgz","fileCount":16,"integrity":"sha512-doYZuq8hChHhpM9XXqIvJkznkmsG+qKUy93P9N1MUqbc/TVuCXVOM2llvjAiOnHfvzdiaS8Ahvd5qYfZahX87w==","signatures":[{"sig":"MEQCIAguq8DbGvG30ed06MMfnZDOM9akcO9Gc1u34ZiAKf5IAiAvbYXQ+Mn3d5Aw9MYDRLZ1ekbC5jYlmZSARz5LUJ8K3g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYEcZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqEwQ/9Fjpi+Jfb8+gSyRVUI4XW6CcHlM7I5fDf5qCPqkljgOf2Kmvx\r\nJdLJjoq+39wGQoYdlmWUxJZQrR6wOCKgNh3T6S12WxNrFdNn4nvNPt0uzgXG\r\ntTt2flcW/Apwt+S/VaWWL6Ps9HiXGycN7Ff1tHXDsC974OkIV+8cg3gTSFsx\r\nvCtUuzxz8cysvxZe+8gnX3NH3sbjQCzfPxx4Jju6dqNIUK6faiA/wT+XW0h4\r\nY+PBhpiUedXTLddYJAQuOSkMlng2dJrJjuaYkgX7d2R+pjLaU5PVOajk7yN8\r\nrFvqtypdP7Fbd9IU2zpx3MX4UbxTfhFYjgyap5kNjhwasB0UWS3MQcf7MXRM\r\n2AopY2ewJ7p60JUTGpjixQxxYlAOmPDMBaP9jCEDcw02peW8rZ2itttxuLz9\r\nyARxowxxWd6Vlplm3oGP7Vlz8vJy0BiEWuOwbJEL8OUVpZInnVmncPgs+fds\r\nsmoQAlAfYhZtDSpK0f4/mW44Ie1rWEAIT/peOzGzvqh4nKu2rDxKZqHC6Hxw\r\nVOrL+Zn4uNAV3m3t4ZnhyY4oHmEm4RqGdEb0VFE0AWaseF1nmHHuiKFb/PvB\r\nI2PJOh3ATPtO+pqgJuGFnli1tYZqD7Dmf5E7i7zsc0CFeAO4QTnrZRt+m0g/\r\n5mcq/dlb898x8ZNTj/mfDgLkIJ3TTmCMizk=\r\n=WS6Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.e88f83024.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.e88f83024.0_1650476825506_0.08294678001465461","host":"s3://npm-registry-packages"}},"14.0.0-canary.7321d6254.0":{"name":"@material/rtl","version":"14.0.0-canary.7321d6254.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"68573a2df52a66f3752b21cbcb63f9e852d92834","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.7321d6254.0.tgz","fileCount":16,"integrity":"sha512-E8tNndRpSPG3dFKcbVFpOq711MGJp6Gyh77bpdFwcIFIW+FKiUR5xXSx0KnftDD9UuTkbgNzPM+wRWqKvIhv7A==","signatures":[{"sig":"MEQCID9Aawhy7VeLmDG+GR3FKDOhHB0QUGuipZ1jsJIzMdgoAiAj6EqHm13orxGIMoSLQOtaFwwT3mh1Q2uV7SAA9FqDPw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYGi+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqKkxAAhfKuhoSXFRGn35QfOkRTC4q51yLboJVzWuoW9JN2b3mQLJGG\r\n3BW0vgHq5CgmSx9gt0ZgV4X6xOdY9UlkQcT/MnBTJ31yvV3lkJuU/sffSvHo\r\n3w9ilI0exq67uHw4e7CqvY4UXcVM4O1SOTcYC28ojrjCvJRgU3pahAFWx3g7\r\n0y0pUzEzAU+ilF6IvJz51v62f6IxP0w6D8rL7XPXjjdqExHcdxP+j8WNWLEe\r\npjvVXJ8+HRcgmdV9rmQK+9sCXxyLuBgQzH+2yTCDLjTIostf9S0K9efQ7yTJ\r\nyI1xeL5r1YzWykQOPtB00Ae9hfonMgo9o6H/MjM3On5FTfte8lMo7W89xeH6\r\njIqqr/JijRB98sT8NEpYNORC+Bz2Ez2tp5BhJVkmZCGJ5jPQmc285XmzwMc1\r\n8Ue6hVJ5PKjSveYs50QSOvEeOphlBGdiAJSLC4P4rVtrNwDVicw8zhEVNEEl\r\nUMesOE7Oy7a9hSEzqabxyTBsEza3Ty21MkMg/TACLjoxo/FTBEeXXnaeEVO1\r\nQ/GuNVLuIYgCMVQ9MwzSxk2SqBSQ9uGc6Jd+lTHatLyvaR0Wsmyhja9JHlAD\r\nkkD0aS08fmEqe1K9nwgoiqHUJo3FNvChIX2dG1vBpgS94o5YIGQEtN33Cp3o\r\nxAy68qQz4KVrrKDm4utvQtNssN6NJT4Regs=\r\n=kdkg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.7321d6254.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.7321d6254.0_1650485438300_0.022414572037823044","host":"s3://npm-registry-packages"}},"14.0.0-canary.3ab956515.0":{"name":"@material/rtl","version":"14.0.0-canary.3ab956515.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6c82f928dc77455ab4381e0fb716790476124f3b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.3ab956515.0.tgz","fileCount":16,"integrity":"sha512-WKSbIyvD9HEPOvKKIjC6H4n7TG15hKXsoDb4zZXKFhfxDrVjjIE2AmKwYwy99MJdAier3lTKsRnQtK1B67cPIw==","signatures":[{"sig":"MEUCIQCKEJSH7xoetb3umZ9MMZK03CkgSYG8sLNXH6C6nw7ENQIgTBd7/QCojsWzOLRHSxTGSN9P0NaEVYbNU1t/j+UTf5E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiZre9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoVFQ/+O0g/8TZOtNPdQebZhiEhH50wmGCqXnP7X6fHUeQdAFgmZO/t\r\nuTj8qXThLCGWSgmCNoFUJk+V5U1MEijCfWhNkM4VKrRiojrswRubbHKgTHxe\r\n/4ogLbTZeE1CzgKcOhNnC0epzTq398SO7mH2w+DiR4AF+14xZx6+qk127IPI\r\n8MSSnB8HQVQYALRPNOqCY3yF74V2gd/wTw7yKgvM75B6WwFeAF/UPVCqtcbS\r\nnKuu+/E84oTglo/k8LP4tWZ/UjrO9jDfdLqPRS2Ud0DEIu2tAfAswslDAGSC\r\nPNuFvCgjFtsdzE8l9PAJAGD2PBGxuqEKsMCBab+iRYCimZ7SMhAHgEVJixPb\r\nU5fer0h8VR9C50wVOBeno8GlxsqrgGvp051bqKldvd7LsLr2MOsuWUyfj5xP\r\nR/XmijzSfgvyxQi5YGzfzjvVY4TLtFu2c+qwVRbDru70FwJ/niRqnLP/okgn\r\nghB4nAeZo8e9jXkwkDqFs6NKjJgMBytACDMCIAt7yOcrPtzSqrF1TqnUyBSB\r\n9+H55CM94xSir78riE2kmunT2z0MnuVAtan3hHN/CnPYkwQMZApXjTeyjlRS\r\nttng0svwqTp/0qICGi8OCCISM/GT/2pBN8fYgvFecNpog0TPytczQRy6Xh2p\r\n9M1KzJwYEOzW/Msj9AnG/DnqUnwHI3um5bc=\r\n=sB9F\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.3ab956515.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.3ab956515.0_1650898876762_0.9024330687946822","host":"s3://npm-registry-packages"}},"14.0.0-canary.53b3cad2f.0":{"name":"@material/rtl","version":"14.0.0-canary.53b3cad2f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"63216c4957992e39d1864eb0d07fa9194740f92a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0-canary.53b3cad2f.0.tgz","fileCount":16,"integrity":"sha512-f08LT0HSa0WYU+4Jz/tbm1TQ9Fcf2k+H6dPPYv0J1sZmX6hMgCEmNiUdUFLQFvszoXx2XrRi1/hIFjbz2e69Yg==","signatures":[{"sig":"MEUCIA/fbhbq1GvuiY9jAWcz0pYS0oCcYP1CKvYhWhoF/sE/AiEA6mbNBtfuc6pfv2jh+gu9opu2XBy6m0A9k5kyZTHD9Yg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiaTq5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoVXBAAl20EJMNIDejG86WGkXi4P0GnF3DgC3wOGI/GzaREBJg2ZvAq\r\nnkSzhquVFAD1nfYNFa5BOVcLKmYwpWYsOllMD1idj5nztytGteGsFVDFn31k\r\nyfcbiKyo6xypM5H6ZiMNYHJ1ziRsMFwOmkudPVoNivY65ZDr3FzLlgJ7iNRc\r\n4A5sTeKXArKaPASxDFyZX8eZhD8W+/tD7IjvAABCDTAw1GRj+rKkdXKkwknW\r\nH/GTRuEjZU/rYOiGA5NyLPdXmpfHh04GOjrtlrsy3DqpSZXoEJeUMDReh20b\r\nKTv/9a+7w8Wpjz4oPGijSEB7HdgM4ErGWVXnt1EN3ZnUMa7T10bnn+Ou2fDB\r\nrrqAxWRrVda/RfUINzKffsC2rirKM7GPpX2vKSYVNQCYMQUPZbtNSW0+wb6I\r\nsBwO8909cz1sbzm8ObCO2+gFOO7GMoucHE0JTQuu7vAjeLj91lhSYeDJvmg5\r\noLzsT/ogWz34VNDivll3jQ8IL8oR6soBZqMMd20JudIJiF64FGk4vdd2wiT7\r\nDhmnuKkxJlIViV2pLg+ubtOK7YDroMaHOVL8nKzyf41/NUu9RXaR/gWOwO6d\r\n2Vq9TcCXeIadpc9I0ckSllDXT3O7KZhy2n22sXwIi28hj5V00DjKm0jiivWX\r\n6keZuwTVizcEfAzMimvHBAfJS84WJBnvdRI=\r\n=Heaw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/theme":"14.0.0-canary.53b3cad2f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0-canary.53b3cad2f.0_1651063481689_0.3828360502646242","host":"s3://npm-registry-packages"}},"14.0.0":{"name":"@material/rtl","version":"14.0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6be5adf56dcbab0d4a7dabd9ab724fbcc5c63d6b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-14.0.0.tgz","fileCount":15,"integrity":"sha512-xl6OZYyRjuiW2hmbjV2omMV8sQtfmKAjeWnD1RMiAPLCTyOW9Lh/PYYnXjxUrNa0cRwIIbOn5J7OYXokja8puA==","signatures":[{"sig":"MEUCIH7pkUx0pQnP1X4K/XGuJDFqSY5aSpJbpBGClfdU9iRWAiEAtm6W0Qwi/FEwCEpaK+xYs2j8Ov1ui5bHvrlTcwB1Lfw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiasbzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmolrg//WhfEVJHeYbH1HhTzYSvZV26hv24TFnAaLj7JulFiQICGGRt1\r\nYIrRSCt4mxw9vgjjHahgM9h3Jrz0BquNJxCEloGjkR7Q12rT9FME76acXWhq\r\ny+Tum9/rx23aIV+P/KDx6B5pxLpu01N/diwS18ZkCGAvJdEq0blv9J7+kqpA\r\nMPEjAhKwAui9X9lbuA1TmeI7zkw3x9Tr+30bRJrELHnPACWBfLyBiX1aEp7U\r\ngJC8RDsqDamfH8/KV9PgmMt6fsQtXzDJa6fw0Xfa0OaesW7bZxk+3V0o5zJm\r\nyIYC1MGW3QZAvV3iFxeZXX9lv3hP7ke7d7L6w8DwsMpMrHit4hYYUPXvxeMv\r\nl70o74ZQxmDcZRmHUeStbe2jsjHHc27XBU7zT5ph0+UwR6pJYFMWgQwevL9r\r\nwH+qtzRKY+o1UGY01DZf00AlrOyo0mpNFT4GEX2tM9TD288KhJ06vGQvxgu2\r\nTcBDU2wFWRvpKqQr0oolWnDXBoSb1QBTJ/HX0oBDR1VH0BYM3VW7e+t0MGb/\r\nxaZqCcphs1dSwUduTBFb8dWXj+oOCg39xCp4Xg9VZAjzkCRH+wx3xacQmAlu\r\nEKIVmxeRjbVCsZ9KWgS86VLQ1Jm2rBRCf5wWiZ4xD/RhgqB/bUTZzA2R/3IR\r\nE0fuTPJ7Okp1zH4n3eN69bY6pAimVHOu4YE=\r\n=H8r7\r\n-----END PGP SIGNATURE-----\r\n"},"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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/theme":"^14.0.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/rtl_14.0.0_1651164914865_0.8096776381224375","host":"s3://npm-registry-packages"}},"15.0.0-canary.432c815e5.0":{"name":"@material/rtl","version":"15.0.0-canary.432c815e5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4ce9a835007cb95f9e8578d6aa550cc10a58f20a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.432c815e5.0.tgz","fileCount":16,"integrity":"sha512-pSEMSV3zfK1LO7IHKzVFC/AU7lP/lzYiBycS+g2udIQGj5C0ZMnzBWQ1Y/nfLnerSXrpSvtLjSvgCk+JAWieDA==","signatures":[{"sig":"MEQCIHTFioKA1DiDxCXn1rtaVe8Wc7VnXvkVXFmliu4gnJN7AiAUfAlRycKQ06dRC2LQyj8tEHxXsP9GviXO5TMyVzSVMQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiasc2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqerA/+M/FnrcOnVsSFJBcjUF+aeT6GQlxXvUt/okafKmJlObHdEd+w\r\nJksC+7RXISvnYTukpuZET/Q813JGRpYmJzZJuhOLQ8ykobk1/DIx2esOnmMv\r\n9IdJmaFSuzjrIFQS/n12cJxOT5IFAeCsC5xselL+lR820rrLKfdz/20cnbhO\r\nmaUje2aL6n75SEp/VAASmqVXYgN85IPvtSWHeW/2vuBlxs3oHUFmupG+FB6O\r\nIeHybtq/4tYCwYCyL1qNusG22Py2mtac0+63T+qbshE8y1yImh9yC7AUI4vF\r\nJUlbohsmJttFawh4ZyxvPppI9SibfdzQX2x45PHg2uUmrbnOZp2Iz55LT18D\r\nnNTdTxDHc1AWJxjsQCQwLIRXf7I8YbANAvowlrlNxklfp27RwoMWx24qdIQi\r\niCs6ZeqrY+/UGAMzjzvEQuJVC021NwsiuXM9J6e+34qu8jRMsDY4uzLyJAKB\r\nDdPy9Vudg7vKxlE7FDcASWLdp6zGBIbzG61jbx7b12nrd2Rv8wQIHNPSbeJB\r\n5aJVW2J3VqM6dZMZW9dwkLarBxgmrN4yIqnG+ptMPcuh33lrPgYjQDJZ2mBW\r\nolrJHp9onHvY5L+Hni3AV9w86ksuu6Fg+vM8VJ3Peoz0Xw8A4GR8YlittZCQ\r\nPg+FvHsOLBbbpJTJbZvxAliMWdjNzm5dIFs=\r\n=6nhw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.432c815e5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.432c815e5.0_1651164982173_0.863407665903992","host":"s3://npm-registry-packages"}},"15.0.0-canary.a0f01f669.0":{"name":"@material/rtl","version":"15.0.0-canary.a0f01f669.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0ff54fe3136ca92b1fe36c80ebf886b1c6e6b7a1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a0f01f669.0.tgz","fileCount":16,"integrity":"sha512-HVaQv8liDneGIKNE5ZNlxYtrOamnBM+SfCLMg58wwOMcBnooM7/7er0Mfdy6kZaKxX+lLjsvh3tDlc1kdQ3MpQ==","signatures":[{"sig":"MEUCIQDYxBPKv9WzYZbsBkrAU2gPYESotUk9DEnxG3kC/oMOXQIgDutnRo8+TfULxkGPJ2iJb9n3s4ZfCowttqgOlwHoRVk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidYGMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqjxQ/+L653NbShQPiny8zhcQNm0lChXoEpFUHGVcgUyO9a1VC4zwja\r\nNKhFIz9dXaMiuoHDH+AV0faOg7OR+B9YRYgYH/YCT4WBOoEhAm9yB9VUGuAv\r\nT1qoNIVbEw1dkPNH+VYVYfqrLlbyaszhWiLTvNwpmGwHkxP5X+8F4iESEe7d\r\nJl54z4reZYsaOOLzXX+VBVpYJf/JcRAyFj+QzNTDdRYK4Gbj0BfSuBIq/Abd\r\nU2vexE3951DFSXbULpswJ1J1pLREGL4bKHyu7laRwnp3PcXg/v2MXDZ84/rB\r\n1Q7IXGdUD2Z5WSVoInpsQ4RWovvQij1GM+z734dOC2WjpFf67mRzxrZgjhVV\r\nYHfl/czL37d2huvoWZuviZ011nkRWcpz6/x7VmdBgewB+TshYOAqaGtRtVm8\r\nh6/9qwCd3OIZWXYoBWcEABRxKiAlv9sRfLSRQASIBouyZSgOHoFr0FtCf+zV\r\nMbOH086ey1xriXy9Mlpe64+3JyExuXtu8/iPoPfgcl7Sx7aeThyEXog1oCQV\r\nxQV+M79quGeoJXAgORRFjhTMESWhOiGUhXb6fAi5IJB2hzGz1//k7Uz7+25K\r\nVQdwmb3Ji7rO1DrOn66H+vn2wtQjmYKC5JJkKA38LC5ZgXicufG2eM6PO39q\r\nLQ1aWGSZ5XXtscltF6pJbq9nka/0foyD0CI=\r\n=GWC3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a0f01f669.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a0f01f669.0_1651868043927_0.968212064592785","host":"s3://npm-registry-packages"}},"15.0.0-canary.276cb39a4.0":{"name":"@material/rtl","version":"15.0.0-canary.276cb39a4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"63acaef30803eedfef9be3b9a3fc9d53ce522616","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.276cb39a4.0.tgz","fileCount":16,"integrity":"sha512-J+TXPKL2Y5wIhS8xW+ppuBhZdCbFHFoKUP0PW9kMTSY5qvmLeFocIm/PKzbWb+KLyNHRZkNWZI8ZBdPAh4PA+A==","signatures":[{"sig":"MEQCIFmJFd2fyZ8kGZYkmpNODpshVNgrlxuhgO+aE7/K0a1QAiBvSRlPRddEoT4KoK93dKVLNdUihC4YDn8hBwHic0uPtA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidZOPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpXiA//eMtgJuXfn5WyeNPqCxZG1HhPZow/dJCWYQJok3lXZ46SYKOd\r\nyow+Uh//xiDvk56WO87mn1tEUrjoSr2844efzPvY0W38+y7B28hEqWI9kzjQ\r\nTK12csirnOxrHa29SlxZ8PAfih07PBKAgRKRXcMZMDUGzhAl/l9qqnhMnDRC\r\nPoFNmHlxaAjl3hk3LSM34vHRW52/VynOYdshPr3Sq64Za/PN6BZ9FIteXPpH\r\n3zSBtygNppwOl7yqNlazCK2FDDUsHiwyZhKGrH2EO+punKCXfFCnQgPLLY3N\r\nPQlNxBma0ysZT9S2llDGMhgKGkJFwRsWbVcfmEmID2t/y6e0DEv0ZVt0yj24\r\nm+sDBtMOo5YWB0vgHetX4GxMRybh7ZodC2DNMiDP3sbuHUK5NTlYFjOrXVrf\r\nBMhYGK/L6U39yLrii6Z92a/YxW+AInjjHiqrvllE2KeP8k3mGJATH5F0LRrK\r\nafiNqaxgC3xvr1QiTEshQhJjzLJE49OQPCzH3vbP06zaP2dCRmUrtbVfPBJT\r\nbPw1fV6lhGliK8wtI5abRaEQ1fcS478rcvh0VF6phmQncWICAhV6AR5ugMK2\r\nSpdBI2kZIq2l8OS4wmZPnj8oeN0Ko3YAQ4/aTSC6AvKHNR1heGERZ8Jv8Auu\r\nPFD8+L+lvxHi6dK2I4RflCG8lS1yQBY6VwM=\r\n=hdJB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.276cb39a4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.276cb39a4.0_1651872655449_0.6030213319670596","host":"s3://npm-registry-packages"}},"15.0.0-canary.4fe98ed70.0":{"name":"@material/rtl","version":"15.0.0-canary.4fe98ed70.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0c23335693ad1b6dcc4ffee0e99c403a3731bc7a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.4fe98ed70.0.tgz","fileCount":16,"integrity":"sha512-rnsFJK1lKWSffTlJe/YUasOmo/M2uPg0/GbUzS/MSEwWGJUYN1UgmhdP7T+QchU8JdvV2GmUO4Ab9TmP2KDd3g==","signatures":[{"sig":"MEYCIQDEBa6SV+ifWy/6DZHaVy2HrrQK5Cg0BCcH8NLsNFm+QwIhANMI8fyNmXUhmt5vvnCqjTUyFIpUphfawhRD6nNWMiv3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidZlQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq1kxAAjX0DQxVeHy0v74ocxF9lHJ0uBUFKzE1G1vKsCTn1utS8S/Se\r\nWQdOPHGsFFP8ilHNcnUDNtqDXzxoZye85Je772fqpDYTvctL4uV1hCFci7FA\r\nI/TTOPsZgEZGoZAJn3gmireaGbWuOwhh+lYVxtH128uJqQhDRZEb3BY31i02\r\n5Ukzkt88/V1vXRSmGCbNeeQ471jprX2VaB2n0bwZZD5kdBJal1WVVXZVGJj8\r\nt4PttrWUrO0Y9mjH7FA5xMu0xHsWjKJSBxmvc54rJmVK09vBTqFOtCaCSK4D\r\nXuB8b+GQVZcZqXrcf8+kau6t41vqw8WrilVAuhPn5b299tbGx1MOtkYXkqB2\r\nuyv+FwMuFSAcTCbMAB0c9vRZ7KpwOJFZjWehe5sSZqvmdEBCUDeYPIt7kPbF\r\nK0XeNdiFlRwop50WC+nTKfSB88ickTscmObyAqNqC0IFQkaslRK+ofgjMvku\r\ntHp87y9MlGFuyN+epYSA2+d/BKIjGSGXTDgnOsbOwghxgMFTW5TnkTBaRJ1G\r\nMAAv5a5NmGD5XOMtD0bXz6pmUnHpta1Agp0lkjy/iGX+FTQ5gmdpMVB5Od/3\r\n8VxP2kEhKM8Yx2pzdYvPhVw4JSuVyIVnC7tgWM3nYWnGwYSTVm72moxGPMQm\r\ny9gUh4J/+Sd8gbwM0ji+F1UJbyLv5UgkNf0=\r\n=ErfL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.4fe98ed70.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.4fe98ed70.0_1651874128024_0.772330783869666","host":"s3://npm-registry-packages"}},"15.0.0-canary.58b130a3d.0":{"name":"@material/rtl","version":"15.0.0-canary.58b130a3d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"80f82d9e557174031b52978c29848d2a5d91c89a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.58b130a3d.0.tgz","fileCount":16,"integrity":"sha512-0C9tBkywPiM/CMa01/WRdvrS1qt8C4+9I4AGWe+U8w+P7Re0AyjYvRRYIZ+wNDImZ51XPpO90p37jza1aMCyCA==","signatures":[{"sig":"MEQCIHV+2/a0QLpebpADgEu5bQa6NMJw8+orBWSO5202I9SmAiAz1xtZ11LzzGhKklkrtLeKH5cTxvQJsPUeUogPlGFndQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidZnbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq9KxAAmDmMgSmpp0XqV5ZJ3k2CIHn/tgkP3ZVI9l5LIcygaEh9BhZi\r\ntknm0TQE8/g7mRWwPvQBEAAKEdILYTNMWB+w5ptc4WEqrUPLSmvfGTIjU/Xk\r\n2y3rIyZ7Y/yf65Ewkb+JG1oB2/54OXxhPpr/yrv/QfLVZ2CKh4tvGKaguSXv\r\nT0n9xK5I54iOUAq7bABs+TOr14tmiUmNLnMXTd0FTnGrIlqLAXJcn8KTI3GO\r\n0a3+uXZ1MlrWOi7kpEvOX2UMPzSDAMOgCUptXqHsWoii0fF2G8MPd+uWyN6e\r\nZ0RqqKuqRUNNLzTo2dEzh0kPxfg6QvS7lBQOWv5LcleMysrKDeyI9Tv5WbWh\r\nJBdSyshe+4j+YFkiG8GBRyz0C3zGjFI+huy4nTKFH+AAVHTSbIQKJLMC3EZR\r\nuaWRbdCd58f7phmdsrsQ4sF0d3mzhP/0t3mGGM+Gw0+yA1wsDMMnjsW/9Gir\r\nF0sgdwOXLcQ832VI2C+UtdFYRkcwHaZPC0IZct9+wGmp+ldY6vkOF9RT0sjZ\r\ntI+Daxg/0GhEu1dt9a/JFsHPtfz80Ef7xB4BUmvLvt6/XDCeZEnfzIovaOI0\r\nK4p6FreXNZPXl/y9cCdJC++YtuMm/BzpMqEEi42TTmdq+woQEQjlqsU94zhE\r\n+DgmmbF51L+jIP3HpVrLt7Z0SKCU5G3C4OE=\r\n=6BYx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.58b130a3d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.58b130a3d.0_1651874267101_0.4284946553744826","host":"s3://npm-registry-packages"}},"15.0.0-canary.ae278a2fe.0":{"name":"@material/rtl","version":"15.0.0-canary.ae278a2fe.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ecb71ddb385501050bfa06cfbdab7f7e63e098d0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.ae278a2fe.0.tgz","fileCount":16,"integrity":"sha512-NJbhiIS2HvD4K1t14Yuvt3BOVc4JiA0SOJz9BmR6/6bfPqbhQnwPIJY1akPhZHyZC+81Xxji9uhrpMkccCYxhA==","signatures":[{"sig":"MEYCIQClvl+caPjAoyGuZqLahlBoj3qlMv7CZIrHM6aQLzKU/gIhALuNwryOBwumMhqSi4YRxA+KtwRkhRMvq5A6XQoEFRZ3","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieTIJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9Zg//eU8HnEkmsA2N4DtpKaDq0XJ/ZDK3xeSDdcSgGCbnvYmofmJN\r\nmnZtuZYL0ve1PiHx20YUcp5bIMPJrwIz0qF4yyDLzkvGlydasrWSo66aEt+2\r\neMAHY8nYRUxYN3JfttG4XyoJ3pVPnT720sQWkYolOm2iPxlVelrVQW9FT4nQ\r\nDmJMdYgO0JfmGMi+g0RFcdyza9luDoe0WPwkxVevDImFSVemoFLLt8HKPL3M\r\nz1z72oGQMPkVVrneUcKY5Rzkt5lNtU2wYlieERoRHFv2d8DRB2gUQiCb/D4z\r\nZBih7MX/mtyDgbQDiYapL7BqQbIefJjBOXTyWc5/VRECLtE5mvdpwCy1Gr8J\r\ni82bqNZ5mAEfuy1LO6NC7h9+fHuLRaV1EHY8oeKViiL1lqLA17BnCIsV5fG6\r\nTT+GwNYz4LQC3cR/N70/yrF0urKe8thrOgp8TcQoNUpOeyE56YrMswtB+OS2\r\ng2zJkZjbaBHdYvJg3Z4WtrUtmDqh8uG0YlivQZUcEncsf+Gyo6PXK/6gaZjw\r\nvGDKwmgGCLf/caLke/oE2PiT+d7G6ciJHjwDtnFVOmTOy+v4kspnTPusw7PO\r\n02I4Jom8fBug549dQko29Udo4AaLzR0VljkKpAqZrO4FS8nRKX/vQuz06E7N\r\ntNH0lMhFY85hc8fRbrNOir+uiRlS5kzOMec=\r\n=oqZF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.ae278a2fe.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.ae278a2fe.0_1652109832916_0.5123405946231352","host":"s3://npm-registry-packages"}},"15.0.0-canary.bebf5bfdf.0":{"name":"@material/rtl","version":"15.0.0-canary.bebf5bfdf.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cd550646bd14e660ba47562285dca8300479abd9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.bebf5bfdf.0.tgz","fileCount":16,"integrity":"sha512-7862qoDW5tV+QLHnskueOgTx1+YNp7Rj0mjt+dbWFsjq41X21kYsaKe6u+5QBBI2Ss+FkSSLoXSo4h+OfA+mHg==","signatures":[{"sig":"MEUCIEmuymhUMscG/SUPOZ7AuH3HAR3wVR4oFB3nV1WQ7iMkAiEAyLCVz49J+FUBUCKztp5xymVpXzlcOLWdMataGQ1kDnk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJieyHxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpVJg//chpJFNB0zDt9VI2OI4vTqHa+LGtDAxX+0NJE8SG3t+HhMBte\r\nWwmilx2CDb8hsuimWSQQ0D/OnT5Hx1pMLeiBTV0l+6S0TKt4HuE4GdZ1i1J6\r\nbpddVa93b956Gf4Sz/CpenGZmoDkwuHnV07pL9sqgBSrMAXbiHN9bWZeGXy2\r\n+AtU/bqGc0reZwJy8T5qPIut3EmG7UAaTelF5T8c2tk8jbYptmCSrm96mFcQ\r\nGQljC+30WqVk7QCHtIvFsqMg/II5yVinNMIdJdc+sfcPynAp/zjnsg/b4O+l\r\njgaMNQxXibVgP4J1fTy+Zr3AQjC71DFmKFFgu2/y5Ww9S2ZMnHEDKW8yNh2o\r\nVhrms3JYsa0M21K1oTOfd8R3W921UbZj3IZvUcdZjItClK5PjcwC6bNa6K4j\r\n8+dhyui50wHeluDoASIJkmgLSjqSV1YAI1DCoj13VNauncn6AZuE2Ppsgplw\r\nAoReYwKQ9N9gmorK1mp9OR6OnebIGPFdl5FHYO0oBWc47BGnDH1yRhpbjXXW\r\ngHEpzIhb8Y1N5wHU+dA2vavNkYY1KZXustrA7WM8HBuUGEcHeJCIy70g2zxu\r\n7CW9VsxrN50UruoW5QY9By2/IK3apAHIxnu12SL3TR7M+l2pZE2CZDcipTQq\r\nxXCwBdkaONjDG15zrc8t11j54oIgJkPNDJU=\r\n=7CTC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.bebf5bfdf.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.bebf5bfdf.0_1652236785186_0.9549753748812","host":"s3://npm-registry-packages"}},"15.0.0-canary.e6072cd6a.0":{"name":"@material/rtl","version":"15.0.0-canary.e6072cd6a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3b73606438aae0aeb02a01a97f964127a327137b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.e6072cd6a.0.tgz","fileCount":16,"integrity":"sha512-w1GbuUCH/K592v7vLZulZAsQ/ecDbKC+toCPn5tTfnlurcXU4AO6YoSwlObqeRRQeMpmmQ6iJbRzvBVjKk0jxQ==","signatures":[{"sig":"MEYCIQDaZ/FIZtsqDBshjg0/qGuQOpPpjyewOvaT/lkCgN4j0QIhAOEkmb1ptaAiQQ5BJ6aCN8UldTciKTKkvEVJMNzG/EE8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifBnxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq4Pw//TQiF3ckN5MmLn1d6Cc2q7foOeZ/OzTZq8ktcdaR9TxB/pV6Z\r\noKnvHNB2K1+RU5AdmaRm8CKVyQpO9tusbRzSBdkdqiOZgeOnn65816yaShWR\r\nTcTBOIrjcgpD+cuOzz2ob4YFIPCSi+zzfZYxIornfq5DtBiFsmFt4dbRUByJ\r\nQbWW473SaW3VkKXeMhASE84jisYde7aGmmSMsGvtWN6HeABAGjodXI8jDWFV\r\n+fncyHBAroKfS9a8mHmb3T8XV/MTu4s0MtQdaxSZMs2nbVit8YGS4pHArxcU\r\neDMZxvixlzELukCecyKuELGAwDTKbiWShYGa3Sdv/ICdOQ7vwJ+KGzlZ8Jfr\r\nNrPuDCjl1nNB9Fz4Pp87+0W1NcKDwIM+AHTLSYCHKV1MgBIAE8D3V1hgeoVc\r\nBwYEkgQZSkVUGCzxu0wOcqJmD9JYFWazemDmx6Jqjoi3jpJdG9CcMlYmPz6q\r\nx8NMcemMS6kzlJgHVj0XdbpGs7Sk1FC89sd6zSv0NfbEux+kMJzEAPcbG0I7\r\njuMKV2p4u+507tg2cDnfbvsAA9gR7WbS3vtEM7wA9813/5kn0YLmoEWNV3kU\r\npuOzYRXkmIXDv/+adqrgca895k9I2/05N/bfJ9Od53j8GuQJQ7BYAnN+ZONj\r\nQBqhZ7YnwrkMh+2cXNHKmckqVdPZmDFfdFE=\r\n=iz/k\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.e6072cd6a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.e6072cd6a.0_1652300273336_0.41027257669627093","host":"s3://npm-registry-packages"}},"15.0.0-canary.5b40eb988.0":{"name":"@material/rtl","version":"15.0.0-canary.5b40eb988.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"939d0537d13703f9c105569cdb158893e6ebaaa1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.5b40eb988.0.tgz","fileCount":16,"integrity":"sha512-BYXpLqhDt5ei/vc3gfX4p2wQezKzOdqdKYxTwwdkZxn7YOiaceR0hrg3veazKKpY//0loAzzAXEhTZpZTHapRA==","signatures":[{"sig":"MEUCIQCtg+7Le6GKHpvRM9YcBDjX5ygK4lBP/6RhEpclPkImbgIgeL4iy/kmLQGI+QNdhr9IHDMhpQ0ZWKCQ9LEW8gj2fzA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifHRZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpSqg/+I9ERqF8iB7H70C5ugAFziJ69dGOKa6v6LplZSETR9gQpMQ53\r\nUk3Rn3Cv6h80AHfybviVMFtCuevlnC2m+m7CLPej2lgoAqC32gdKpXpqIO+H\r\ntP0QHv5ocRU4HTlXK8p5vjWkLgdJinnsZAIK/D8m7umJ4SwGoHJzvBDJxQOG\r\nwtCoCHW9oeLpo0fb6dqpZV9K+V8Xy27B9eU7AsE7sgcoWVtzgp3k6SRKsUpN\r\n7C2XFlBXavHAQIa32EWAUBfqIxlYH1xTgycxMF1lbur5i045VTfBB9BFWAFL\r\naqSVjse6XUVwwtGmsUPBxKq83y+CVwxp67PtnbpSlr4rg2WlnvuxZOIHqF95\r\nGvTcV9iM6/zIzh2ZMa7+Z8mc3T0CputPJpEK8E0wRmbjfe9dgu+JvksAWTF7\r\nju2rEctAAj4JGzsRWi71yYpYDKyv5cGeFhvy2atCDYdJw5DWmxfjGtNH2qP4\r\nM+dZgi1NfuSEt0cbKy0EW+ppDPsLB+Gvixa7Tot6Rxub4ar+Sl3KdYhjloay\r\nEnWzz6tsWoIU8esh95VUhOSbhwkRtZ7aIpsZ7fVZdvZ6IVtwAz8rEgnRMqWg\r\nIkTDQLiu0ndgR71Qah1IEtZJYmXIDBF93ILe7mtlQcnFFKrWK4cUmUkMQdfQ\r\nHQ/T/mQ7W2cfe7G9HwAZGYLbu72PZT3lwsk=\r\n=lUB9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.5b40eb988.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.5b40eb988.0_1652323416866_0.41507530943472104","host":"s3://npm-registry-packages"}},"15.0.0-canary.6a61d62f6.0":{"name":"@material/rtl","version":"15.0.0-canary.6a61d62f6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"41ed5646d8154cff1528d27bd57f7b92efa53241","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.6a61d62f6.0.tgz","fileCount":16,"integrity":"sha512-fRjGt5Reoz0795kny8LV3ayV832C560TdVs3x2a7oRZB2ER8YVm0pAJO0gnT4VlQtCDC90Vbs8K0QscvhNZ90w==","signatures":[{"sig":"MEYCIQCa/H3x/w5xJaRtkxAn+7XCz//ssjnPwHF0nYgFC5xxjAIhAIsEmXTmv2uadyG4QBI7Yd1pac6mErHFIe+l3vIBQr2j","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifW1kACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqf9Q//YUppbcr3wt8uQd09vckYzoRs3a/oTz6zkVZqXqj1jn9L5SDE\r\nR9/Ve/8yEFgAQUTpykE4CyzMHGLzZqr2I0mGKe3EDmgvDGQCoyFizKGNbEzO\r\nGgKupx1H/Px3GZu5sEJC6fW/KhUIywmIBzYgbkCi1AoyoNoAw2G/xGsd1zu6\r\nsT8J9OR/Oa8pi4FaEs4WozFcTC159Rb3u94FETpqyBZm4SCjV/jn9qtobJze\r\nIfY7p3hUKcH/18rlAQ/SkDloJTac2D9OyCRgjOpLPgIYckv28E7vEiptfs3a\r\nVXi1vkvCSabLTvncKFph0Ix2YIF28kgNCv2Fixl2O9LOM3/mEsYJYElGdgtC\r\nJTA3fLOijwp9CsJbsySNTC6/yniiC2bNQmPQy7nCpNg4Y6G0eY5iKTElnRPE\r\nNobrmXo8ezoJTVucpNiL+OkhTJzDrYXsqHRtwhO7gPucM142sk5q3Z+h3Uc4\r\n0zURVxttXtkbeKTz8Yl2a+1nZqBKa+oJiceNpHBXgjevBWeD6q2c/VZE0iA5\r\nnZ7Wn107fRM1FeWWzfs/7fSdeZ4mzW1ChFQ9Ehhk1W/XzzU7QlG910/lpON+\r\nD8p9E4PcQnUkycjAHg0BIIGh6/dQzhMMXQzxFfwTCY4TlkqZYKyg6PLcA3a/\r\nDlgHfQzVXfId+g0LWMaRds3+8CDDl9+ZTC4=\r\n=Qy2u\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.6a61d62f6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.6a61d62f6.0_1652387172441_0.3888421203175032","host":"s3://npm-registry-packages"}},"15.0.0-canary.05930a453.0":{"name":"@material/rtl","version":"15.0.0-canary.05930a453.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"39b17b39c2fd9cc9fdc68443ed68935f0da5f61a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.05930a453.0.tgz","fileCount":16,"integrity":"sha512-PXpZJ67bMx5SpwHGBPfC3wJLersJUQ0tZ3oWkNf/To9XvYoC/Lt4GZNH8lJe0uyDIcPL7xYYV+LOyGhvDgW+Ag==","signatures":[{"sig":"MEQCIExuQv39Wb3wFTuqgiRBe2fSk5xVKtTVZwaKigXB5p8fAiBPIa24Vpcn9qhhhhIQJRoQx28ItMKxEvuw0eZ9oLOI0w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifqedACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLwRAAnpZ3i8IAetgbGOlrPb9QNzajgK4gG7rDjjUc2TQ1SngiZcsL\r\nfnsW3poFtwYdmkS5btqd8ueZ+NCrPeHY65InxYJCziugN3v2pyTF3X4UL6fV\r\nY7Qs61HRqBk4KcyKvtCqIHNE7TRQ8gj34ZFnnTePKDN52mYp/fCkrg8jOjJJ\r\nI1VOaljalLZsz1hPyy8JJnJkG7oZF+Ara8rXSnBx3Yc3wHA8l2c/oyYMrFqx\r\ncY82hkCm0P/nF0IGs32+y6WTe9t+bgi/ai/SSLBKwZ10mpB9YK560vWBgGP2\r\nbDoMTe4au+WBtVhZ7ULBpd+euMEZci4Ei4KB90x/uIvgS1npLS7nTWCwkq8l\r\nCXe/QN5q0u8aQSAXkz1Ro88Ml4xEomXoii71nEBYFfHxuTyv2yQ3ZzUWorSg\r\nxxpBOPIRQPtX5srarL/ZthhoyWBDFb/S4qaR1VmAamJNlBfuGUCCoW9Xfxcu\r\nRhKu0TQkQt9bwvW89pTh9ZPWk6Sc8QYjWcTH3qlsUQRbKJJII9ZvM6jxzNQw\r\n5F9OefRRXG2DX+gMHCBHaOk+BtCFLn4UX8tkvtcEtejk8CnTe10zTHmQPmUT\r\nROUIdmIqKQuNsNV321etsUk7GPMYbUJK93X3EmwTlSilNslhB37+mRCvyPWh\r\n0FMRHVm6f3Dpce2IAJPGgYWlrR3FihCxRlE=\r\n=0Ly9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.05930a453.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.05930a453.0_1652467613622_0.002220907137466366","host":"s3://npm-registry-packages"}},"15.0.0-canary.c0a11ef0d.0":{"name":"@material/rtl","version":"15.0.0-canary.c0a11ef0d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"50fe00932fb3732f480c1948cd3937a332c0c1b9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.c0a11ef0d.0.tgz","fileCount":16,"integrity":"sha512-4RElK/8B58QOy/UvWVTfzAV1gBNA/OSY9m8aH5YMD0J8rdHPedetS5l/u8Bfxvvy7uLYVglmobSG88Y0hNOn7A==","signatures":[{"sig":"MEQCIAEPi/HUHs9NfGJmmS+bjJpOUv6azZQrmnLKJgqjMVavAiBO0sjljAeFkptQpXbDUjb0JuHGs2hHVwKRgd5YoQc+tQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihWx8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoxYA//ftla1WzZFwvZcpgZ0lRIRQKvdb/OOnZ+ohbURqhJnxq4VnCc\r\no2I2jiVRO4rtIN8z4jaSNv2/Wj8jI6q00L33+vJiF1tz6wOQrelRMnZzGxbs\r\nBcyNesRy+bUyMx4m/tMTdGS2vCUZtlQ4rX06Dgt25SjGHProLF2Xx33R887y\r\nsqvfU9uUUjZz2UWhOEMylz/Y/LVhivv8AoOom55ekAo0osieNyuEJIaj1Afp\r\nVKlcAdTyTT3zwxtvCaqXQomzFvRZn2PE1K5R5qpkumd+KSn56j6m+ApArSHz\r\nl+uOLiVJmKzcxV77VsRrBm1+TBzXAYbirBv/5d1yQ08IBm1qakaKwq1k40og\r\nm0eTQTKZYcGkGo6ublhLWuyciM6uBEW33G7z9S2cu+a7gREBOlt8AXLcnLO8\r\n4fdpdN3vngOPeZQM2Xrc5BOOzeSM/hHPpWq1HxtTCCYkRTgRH+tHiC59mewv\r\nbuA1/PTmebA9qWs92qXli+kSNqY3JFJ25qc/gn4w2EwF3rKd5dqz/LFnMpBE\r\nhVs0RrUWjoJdrC3HM/XNPFYICQ81BPbn3E71cGZJt/S1my2cQZqaBRaviVVQ\r\nvOl1I1/SXq27Ru2AW+gQv68Wvtji/JOQJJFOpkWEBY/VS6Y7Cbi03WzpQEe2\r\nSvlWYIefBEPJF0eX0TwRpdkInMdFHEuhPcY=\r\n=i+f8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.c0a11ef0d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.c0a11ef0d.0_1652911228522_0.107152978409353","host":"s3://npm-registry-packages"}},"15.0.0-canary.2f9b268c0.0":{"name":"@material/rtl","version":"15.0.0-canary.2f9b268c0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4f329d6ce7ed1b83496ec7d303cfaa7f84631fba","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.2f9b268c0.0.tgz","fileCount":16,"integrity":"sha512-/NubzECifacXfzBN22+Rn+hN/CLF9C8pxt07/MW+PZHvB7xc82NCfuINQNBNX/L8kxvlRHJ5ynVC9t7pND61DQ==","signatures":[{"sig":"MEUCIE0U6GXaFFeNJIWVeBevWNy9ysTrd+1FKM/HX459SnyuAiEAwbhMo5ndWT4fPZR6lWHiFPduPfZlznZoyqSESXqnhKc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJih+y1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqPbw//Q9VsxT5nQb7jFeaksSJ2viXea9XLR6V697N4E0MW8SFcQ1JP\r\nPznge6mqOUhMm6WIVCRY5zblgfCSTSB7TSHwiviLdNA5Ad2s9wiEf3FclhrY\r\nfW9Q3y/WcA1UC+W4fdi/g14u+23M3vR5b4S8DmqcFrn+yC9IrQUsjxpaqSJt\r\nWUwEmbOBi5ZG8fvYJmVNZe80Vu35JJLo/jIVHjYOmz+XXNOLtpweoTF79DdQ\r\n3sMW4RiU2GnuSbX2jZswmQ/JFhfHXREDpB1jEpgzBqbCAPOz0h8FU/e58c+k\r\nKDHKmyYRXIOBStZYrVsFU7Io7LUAW/WaWYAmpUOEIgqh0XnEGLagWyEQFUUs\r\nG32omJFX8sp8mBOEK7bIQEEC94iYDDGFH5yhF+2WckRSk6C7P7pXTA8KnkaR\r\nVO560rLSqON0FR+xIsyOSEotTQmtRxrLPJ5cjiu5t300bTmIEr0GxxUVnLq7\r\n0RvwCoDm5iS+wFikgMf7O7dAXfdTeufOfwwsM+2ryT8cB2PFSOZZVANGSrFV\r\nESIO5jCD4CjuSPfgAryZ1mC7whcHK5bR3+Qacij4cqytHVn6Ctnep7uAoAcn\r\nlDIoyUqc4txNpp2YJy3D2Pa8IJKcTVYno/QXnpl6yVYl7Ncafqb/6MSaCt/O\r\n2iiEVTD1K2mXphOt1IKkYBpNfjgMv5zjt7Y=\r\n=HpJH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.2f9b268c0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.2f9b268c0.0_1653075125153_0.7225364475847427","host":"s3://npm-registry-packages"}},"15.0.0-canary.7741345b8.0":{"name":"@material/rtl","version":"15.0.0-canary.7741345b8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8484015789d47d68948c3989442655d4fa843da5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.7741345b8.0.tgz","fileCount":16,"integrity":"sha512-cHbcjm9mJGFnnT3seXTl7p2b1n7kSO4H7UAGI/3jzElsze6K6qXgEUIrCiHLuStEHzRgr0G4PlUN8G87nBAgwA==","signatures":[{"sig":"MEQCIDZxycO+7QVCEfS1UtsqLvW4gIJQoLPej9ZgoP+kkh5NAiAOwom78+y2XqIQp6cimojs1Femb9fgBPecvNQjObNeig==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJih/PDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqvGw//R3zudC+mAGyxJGiKuTrY8Qr0FWdRykTcGXQapo6/FMhB3S9E\r\njKutWgva1wpumvY8uWULpc582v5EC0Rt2vwD03hOHV42Ba+aF7YDtC3Qioam\r\nv7aSIB5bXt/Cc5QTvKi4bVYTGvVwXus/sNFkkh0tWySE137PlnQLDRbOtt8O\r\nyPI1YlJzWCWWtQZzQJd+s+K5xGRsL2qDfk8mnzaLQ5UEXmMdoKHGst0JP1Ey\r\nmwkC9ZWtaI6HjHRymZKhCb90YSdiWhUpzNkGspRe9zcBodxcOxeTAVb5CB5q\r\ns+qC2pEpmgEX+pkoh505Q1ouznPq9IwLqTYL4ypQ2wSGV1/qZrhEEnRuOEFf\r\nsbM+58EghC7sqLjwfVCvjVvWt6ltezwoV/4zpGY/+WnvI/UohG6G7Mc9q0s6\r\nWo8CDpxSzH3RXQJ9drcl8/s4566IsgV546ARKi2oEuTtwWroKEgHMSa2nzbl\r\nk4pW8y5M9I24Oaje9E/Ohnt2ZnEiZEfQpWu9Ku90pQ8o6OErrc5RAMWLFPdx\r\nlh3M0jOuSs57YMR2vOAlQMUjk3zwGKVvkHVMx6oFvEfeorL2KIU+aMJhhR9z\r\nGgn6YWBSGdRVxEr+W1KBqM47yOfQ9w03LK8pz882J+vlPlNwNPsECk0RorBg\r\n7OVlFhZiJaI5FY4f5SzMxspvFKpkjqm7nfs=\r\n=qoOm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.7741345b8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.7741345b8.0_1653076931273_0.5935439074535707","host":"s3://npm-registry-packages"}},"15.0.0-canary.f807e793f.0":{"name":"@material/rtl","version":"15.0.0-canary.f807e793f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a7b6a0143426b0baf2aa8643d21f0c92176293db","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.f807e793f.0.tgz","fileCount":16,"integrity":"sha512-zu12FaMVZfxF/5azF6jdQJGvlXGVNy54WhZ0NiRwv8ap8Eue4dgv2ACj2laCiCExm1WUJZNr78Qsmt6mrgnW5Q==","signatures":[{"sig":"MEUCIFfxvSfSMNBRI6XqENQ7nx0irndyK1TSEZ30NRM0XINBAiEAjtkmaZN54WZnJG9PfTHLn40DougOofKL5va5YVSfdrE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiiBRTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmobzQ/+N+I/SL5kGhn0U0t8ady/aIS1irz0n6bF2VDdXshjr4UW/W0h\r\nvH06IK/C3VoZXXWY8RSNIoM+8agOPBNYKPkZDVF1hNGLMg0LFHXXifXhpDYq\r\nVbzvGuyjcaGE7HVWrXlITeUV0ipPDGo05s8HsBX4CoLuTdENWJimMSiz5Z3z\r\nOKAtYS5+lGHZ944fRszYbOlG6laYHSsCD43Wr1FFpm2PokrI8fX4s4GYx5jx\r\nuJQeX8SoXpHF4ju8C8J9fOUWrUC1aADaXgy11kdN0c3Dp3kfiBOglZYVo+Bq\r\nrD7SwOCIkKZIm2oz5msgtH+NbRSpA6cLqqNwjQ9W3AT3s1eGKzfrzaUT3Atx\r\n/VNx7jcVz42CCBKDZ3PnteheCi937I5AF+hCfpGJmbGTpHUa0SA+EIHMtMv1\r\n8cSpvfcovj92bWmxoPTZx8JW6BxajUuO5ktTFESc0IzIWydBshICJjmfreAj\r\nyu9CdgeJGdRqsFfopk+1JUrJlQwt8htt4F9mZGJYzYgXcDWyZzFy3ZXBV3pp\r\nNrnsVnh+1QASJk8DfOwCNWbs/gmoo7Ae/Ldm+P4R6MZF085Mq3QVCwokjtA8\r\nES6sqIgTxk11/FwnnFhP9msS+sdffSHeUIsb1eNCSokMo7xpnF9UvExw3z2p\r\nVTmChOi1RMTuXr6ebM8mc2Qi9qGKfENeTYs=\r\n=lAw3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.f807e793f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.f807e793f.0_1653085267392_0.9519833694864737","host":"s3://npm-registry-packages"}},"15.0.0-canary.9f53d4a8a.0":{"name":"@material/rtl","version":"15.0.0-canary.9f53d4a8a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"76f853b54746faa1d49afbc186a71754b3b4d29a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.9f53d4a8a.0.tgz","fileCount":16,"integrity":"sha512-vW3lEbE8AkMdPJbdv1koM6OvRQwYkDOk2xuv3M0fuPwSG87yNVez7UE4JibHbYxHDvDpLE3hJ9exd4PNGPYMvw==","signatures":[{"sig":"MEUCIQDTr/oq+y4sLzewa9OXzpyCOCaKK9+LMuux2RX1T99wjAIge7M12X+FEii4DhzPzXKavBXTA9Cf6oLKh/6Est7ghnA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJii6C9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp7TxAAh/UK/XGo5rkD4MCAW4LT66DTN7e66Vm0c5PazLIiHwEkd+5f\r\nT3xH6VBUGn2MuS0ipMXeuP8YiLilVOgyJGaYohyT35G9BBWfQdHCJhmxrqgk\r\nQP8IhyyV8cXaS6ahguZEEfewawDxSFl3EYEy0Cs/liwz4/BUb9mdjyWg5iih\r\neCOfqdDCgunoIxQZtUL/oDXJlxQRDUWvDtk7z/nnT8ht575HDe3Byo9fiAcD\r\nIMO+wQJmUKqNhOVM07za5A+gBQAB7sCuWtKLjQWjoY0KdIzEOdhtTe6GuHwg\r\nNKTqUdLMQ7Hs3AX4KYN074dlv/fFFCrw4Y+GjPYg900s5arhR2feq4yjwlLG\r\nS4UwmSWLTuFeGT91N7dXm6jgn+89gCWg+E+kol5BmRmrOdRwpmJA61IkAhLt\r\n2m5iv4J8D2zb4FbKKKj09Hgs4sGWX0NWQFg3cIpqmZZVztLUEY/HAOMpokdF\r\n9RXalp1TXXfN4MfRR9YnKoUihdFRrlqJisHPtYtQlXsSAK7ddHbuzRBx89w5\r\nfRlodkbncAg37v4U/P6PWqwhYIZOqXmcXGB7k+WqjRmU5X3+FTYuQnE2782e\r\noYIkOZ6l5Lb/R1aH/ZUAXcG+e0g1fBnc8DB/M7qeC3vLbAPv/IAXWXsxQzIi\r\nR7Eh38RL44EF1l7E6nqJP4/CbUUa0ae4zI0=\r\n=IUId\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.9f53d4a8a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.9f53d4a8a.0_1653317821033_0.37585752051505383","host":"s3://npm-registry-packages"}},"15.0.0-canary.77cf00e37.0":{"name":"@material/rtl","version":"15.0.0-canary.77cf00e37.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3a204d694f33ce715875b86791db828f162af487","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.77cf00e37.0.tgz","fileCount":16,"integrity":"sha512-sNu3joDLKhvIpbkHrFzTlg9amFbHzar/8S6xIKJt7KLfvJ9sBMOjEybqJ/EZnylM0CjKqEo6xhzz/UecgyvR+w==","signatures":[{"sig":"MEYCIQDjmAxK3nOaXmK5tPWbFbBaPm+Wr1mo6uJWMVVwnHGPVwIhAMffqzOW3Pcwe7f2yXu8ZLKWIxlOGLooKnZv308XzhqD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJillK2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmosHQ//VvOPDKkbJLqnNpn2MBtrGMiXloKGp++g02KtTriUky6O8EMi\r\nl45T612NQsVg2FSuboxJLFZeq6bWJSci+eQ0MTfABp0VevM6f2Cj6FZxPGrf\r\nOto+vVhseUTj7QQB8t6waHbi1JLg1F/c3dVw6OQxjU9LopB2AI37gggcDxtI\r\nkgK3/l4hnkbX/I4Om6T6mJ+vXtcUw3o1EzgEMLBsb74/5LmB5O1OZK4RWcts\r\n04yDejp8FoxuqrekwxUCHCAjYNYyHgv0VN1p1DAOcqqlSxQVOhdzAVureNxh\r\ng76i5KOaxbJuVShgq9Uj9djQfn5okIhYxNdBaX3Qsw8Rm8yv23KUlRb0dJL5\r\nfyR7OMHsEfGulgUY7mn7n+ODSndRMUssTc0kE93XTTQU5KcOfqWIn8nolXrY\r\nZQZMlmPJTpQnWCatG5adKpm2JbuJXxAbAuNK+wcn3ETWBKlDm+Rp70Uck0Eq\r\niGYipmtxolHv242tnUA1ucwLcvR9bRpscbzHZ/o9R/hOJtRCe7e9S6xYeZQ1\r\nqrHbP7Kod25Mp2s9m0KJ7qdIrgM6D6bAJ+rHEIAiPHaLEZ+Jd7rkflto5XcP\r\nKOn+eJPkNOjfg64JgSXhiVLGCp3gCkfPqtRzAnECxmC7QiGi5D8eU3Itp1ju\r\nNVMrLdBhGMIZ7+d+z688mew4Tk6pvRudzxU=\r\n=Ly3/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.77cf00e37.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.77cf00e37.0_1654018742596_0.9164877470385973","host":"s3://npm-registry-packages"}},"15.0.0-canary.3c7b844c2.0":{"name":"@material/rtl","version":"15.0.0-canary.3c7b844c2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"63a53b7706bc2bea4c26c5b1a84c0f51392dfae6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.3c7b844c2.0.tgz","fileCount":16,"integrity":"sha512-vSMy6S1tR+dGRaPE+g+PUqnvluCKStkD/R6DKLFjHjBaMr1O9Kl57gUdn43a3NiSd7zcOMwdYW2n3jiw+vGTSQ==","signatures":[{"sig":"MEQCIHB6AQnVKFCSWgb0WaAV3XhgGZbyICL5Lol+5zu/tcrdAiAR1uuWhFtnnm1RRgF9lQVgpQdl+Uy1jsNgGm/2BhVwUw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJin88jACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/bQ//e3trliIS5zG6CAmV06Qw0E+h0nKFY7r0Ud3b15l8lTybCo3A\r\nzYVlgXqyCTpJtHrf9/adRaEcuE+Ofn/oNfrRE9yXKS+t7bwfQs7UYmBW5CM8\r\nN2JtSYIprzRtNLdidrYzjpS9ejrRWX0JFxxYW8uUto0+PkkJvgOTOVx3rLYR\r\nbzBNSIATWewc4KzrZSSV21e+wVDc+XgUP4j1g9DDYObWo/64YNzXmV744AOt\r\nqDX1+m7VA3sqXdbINvF6SKWT77svDay7VD6Ajst6orHlZbhGuyMjGujkJBjW\r\nbNcjNaq0NT/XB/bkvv8U2MBzhwJm5Xh45Uy/6I8wVOaewsrxZ0MNWR3hoVhq\r\ner4dYu6v8fMcEt0xVy7eAw9+b8tIt+OSpYDexRY6FymOHa7tOw4pBgagxRgQ\r\ncxhimgntZ79eHYIVUie8dDqoVW3FogxyEgtI7W+rJJuw8IU17tc4vsQGXjFT\r\n5ThgVB++vh9MxBrxdmBww/qwNevx5FIAh1HF49kDnI1cJeux6x5cm6RdtHmc\r\ngT2rb+eWrRheMvKJSaASRlj4nsYjglF5lW78mrPbOWigmsn9EpY2HsKX2K/2\r\nTcJG9JWj0XwvQA4RqGIk5h9aYE5iMbsjsqvXwqPCaaWc3ziCsZaQV3Cksvzc\r\nJks4vcu73s7rmLz8wCW+Cf8WQiiXS4lbFNg=\r\n=IOVd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.3c7b844c2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.3c7b844c2.0_1654640419334_0.3303272324427262","host":"s3://npm-registry-packages"}},"15.0.0-canary.df47894db.0":{"name":"@material/rtl","version":"15.0.0-canary.df47894db.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b8a43230df7c627dbf8ea53a1f52a04d14d7e197","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.df47894db.0.tgz","fileCount":16,"integrity":"sha512-u4qLYQzV5IND1t9GEwZtDWl/RJ+GWpDDCBAbSUyIjtjq9CRV3fOvozL4amMd/uGseN2sQ7DI6Flzqv29id5brQ==","signatures":[{"sig":"MEYCIQCOPAGv0D5P7qEsjYVG4r0arYZaI7vh44WtdLjwLKZNywIhAKr+nK/sfXwyAF3exFMPtjBY6IhQ3973YkDE450TxwYq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJip27wACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpAIA/+LetgmtVuXDSTLKtNVz0nybnuztZ4kVtRH0wmtmoeaMlrxjuJ\r\nC+iaQTXBh/xTD/OvOtyt5wiOmo0IlDOUJkJGXy77KLccUZaS/AwEOs/F7pGn\r\n+jQ387mOt7GtpZ1fvc4Ca20GYoXXFT/R6+DcpjEvLUEw/TUe/5zXENG0CJWW\r\na2bxsDxh5soj7UR1Wre+y/XCYEj7qK7ydMiU0vWKzhn40VjbCSrpul01F9wN\r\ntJmWOROg7IvcMb+cBSmf1KUAt2qcQa5rixkxJ5hYGL2JkWZsKKYlsCpBVMiK\r\nzfbiUQWBr271shRApTHwInuGq/DoEA42TZ2+K2FU3hfCdPm6CLWFIFK7k+2E\r\nmnc+B8VORy2nNuTEhXvLxbnUeLar9IQaeEKLasb69NvTDEml7FqeBVWQYHYy\r\nNazRyV/jjzESHRxGTLoubNbWOqUVlYjfM5yjtfhvoaF6MoQsuykjDoVzmKYa\r\nKOijhp1v2a5jyH5aDaK0+Rc/xsJwTqTWMMeB5ZtdoNRGWCMQkyUHYTpNpubv\r\nObghXjdS9/HtSl+KsuPbnUw3o7eKRA/+PesQLehd8P9cW+hvHDWslXSekItB\r\nNUxeS4tdmzIeZc7NWG2jFiBdRdyYfGK7yfMmgfiQSpJ7hK9jgmpcfpPNYI50\r\nBSJJ9V+dxEOJIiIjgrMHjMQd2w2Z8XmhBtI=\r\n=qNZA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.df47894db.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.df47894db.0_1655140080349_0.4233062360667912","host":"s3://npm-registry-packages"}},"15.0.0-canary.b18a873dc.0":{"name":"@material/rtl","version":"15.0.0-canary.b18a873dc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8c9920c0f9dc408de5c7952019eb641cae21301d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.b18a873dc.0.tgz","fileCount":16,"integrity":"sha512-SXBCBn/bneopXzfPoY9UyHyWvHRd972WDRza32EowyLvN0L3j3TsfKyKuKPLtiT9URftbrnUmL+ZGtM8qKQgRA==","signatures":[{"sig":"MEUCIQCuuoGp3EPOdpqYGU0yLUgqVQLgFAifxV40bFp9C4uJ4wIgbslSR+MOX+D4jaKRB37oKOBI7FbeYGQOc32iLqkoOsk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqCq9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpvTA/+PsPS8rNni7WTNC87T8xb49pHEOjAWJ2/wz0PFNElDQmBkui3\r\nrrIo/7A2Bb0bIegyvbLt0f6lAaRrjAJYhJvZ36tTp2uGJ2O9behhrTaqsCXl\r\nGdARSmKhDcgH333lBTXex1uguB/Hn2ge6EmMCA9VESTbo+ZAOv4ZwnK3guae\r\n9EsHr53n2vMbrier0VJXnrH+1aCgO3w6eG/RQbF2TkpsODt5q1aZXGKuCVeX\r\nDfSwaBjEnHpPkX7HF4RcySEgqr4J47LFE1vZCjt2EihnBEeX97vxqLWxYHME\r\nFgpOzG+nsl7FaBsHhCCGRVMmJY784/TZry7oylPnatXFOi8RdO/L5QNwIzWi\r\nIvdEUE7c1ilAaUofXopekJe9lhKpbKDNlmQo7REE4RBXiqXjKtOomFlLWUuZ\r\nm2IxqZHd5E9M06gusHYxujcuswipQ2GyCYJc5cBg9W30DrcVvFsr6wXDoEOS\r\nErlVKlx7HPSAj2wnhTaSRl0r2hOoZV+8xC6uUUpkhLSZBJwjRu329qjC5m+5\r\nmdmupveFLCxmP5veh2Xc8ppMAMrZMb4OBZtw+jKdQI62eGvYLe4xVT4u14C7\r\n3vGxxuZB2G9JDKwDqoUTKWa6ITh8rcVDtPNSW0C7Wm313Nwpd5p5EmXCwJh0\r\nAr1ROVTZOUmWKjSVIaUNJ7WFUiNyvnbTjCQ=\r\n=tWbc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.b18a873dc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.b18a873dc.0_1655188157138_0.04405903730872507","host":"s3://npm-registry-packages"}},"15.0.0-canary.ba9c29637.0":{"name":"@material/rtl","version":"15.0.0-canary.ba9c29637.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"50072e84e78ee158854b4233498dab42ee347435","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.ba9c29637.0.tgz","fileCount":16,"integrity":"sha512-DmcCmh10RC9FYoKNo3UdkTDwPpjFcWVNnWIV0vhDAvfkNMHDa70o7/7G5cGQ6UCSM2GbfxiRleadMJnoGYulrA==","signatures":[{"sig":"MEQCIG0Nf6KG/Qf7lGvuPO1Tz7YgmcLTcCP82om1YUgehdo6AiAMKWnih0At4wu11Xh+xgyVloHbokzeHTD0p7lgO/VkAw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiqNn4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrS/w//d+nWLdz2+QQa9meCs25p3jSywZUILM+rF56dIquFqDOyw3xn\r\nI4ZSIsNcJfQEz3K8iJ3phF+BBG6Ei2nUXv/E3qWdQMRn/bpw1mZEFUa/po+3\r\nl+hOwCclFDlBDwxCmKnMF/jypAF7DTTrW6ff6o04U/IFIbsUeyywajSxKQbZ\r\n/lK6QDNar5K3hcXls0iEHz8oTc8NbEINgQ8GZ+ZasJbr+mwF+y1xf8478Mvj\r\nwpA7HNYY4vTvqTPv1btRVHHz40785JDcMK6uLf7Sn0L+UKSlCSsa8oS0OF1z\r\nMl0DoiXpaix5mmQpLUGrrR2DjMltqLjPYTSwoJfIaXp8lsbY+P7y0jRy0YvX\r\nSpD6PdDcCko2BV06WixN4ORj3X7XiZa3fw9UbK5SK635Hwq9GfIDuP6MOY2z\r\ncYhVEymKbe/t2svjmBvD+ib2u/HY5ULcXUFHexvn7N0zc8Ox8k9XyPCLZnDY\r\nTJPUciHWjDvbpZ+1tltOhMvVJKVGX+7LgRvkgxCp5ZNpXo+ZTg2fF4u3p4bo\r\nnZeqKr0Ip2T+cT6fXzzUonKLPp8vQo2LKh+WUzvxHE2Cfyua++poBp9mvCOU\r\ne1QzkMN/Wu32+z48/pI5mYa7RHz7aZ7mqVn0VZ3Anu6kgami8ppSPiJrWF6N\r\nJ9gNwRsJ4ey+eGka92DCbE0CYq8EMeUaaDU=\r\n=qBva\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.ba9c29637.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.ba9c29637.0_1655233016487_0.6918473820086606","host":"s3://npm-registry-packages"}},"15.0.0-canary.9bfd12f01.0":{"name":"@material/rtl","version":"15.0.0-canary.9bfd12f01.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"20c9a067897e826e23d0de46862f56a420270dd6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.9bfd12f01.0.tgz","fileCount":16,"integrity":"sha512-ajv4PzJnSKBvOOfX2nG3cjR99EIr0piXyDJlkNDNInR/uz3uiJc239tE6jAtH+EsenzsVCm7a2Ma7QViLHZ/NQ==","signatures":[{"sig":"MEUCIQDvXdDr74HTgF836xo1JZ5y/98FZNC/ISGi9D32ja/OHQIgCXIjGLeb2qBQdAos5uWQijfOixwdZAM/lcpVCfLDoxw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJis2vXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmriXQ//cYA5sqY1YZkKlGWwky2y+dlwmyGpvLwBki3Cosc+M63M1y4/\r\n9OvioX5vfmQxF6AZ3Xoj4znAu63cQE0TeOXvq8xm9Y03B91dNkwzHULjoN7T\r\nCyf1/TNZ9CixhpKOaFtc1NGkJ+hta5IOTDZ2SJKRV8a4oEYLxVF7uYZ6GOtd\r\nbF3EmMhQNxF/UHIUR2ss9yn0srbrOEyuJpwGDOHm67ryFCnMqmXcXRFartRS\r\nmcF6SSIokvORZGSw15BApcSVULjIWfr5QZ8U61BMs59h02lwX3u4WRr/T5xK\r\nxW5g8UK2WRjrfbypxTbIovbhfiQd7742CKf1Q1ELzEDrMjSNcwcdxhnwgkEv\r\neqSiHGQ1atnykxlXHwa9mqmbK9WzNdRXENJTr+WLGElQVpclAInbv90ChKzB\r\nuCTDSaqU9tpY1bfHbLms/LBXKmQ/EKYe5j8RAOoW4FdMXIRLc2S5AdPWpw+T\r\nCtgPTtbejQmqSVTYk7/rv+6gbYpg33TzgApIOB8YoQzfNbIBFjK4MHLazK0r\r\nXV1ktM7YXF1oEYxaymIXPrN7/+v/HuqZ4DPyVpqiVwkDgAfPHkby3bOruNOT\r\nT4DOQntN+IEJ1gdivFcceJCeqfYDFfVMiHimpn/eyCyukGE76/kTgFdmNsQo\r\ng4+hzEa/ajpGJnfZUjxuLEFkV3bulh+JtfM=\r\n=M+rC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.9bfd12f01.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.9bfd12f01.0_1655925719594_0.9978100339641798","host":"s3://npm-registry-packages"}},"15.0.0-canary.764de225d.0":{"name":"@material/rtl","version":"15.0.0-canary.764de225d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4ee63ec31f0802bdc563efc89439d27068caa234","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.764de225d.0.tgz","fileCount":16,"integrity":"sha512-64wlpt56KNN9AEtJuipX8A3QGxgWvs0X49zjKFC+XdyNLpDVvsV3ca7parFpefxFqu4wmJvoTkCRpB4F928JWA==","signatures":[{"sig":"MEYCIQCXGpCCZh87BgSgWeQjjPLLkIcK2+rVWm2TviL1uvNFQgIhAJMQi17xvZstwfrg3HlDg+jrLKKeBYUsgHqWPCqNjcsA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivH07ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqHpA/+PEx4iN1NBuYynZh6oAB8iWEf6Csk2LL4pdNkH8YznyZpXv42\r\nUCtKqZKEK8/QHdVp39/bddN91c3HJcgdHo3dqhoRWHcGwnwQVExFyeqsMsZw\r\n7nowRM6/T1BQ21Cf8tD+CRN1ir3IBiegAHM0LjVmsFdp73wsHP+QCU5ZqcrJ\r\ncCPqZTWId7uu+NufAi63MRWEdP4fD+O7wKLT5uq5WwP6Cwr5tU0nSoM5/WR2\r\nmvP38hTqEwcWu+gPOEcFrZMs/7/wrQsqDBAHh7Ce3wLDrvJcGme34qoHZ8F2\r\nJpIgL0XVpYGnS3ut90NJKTj8D4xGf5iz8DIR387aahKSWIcToJCj5umy+i2Q\r\n3QKAW6X+NNLNukF51glglLSMAyXbjVd26gXLJo5wBSKeM1AEOU3ZaxtyYqEK\r\nu8ucPV5hlW4cxhb8EtCQ4vhTloL2QNdduWogP6jKEMQnRNbK/qx+cMLfbmjg\r\nMUPaS9TO8gqWNdK2VFTh1MX3pz/L3nlkOLbokx3n8E7xgQiVOkM1fDEX5ZEY\r\nM4qNC/3l1TlV/8EPIJ5w2X7kBFSQ/ffedNYt6ZyuUV/v8KFKcXurVWAgpMyU\r\nYAl3H+OStZYaKvbCkPJ58HoHGZBpqOhott3vmgiRv76em23t/a7IiWfMTJcl\r\nNmI4s90g5jCG/BFoT2cG4Dr4y/+KK836LCI=\r\n=mGhy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.764de225d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.764de225d.0_1656519995470_0.20942805026832145","host":"s3://npm-registry-packages"}},"15.0.0-canary.31e517cea.0":{"name":"@material/rtl","version":"15.0.0-canary.31e517cea.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"af045d1345e58b93b6d070e02b496b3ad4dcb1c0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.31e517cea.0.tgz","fileCount":16,"integrity":"sha512-aYu/lHtP+PdyeRxUbSjpIch1XNGEn6fLRtKAbR0vaViuQkaHUwiYtbZJAIh2uCjyEMsvpMHLoXUPXqgQzEeBWg==","signatures":[{"sig":"MEYCIQCwk7RX/gXXS5xgShtW36TFUHStxHg1k03KdfYKj/FIDAIhAM7QlKJiFkME2IDo+zs4eJ2c6BZDqWO/Wx/M5UMe+T7Z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivzysACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZVw//UvVl51eLGVXBAnEyNhbmODtB8ZuZ8jM8PDwpjJBtjZGbgbuG\r\nihnG9uW34Sgx5MIU8livsE1j0opPFOsbJTRVqeImt3HNIZmHywsrC1G0e/DE\r\nia2eJF74QzMLarQXh/afNHClc/c74Z1zX2yRx1X+gAQzz0DwT650ie7Uj4cO\r\nr6DLOX3xPdmr4FYJTK+u75vO+SxvOwBw4DZxfRR10QJwajqXhu+XUMgN5JcA\r\nbnkVqDPfhdz5185wY9HeW0xODQODscNNKuut3SJDYoHvrA5KpVA6Tu0y0jJu\r\nu1y4ISVurU9wq+cy44sysOo5fNf52zqc94OiUKd/1PHYhjs32gc+59C7tKwZ\r\ni+aev83c7Yb9wQMvLdEZcow1kng5dP09/u8kiD7lqvTiCLAWthXe+1zG3KA5\r\nneTx1afMPZ51H7nosJP45hJds/LSZxKE2WpMmk3ZwW7IuCLSOyO4aduQ4u/z\r\nKWGpJixsK0rKFXK9PMsUv0W00ySNaXASN+JHHghSVPLsAnfDoGucGmrAApRI\r\ntYw0PvOUOqjyM6oTk/laiJzYKp+evm38XFJW6V6i5oE1rL7zV/6MYCMRVjRd\r\ngasXKx00Y83C6aOSTgm7cKyXgK+N3U2s1350+nbbq87RePRqguwm4m4BcXpo\r\nccxXfClSYh+pNpICsGPblwA4HfQR/mYmZFA=\r\n=n/Ht\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.31e517cea.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.31e517cea.0_1656700076745_0.9478957574224729","host":"s3://npm-registry-packages"}},"15.0.0-canary.9ea4e8e9c.0":{"name":"@material/rtl","version":"15.0.0-canary.9ea4e8e9c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"738c1640d883e0f7fccb38572456843b1c00668a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.9ea4e8e9c.0.tgz","fileCount":16,"integrity":"sha512-UvyIcW0LZRo5pKIgROBj4UC8ECVuV/oyddY3AvSJ9pDZzEJNSqdhz4VP4s0+qGl5QDrW93POeufroKp2ywoLUw==","signatures":[{"sig":"MEQCIHHx+Ju3rxopc10ODJgEpyruU/bdE4dvzjA9cAuOdzYRAiB7PPsaknHrwyvswKUgPAmfJRRWuPJbVmHb5UMsJ4xtYw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiv3soACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr+ARAAnBca90nRfrcLLNcsn4n5etDJnTB3Cu01jCzwGJe9GXcpK7Sd\r\nJjKHYH7mW6M6t1IVwkCeHX0vgUxeJG4DcrKo94SrK5HqKSPw+Mf6O4vGLlY2\r\nTB34q8YBr/g5lQWEkuBEE760G1gN5IR6MO0SEVCxMiPoLfo39riDK93cMUfk\r\nNVww1oCjCfNYYvTPgprj0sFtpYlgz3nnNYmLCCdg6NM8ptYCM4mZTo20Ik+W\r\nwzID/6BpLG9rhEORsBIskRtSHnn6BwdGCTK+2XQgKopdgo7+UDZi6RtNg6bE\r\nSYJ1rrGErmDnISkws60pwuahJCf7/rgBun2yKSgWydrQJzKrybIE/u2kdaIx\r\nNPjuAgwkYOk4GKUdYlQx8g+IQg//sJN3k6rYons1w5YDOd2zJh58X9/taKsW\r\nc55r+clQBa8LglK0rOTv7tp21oMaMIVDe9oy5HihBnZPKlOP4H+Ak7COEgIj\r\n3jiLk+nMoRtargD80tKXNgJyKinROCIDeKNi9QlHRiPvEufAbASBVDxKak+T\r\nro8+Zk1IuLNqSHP1fMDgncp57aYj32bEtPdx/MQrDtHzt3+TeWQe0DHDyo+I\r\ny0HUkNM5gmsdfT+chKZkqRLigO7o5VrCR/lhJoMWDmJuMQpP8cRpYLLQTHZW\r\nRczwxdFcV7jjzTBwDdTWf9UQE4QKzNC9JiQ=\r\n=0vVE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.9ea4e8e9c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.9ea4e8e9c.0_1656716072146_0.9063600107355938","host":"s3://npm-registry-packages"}},"15.0.0-canary.cd5bafabb.0":{"name":"@material/rtl","version":"15.0.0-canary.cd5bafabb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2dd0111331767bbe6a198c39d2a6c1e76f564aa6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.cd5bafabb.0.tgz","fileCount":16,"integrity":"sha512-+rk/wV/yfAniwZ+uzJz6DB2Wt3JYmJUhJE4u5m1twSriLa3oSujCfHs3gHe+Gdk1dEU8bztDB5k3uSUWejEsfA==","signatures":[{"sig":"MEYCIQC4YH63sfCqA06PrGgDdr7GLu+KOo8z0HInWe7iz+s/1AIhAPTb6hpj6yaA4EApSt0rD4+9c/hHIKcHRcx05Jtiw81t","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixcwzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6zxAAkR9Snzzt+6cmDH+V+bs+PeB8qA3cIZXbws16WLlThKV7Mr9Z\r\ntduSbIpniSQuOgFOe535/AVKaEd5H9U8G9I8soggBYqvdY9r6IKWJLNH/6es\r\nccw8UQ3f5rDAvNxcBv1BhGk6XuFlwlt40r1UCD8r+1j5k5XPRSkzWEZFj81v\r\nBVW3TajkTlXs0zJEwa/fi2u7hxglkqd5QJrnMV4chIuQYFcuX8fHwrBnREJq\r\nUpeTTQE3pb48tfdfGALHphWhTiY44N4PHAXHZiWi6yp2UezkKMGB/cFGU0MY\r\noZB6D+LWXcuKl7yCpBkOSp/AvUSjhxUgzddnf136Kd01b7X7lqJQWf+FfJLM\r\naQl1CjOyHhUj4oC/W5Ofy59J6FUa92h7v4ISzNpMzchgs3XQTaLV0MgTFjAd\r\noyNB5o1XQBGfZSg/DcxmZ+j8n3Ch+QdD7L0O5+/NIObVolRXOo6+ky/fkArt\r\nAdhfksJI9Ry6oHdJjFWradVifaj1SgzaH++D20A0zjzb9kIa+9UF9OmlB287\r\n5miPWVdKYf+s5y+4sKbEoNOnCy+0nPUxYcHw9uxFfyALUjobJZHnQoaWelqf\r\n1WsZju25eNrXI8LNLwPl/MQaRxMf/brcYcgqGCmcx8p4VDnE4fn/P4RUT4Fh\r\nsoKZo9Ub/3pd8irV/FJ9VFb5PFWJ9ffjeGc=\r\n=gIGt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.cd5bafabb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.cd5bafabb.0_1657130035405_0.09638789793968527","host":"s3://npm-registry-packages"}},"15.0.0-canary.a02fe49d3.0":{"name":"@material/rtl","version":"15.0.0-canary.a02fe49d3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"827fe33545b6d1995a3beed2cfafb75f39e17d9c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a02fe49d3.0.tgz","fileCount":16,"integrity":"sha512-Ttv/UPESvqvRSRP+tq+PPg0q32UQhDJFh4YWV0w84/XEDARaP4icYhGY5o5nLv9RNvzjWH/LVTnJBiIHScqavg==","signatures":[{"sig":"MEMCIHIkHkMq9jQxyLEhsCwzhV2vVrQy6rR/zvUW1K4y6KwCAh8QXzAKigIUB9ktZzCHJuUgi+4nePJZyQIBlBWLKjrK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixdl9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYcBAAmHzT/L7t3R4QLW7lxNCQIHmWWfLbAHe/+EKw7zAbLRjhl9C/\r\n132ZZXs2L1INBHZsV3ByHhODgL/3SgbC8QWlZnvVhEGeKOuVo+eAb++uAXQI\r\n35DQMGAX/EJDlE9A2h5W5WBH6G1eky9phXEe+GvF5EQyoOWTmJonNvVzo0Zk\r\n6ZEgOHVQvlK3IKa4KtNEDWWHlsChnfqWEEcUg+DFq+3tAfYizHFmFF2tXKka\r\nppKywa8il4qhzy6UYkepKVHIGlqz9nZwanYcwote/poXG1/7jU4xTngpTxKu\r\n2ucBt+HqAujCqO1TOh574qsgVsxRF3q02YyETXvw1vxBpZoe4PeGD9zHEJqx\r\n5rP2VEbREX0OviK3dUBuRNmFnhikRRerMxgMZI6uTg2glX3za0ENXAmYKHYV\r\nC3XqYYOaa777/WC3a6IOne+k1dV8tS3LoJbpHiqsFdy6ogkFUZ/2pmKELP23\r\nyjfGT8YIuJ12lqvNixwBejsirBod+a3+wtN2qA2LxiOdOWCcW0FwxpLdU5Ef\r\nTQD8y/QgDakV+5qUslnGVGXDDClaVIhZB7TPo6EVWUWVhqhn6BYfcRfAVHDF\r\nm+/RN1s+Fuygm7Y+9dGGy3jf1kMgar+bFJy+AzC18W82e9dVFjJ/ptMPNcYW\r\nfkhsOuvH5ry752wcLKFS/2gpYsxeTK0A5lU=\r\n=iiMX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a02fe49d3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a02fe49d3.0_1657133436966_0.5648103099753568","host":"s3://npm-registry-packages"}},"15.0.0-canary.826a3d8be.0":{"name":"@material/rtl","version":"15.0.0-canary.826a3d8be.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6240b9ed12535a7509e9dc01ffbde546a63a4b31","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.826a3d8be.0.tgz","fileCount":16,"integrity":"sha512-opxHqpsQsJaZ473De4P31VpiY86jNbb4ctr/h0KdNNmfDuB+FhdiSvGNIoHLSP9q1D+4XyfS4Gr3Z/G5bQVVMA==","signatures":[{"sig":"MEQCIEHVKi+nkBmGbpaX3uFx/5Gu/owZbsFjcb0qwv+ohxbAAiAb3lL7U1Hg+ftT7X4ad4G7zruY3DJAjTxTFEDF2GDV1A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixeLbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmof3A/+Ly3WDaasT9sryWEVQr2tgPFHfCHHvII10LC5n745QqTuH/3R\r\nw8ou22goy3qUb8u2T3cMNJ5D8+fSs98Hp2unwtE4Tc1HccPRtGKySQda+EKC\r\nb9WzXKjfTVpg+ws5Wf+qmq7A2eeih7SzenhDOVb2vITyQBEhzppOVitigzmC\r\nSuvyBtJOcM4A/k2S6R7HVJp/1u7t3qb9l+R3JZYZq2rUXOOnXXPeN8Rcf/wk\r\neSPf99WH8GOhM8rsFsiMokVTNTn/v2YkXIEmF4Xx1EkaOQUoB7nUWqd1m/m7\r\nQYjdIOUYWasOnKME6WhpXkEgAZap6TEN9EsE8PaYpIx+TdXT7dtSR26N4/dy\r\nyYSB9EuKExhfPqeBVemhcaOHfCXHwFV9161rFUaYfxVZ2Sjib+f7Q0m2JiVb\r\nUUYLn9ocFEBfvsKF5tuCGkUcps/dvhgZVrQsurcwtsjw7c7nBpZkn8KUn4Ha\r\n6qMwg8U8N2DdC3K/T1bRPS0STzR502b/iMGRvMqUnvIWj9fgCmd8pkgIV+/n\r\nIXt5zR7QNwQJm9Vwx9uIAgDnCTh2Ctlubg0UhjPGrc3dwq6c2ZrSv/4ytdgr\r\n8c0LAoHemDWG1PN4C0W75p2Es3uYtJvGL7DoxFSfrgJ+Mjq4umnihDY1uVsX\r\ny7RbgxjZkrLO7iZS8OSDUDLij8xabFSnKCM=\r\n=S0Qg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.826a3d8be.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.826a3d8be.0_1657135835282_0.1677076346726234","host":"s3://npm-registry-packages"}},"15.0.0-canary.ef276aa93.0":{"name":"@material/rtl","version":"15.0.0-canary.ef276aa93.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cc1a718022ddd7a84530eb4d88c632ef10e12647","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.ef276aa93.0.tgz","fileCount":16,"integrity":"sha512-tm/RFRQNOZxh8e8sssuU9d5cVtqwlVkV2DoR6RRIpCPfLE8M/MdP0qthxruCgKQKWtIksiM2UcQBUEukauF+2w==","signatures":[{"sig":"MEQCIHh3ygyJUehtjNUB1GfywVYiPQk8kt7oyGW0N6UrvqhVAiBW/mZ4Qkpq3LZ28g8k7IShIpxDoR1LzbPhlrm50xjqcw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixxGSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpuYA/9GZhK69KR2zjw+5FzkcW8WK5UKZ0HGYq9psfMGGgtEe5JfU7e\r\nC88dpnYiIUItGWVdSMaLMB5/MfGILIYvy6Smm7Nn7DMoHpdaI2jA4ZdL0whi\r\ndXO38L3mvp4xBaFabU/sXoofTamk3DR3xhOusxJa6SrGwRJMUJ/Bjhsy7100\r\nikKd2/4UzzagvvjPR1WK9QXzX0Hhw+y0bHoxbOKwyuz6Ncnzhw4IVEtKIkw3\r\ndBUskcMpob7JR9JwayeV9KQIveKS3EPfMlI93F7rlsiLvhTHl/zCRIdXFIC/\r\nbucMMKYWaNhsOE8caAklqQWosilKfUR6PYaKsTaWxQ+EVxgMpEffWyH9k/B/\r\nWA1oqgCcFn2Qf1hWszypGFNroWf3JIYLpRqIsmDmFK+Q73g87MP3hFKVwCrv\r\n4nRZ2txpfkRTQYX2RcmOrut4xTKfTvBsrqnwD5mgNrpIbLtjpxZR48G3tk91\r\nAarj0AurBQ48z9E3dL0l8PnrQqub2FgdBp5UABK/MH01AwbWvZBEtPAJC60k\r\nj/ZRX+FfVeSWvNN0O+ilp3SHEc+Em1EpfePF4fvkoNe21EouPpRUo194NErY\r\npPZECRxS0kTqgjwECuAJIAUosTeDiQR3dlyOQb+s4YqqO5fvQgMC3zGB/BiV\r\nyZZ2/fbNoqDN64lFAuCRenWGchVNqIIRg5M=\r\n=ecWe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.ef276aa93.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.ef276aa93.0_1657213330507_0.6204085914931907","host":"s3://npm-registry-packages"}},"15.0.0-canary.59cf61d6b.0":{"name":"@material/rtl","version":"15.0.0-canary.59cf61d6b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f54b9fa32c836f052d99708b6365fc8ba89d8857","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.59cf61d6b.0.tgz","fileCount":16,"integrity":"sha512-eoGscQhkdErtJIB98ZVErCeqYtKuKkLFrsCc2DFDAlHnkutfhBdsSBZw/4yuLUlRTEOts1WM4VMbSJ4ZZKH91w==","signatures":[{"sig":"MEYCIQDGQzy7IcjVYW4QCv6/s+CoVSSg8LFfSEZGaK94EKvM6gIhAPfo9HMYKsOTuAGoUyRDA1h3rBTLsV5QTEigJxVHUFqo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJixxhRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrm2hAAkRbvc6py3nemZrs35ivIUP3rlLhP5MwEYCQSukujdnf0iC/E\r\nTKvCiovjM+U0dCsbOrwQXF+iIhpO6+TtxqwlxZbaI2J1aQAzUFOhd25XJGSh\r\nlSr1WCU1m/zOcmylzUiAg1abRWvrXrHjDwTzOEWVcpPcQzoQsSSLSDwv9PpN\r\njOKsGEabBxDks5Gr0B2TRBHKJccwVYAVqwg43brVhQhVqAtze0+l2MG8h8Lx\r\nEeVa474dgyNs+e2J/PH6PaBqIRu+u/unf4/ZiIcJScIlUnCk3M+HQSiTIZDh\r\nhj+JN/cECbpnTbMwdA0RxceU5fPYOBgNbew5QJ55DGruQ69A4kPd59nrfn2D\r\npztMBx7CMU5s4qFCwyJcIag4TqfQYzVysxu5MyajTr7+Bt7iEPAHUiHzYh8Q\r\njlAhzMlrVzg2PZHZbCgskScWSanOr3Kc3Ve/RtzSJtox4iqURlh1NjVPq+q0\r\n6im8tWXIrhWsE2arenk9lqF6iRMcFiMucw/6esIS1zjWBmNcicVzHFgs/B1q\r\nhPbbeCjlTeHHQ9CTVPdhOEooH6LB0qcB8WBYC0OLEC8eo1j3tNg1ABB2RxaF\r\nDFX9UNs3k6U4zXmq3Up/hp0gAkIjxDCcx7TVSIfk9tUhqhNeP1muT3R24LoO\r\nMRAFfkUJMMv86HBOTiZKf959Z/MKQ1ZUKis=\r\n=plhe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.59cf61d6b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.59cf61d6b.0_1657215057031_0.027344564101493996","host":"s3://npm-registry-packages"}},"15.0.0-canary.8647092f7.0":{"name":"@material/rtl","version":"15.0.0-canary.8647092f7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"301847c11af52af59f1c48b32255accb05c780e7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.8647092f7.0.tgz","fileCount":16,"integrity":"sha512-lRkq2QNl9haHy48oKzM0K8uy60ciQ5ryaaYBkki6M2xjjX1J+HLPQBlJ4+JC9kT5IQi+ttu768dRRgAtTpxgLg==","signatures":[{"sig":"MEQCIHbs59fq/9HGcIysThq3oVr6AU2kYf7S9tveOQFiM6+6AiAcobQV9tiX3+Ma8UKHIgeQ4w27XVEwQRD15TAZNZCS7g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJix0Q0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmodWA//SU6br76KuquiBtul9C6khYS9ftjVN8qGSEBuwMy7LhpnhwRR\r\nYj7U8ylhASChVYay0PBOL/ZKR/ZEATjJhW7O6rUXLy1dY45Yv+whKsVjVVRx\r\n9IRaeAsS4qpWeERMK4E1tmlajsztUZk/cSQd1JQ5xdXRBD1cA0HCTA7xgMcY\r\noHvfOtNwGV0feng+D/hD7icGfG8Cqt7goY5DtIRvWK53EC9gO0+xFl63aSDI\r\n+IjxcHfHpN3lpaXPtLfpI9hNciIqHammXZz9aUzBSlmUffPduQGGPB954FII\r\nowguZ6TilJr8NWAsu6BjCmDu5xs3/LwRLLB7gggVgQoLlgmqsnudoQwC6q15\r\na0q7b3KKUAd7pegJYXqZdfBrHGO0MjZGqGITtoQkAp7GxC1ip/mhFEZy5GWZ\r\nbFeF7pRGKEwZ477oRDvwVBOZPjqdTkhsSEYGWBimB6fK4eY7BzA/sqIRJYum\r\nScKIHMoZeEtlwWAKedQ/xfom/jGJOusX0SE11bxtWuU6sB71zjf283pWtjX2\r\nog7mQT0lqUJyMmNMjxGDElPW1PMzCY3c9uzPteGHsb147ImA0wDxHgo/AspA\r\n2TnHVMp+lqdXVJqLCkEXWtcgsMbsNbC81L1ssUTe1i3uZcfcRYHqYrzSOKmO\r\n+0BTbQ+8N/+P1dsjYSHUuJ6uPU8y+dj58bo=\r\n=1v5W\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.8647092f7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.8647092f7.0_1657226291950_0.14420364988358259","host":"s3://npm-registry-packages"}},"15.0.0-canary.02ecd4d85.0":{"name":"@material/rtl","version":"15.0.0-canary.02ecd4d85.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5897e522e4114260e864cb46aad977155fb3a1bc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.02ecd4d85.0.tgz","fileCount":16,"integrity":"sha512-WykgpDyBQBsNU2BnwtBT8VcxV+x1fQAGTZ9FuXli3jl2EWlQgA3ivZjzK3tl4NtWieeU3tAFUqL8VQR/c5/lIg==","signatures":[{"sig":"MEYCIQDYleK4kobTa6umbTZkX/FhwPENuiqiK80ZQXp58wJ0+QIhAPylUhoLb/7dPPZb6enALA50VeCZqQ9KSN4WAmRKwx3H","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizFISACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+BA/+N3Q7l+NjByu9kpPHoikfb63RxgUgNpNQ5ES4iXXubDdtFMYI\r\nPkpXka05LSWINqiQN/VbbnfWwOBq2H8vBrsToyzbl5fhAPisr9GFLDKyZZC4\r\nNxlhdWcgI9nIO1NVTIllHCBtzm7a+zz+QfOBs/5DJBLUaAtB+GW5YPt+fifW\r\nV9iZoW2CJ/oPvWQ8SFgC9M0RL+HIM6D4dvAZ6SIrQRXRUV5ev7NxQrD9RmLi\r\n4qeiJoEmZ3PUo58US975K2Z9MPe6ln4q9M5yGp4H+4+LqqG1zNDkxIpUUdjx\r\nmn24XfHOMG1EeLKpu2qD6qEGWIfKULI7mbJi6Qreq4lrKRWNhz0Q0tzepdGm\r\nQz9N8EPS6TF3LA0LvMY1JgbIMeepO3g8+XYbfWpao0PeB2b31omh8YsPjt/T\r\nTpTDLCm5asj2UKGEq5pEQsTiTDflb265dKEA1UfGhyZXeXjUBLk6myA85P1v\r\n1gnkNv8F0Jyz3BlroKduCff6vnwbZbbDv5M9ie/cSxcfa8nr/4YsJmPvViUP\r\nfsUkh+VNwl4dai8sF0DaiLkWz1zd9t/d12cuqvxhKaOFRH8kn5Ag7/ci/gHW\r\nwMicnL3b6TOICqSLk+2LX5adRoeSNmPRANlEpTnMcG16sKFouBpoQH9q0bDN\r\nJfFFZtLae6lyiyrQmLD1J62LyLScYwQplKQ=\r\n=0mc9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.19.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.19.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.02ecd4d85.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.02ecd4d85.0_1657557522181_0.7081642144919025","host":"s3://npm-registry-packages"}},"15.0.0-canary.63d3a146e.0":{"name":"@material/rtl","version":"15.0.0-canary.63d3a146e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e4a0550bc66ee764b8f3b572c041152c1025275a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.63d3a146e.0.tgz","fileCount":16,"integrity":"sha512-7qtypUmKwxJn4U2nYAN/2zLGeqyIWjbFE1cAZTywm0UJxmtrqU1APrpLFIcjdWF7enuPA3+a16aCpUyW9hjXGw==","signatures":[{"sig":"MEUCIQDK4PRN9pF5V6ETNetQnU/sOxWy3oE3pHO4Dr5AMRXAXQIgQbdk2XyZB4vPzZKpa9AjOWEhTsKcIfT2rXGUKpmdsx0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizVzBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp1GQ//eCpTrHjC9QTRui8r88uDYKHyg+LrKMGbNJP4yuIK1a1Vfgz7\r\n27PHPWbHpg2DZaRc1Er1F5Be3bsiUGTxCWHac4L3zopi8YZA6IDtReeyOi9m\r\nNF004kSb5iQJNEqeuNYB9AZetxXW/p3PHDAIfa9yDQnwqgb4ra2Guoy2ELqQ\r\nJ9eBrVqyHg0K8t71PI+e5jdYShjsM6w4QlKMZkoVrVYVKXtsz7wI3q+vF0KI\r\nROzMgWiigD6LSQsnb8Yr6F3VawYTcEVfl2gBbHb1T7moKEIVxFzrMNctVP3/\r\nxbF0gle4uHPHs/T1OsfUhfQlzkEuQDuTuZY2655ojpGnVtygyg1rA8uJEpBq\r\no7SYKpbkxRxzd0OeFf2A/Sjb8ryB/U2ICeTrVjwyx3vcvlHzF/tjDJ+2E+mo\r\nFdHGIwGuBXwGI6Zk7iVImvUjsy1RGHjJdljnbK+7QNPC4NHTb1xrhjlueLAa\r\nh5BBFjnW+dkn//eFK8RATTNhxHmKCgdCSX9gYFouw3uwYZuDASvd0chlybns\r\nnvO/6JdQ9jgC3/Wt0hqezji3CW923PI8f8phL2J7qRlZo0We4cYDkv6qsFel\r\n3xKzMwYGZXwkfVEp4QrcTc2q7g23gdtxB18xs3b6KJodim9MdeUZdPXVqdG2\r\nSwpxB7rxxHBqjNd1NlTuEflE4JX2O8cMug0=\r\n=zcwd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.63d3a146e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.63d3a146e.0_1657625792967_0.44213778733322173","host":"s3://npm-registry-packages"}},"15.0.0-canary.88db01990.0":{"name":"@material/rtl","version":"15.0.0-canary.88db01990.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"46230065c806b5024c15415468303c397894620a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.88db01990.0.tgz","fileCount":16,"integrity":"sha512-GT/XtQFZ+uytV+x5z9kx5I3jc2kzRqqwd6kq+L7f1OlPnaC0HyrrdilSYUm6Cj4FaIoptPUqpOVykJjmB4UqRQ==","signatures":[{"sig":"MEUCIEV5kIPgJwqwYixXdDNItZm7Qc3vrEYV4gW7YNfpOzcWAiEA3wwYyRkePtvwEm9pRKECtunlv97S7bjxMy+WzeJEn+Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJizV10ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrI6A/+Pjc76ph6mFPrrJ4xtTjZspDlha25E7W35+VfDoMb9Ok9+UNu\r\nJMNv6z/ZUIZ0SMOKIihUI7fsM4shV2DBVmrl/boqtZ4L7D/QYCsyJxiADyeD\r\nAG7BMYTbYiIEb4osQ1ikK8W46Q8zPY46gnyJR5ipC0z6HeOTn+GRbOSoT21u\r\nvr1hfJ5M4Lv6MEjVb0lkL74Gyb3YCro6490QyyEK1IqbeOJtalJEy81S6HuG\r\nMBOS7kKs1mrfgck1eH3mhC+SNrGAbveXuVNXAc6TQ59Jz107Cb3DRNn3FAWG\r\nDzYqzG8dQlE/wcTFh8DeQSU0fPNqixckNg9CO4Rzl/xNVeIRdI3JQ3q4gKpx\r\nr22zEnsRHpkkyVOmGD1MQQwuJ6DRExaxLL/5pMiy/213xjJji72xBR6vTTl3\r\nM/DTcxLL8ZA3Dl/BTaGZ4PFK3X93XWHql/I5kHMgIGDiqEsb5mBC1NmXeKVM\r\nBDNSEGPv2vquFxw9Hc3hQ8xP9ugSawwPfZvTKDvTWJpzDieLYsmXp9YVaxbm\r\nRGnmFzBFXPImshXebV3N+TQQNgbGHjXDxt12LVBoKMkrl85v19OshhV3MVio\r\nY/TQokmnDshKVsT+s0d/L0VJxr9kTAxn6Md/vsi06CuGUhxfAu/Sco35AX+P\r\nL8c67VS9LCn+nFWkF18Uxke8QYfjiHWfIkA=\r\n=dmu9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.88db01990.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.88db01990.0_1657625972217_0.13012968954969173","host":"s3://npm-registry-packages"}},"15.0.0-canary.6432d8fd7.0":{"name":"@material/rtl","version":"15.0.0-canary.6432d8fd7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"97e9fd6eab553d6148bae708ed619b7af71a2075","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.6432d8fd7.0.tgz","fileCount":16,"integrity":"sha512-LKz0C724nxPbAqFoZ3TicWimDCTGM0vvG+9B8+3YCW/C1kuDlI8c6ANjJ2Y+8/x2VFrUcG+riVgQSssx31zNng==","signatures":[{"sig":"MEQCICG+QaA58om4hrnlq74IUb7Dar0U9uho4C0gq53V4EprAiAeb1bZE3URUUq2rgkS1ZD3FXfbwRaRepgGS3oocx9pLw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiz8WZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpYeA//RDSlwVex6yeONy/2CLuVAN0E3f/I4UGDi62ZM71rQQZ0SfB0\r\na+AGIgEUz8gZYj64ixo8IQdWtQJr/P2AT6yA0sVbFD+tE1Iaxc1n1JMyVhNp\r\n3CDrO6W6E9Zr5PcF1xlMWzm0rRgRuLkqb7EHDUNw3mQbVuMftxMrHCupcqtn\r\nWgQX4HSc3GxFlV+em0uQlEgty+F2zqAFSF9svnnJN32adiLQm09A+i7lW0on\r\nZYnCnEI4YFmWGsUBFS1Ot1c8iTq5os7oyXad/gJIzntjj3xLLUcHqBxapjo5\r\nm86NxihCvaj4SOX/MBBrvIZLTPMIwVm4txI6iqz/r8R2k4K1bkyySgd/xlfG\r\nSCXlWNuBAVNU+kgR6gN6lVIU8hRLuNZo86UDIvXTCaIcDqmoy3Vs3kfjI6+0\r\n33tKXob15N2NumNfquFnCuw8JoxQ58DGdPrT2geURpmXRFQgiK9c+Zi3RaRG\r\njkZ3BU+aWb6da1yQH9Eic1D41X61cJOM9ElwS21/HvbugPPLKoiIEo2XgFuh\r\nbubbQjpwQxv43c1jDipL82qvDtGrRvy6syxOh3ZYf/PReOdnYeaVJhlB+3XT\r\n1p5Fuq+dOng/wjtyyYW8n93i4X97v5LnryMT06YAcYzR2/s5uSX/ceAHorSM\r\nbMpdEqesv5sfL7vYs4iKSNMrmdSVtCMG6+Q=\r\n=x4wF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.6432d8fd7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.6432d8fd7.0_1657783704935_0.5903046521757918","host":"s3://npm-registry-packages"}},"15.0.0-canary.085f9b25c.0":{"name":"@material/rtl","version":"15.0.0-canary.085f9b25c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0c36e7e8a94ad37bb7a47f8420ec9c526b06d207","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.085f9b25c.0.tgz","fileCount":16,"integrity":"sha512-sJ6xp3vhVBALPw6DljNJfY3q9+PkTv/i3Dr8DqWSczbC71PZRLTyJBUPFxzeb3QQEAi6y/hrqY7rXVTi5zeBxg==","signatures":[{"sig":"MEUCIQCdW0ar6cmvJUR7J1vdPtwA0YOb4kstwbTKyI4SYA9G8wIgNlyMzc8xqj97vG5sayq4IJX0Kix8XkyuhV1KgbcnLDY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi0EWWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpGUg//eQn3mbLfRY7Z+nL7jwj7dsrK2OnNReJlf0RtLPWpXs+gAv8P\r\nRMsWosQDx2fKO5FR93x+igdorV94vInfJwgvo7KXs99cWlFox6uAq2qQCiOo\r\nKHrV+P0cF9VM2hjXl+K65CKYklfn2TgZI2FzejLsd0OTeHay25fvDxhxy4c6\r\npCQ0vslEkbaG225oWoOEeDJ5y3TcijdqjHtM/zLqZNBQFTpcnJFHdKkeri8Z\r\n5/ByDo1gcUwDtiMyZTuv9PFxevbfZQ1xd6SjNvPLyfMJmh0447/t0iAWidFR\r\neJY9i6+XDO/akUARbDQCTgCKgeB5TH/c9IZEjXHE5nc08EghOepmfmyoTvWz\r\nZCNhrymxoWtbV4wljI9G7/Dp1+2dxOlNGvlzxBAqq42lE3PT01Nt3TceRD2A\r\nqW6k2uGxH+ZLfJjQd2yDbqxXW/JekYPF/Y7pC8QCXz2gsqiua9Sh7AT/BYkg\r\nmmxc3H3ta9SCjlA+a6dCnTqAGEHuYB7GAcW1aX/vBPqYcOaLSJ993kdUWEiV\r\ndq/L9o0INYDNrqa9iwdbcYMp79NL2m0hsTMYrPVOER/3WtO/T2FMFYT8H8Kx\r\nTWBZiVnXPGBxfMnrhj5ofSmH7Ce2HGXlyWDOXLyz0Ex8Ngb803AttSZ4ccpQ\r\nM5YPWQluCVoFsoUj5LmBUPrvpZmYheJGO2A=\r\n=q0LM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.085f9b25c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.085f9b25c.0_1657816470556_0.02751576482412199","host":"s3://npm-registry-packages"}},"15.0.0-canary.39f9424b3.0":{"name":"@material/rtl","version":"15.0.0-canary.39f9424b3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"38d4cdd35fce3c0d40de6a848526f46595554bb7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.39f9424b3.0.tgz","fileCount":16,"integrity":"sha512-xoOoN37zV6Jr9bSaku19hwfY/cAXrO3CNGBfEOPU48f58DZ0aVMOKCGraUEjP9SSXF5/LxhKV79gp+KF/2LBeA==","signatures":[{"sig":"MEQCIAf0HYPutdeyo1sQoaff9EAE+mkyBX9nT6vxkNf1217GAiAOa5exdK7dJsT06+7N1CET2g+svfCOd77bJJQNJgG40g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi0EyvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmovPA//a5sUDErJ9L7Xy2qkDWuPec5r23Njs6cW5RBLDM6dRggdNACv\r\nTW4a26uXA79ssePFe1jAcKAjUh+BVAP5f+XU9M13msu8DrUlMjEQ+xH3PQjz\r\nu6ut++HpTikJ5oN3d1I2vcHS8qQebRHWDk72hLj7pddZHUqop9EYmo1fvfZA\r\nCr1ZxuU8kyUfd8KLa8QwrbRiDrnVLyqNjnVUSlau71AgQ4PCqpyolgxMFqYd\r\nbTkwETFla3g80+6OQu/qELKVA70xLnh3tBKxCSTgM528Ypzi3KDFEGBR6mPg\r\n6dVIB8E9VC0XbXolWZg2Gs4CxrA51PHS2+MT/adJJwkKTra5R17MoFgs/J7X\r\nwWTBMJ/Pa/nWcS/VeS2gILcdGzS+qw5T5+tgf3e8DEervQ6He4fBOtDseJBy\r\nInHjF5z3O+SviiM15uxBT5AlIEK9j1YP/Ns/ASCxV61s5yaypUf28clJO/lS\r\n6EcTWLySvVAhJ/y7GcQnlh45V7/rUxV3C5EV4a2pVUFaeM7z1mQNL4NxuBmp\r\nbz14QR9HgNlgjChzX4VUu3r0maJNqncYU/a3Y6rnrkKvXizYvNOSxcgjGEgQ\r\nJTQkduGj+JUwd95JPMpkaciHRH35kobKOOqOcwuuEgnCPMoQC16TKg8B6imA\r\nMR4OPVDtI3OSDShINCyBshuMhitEiiFkbhY=\r\n=e9Pc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.39f9424b3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.39f9424b3.0_1657818287240_0.620649708593999","host":"s3://npm-registry-packages"}},"15.0.0-canary.ae9fce587.0":{"name":"@material/rtl","version":"15.0.0-canary.ae9fce587.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"389a6c8466db6878be5ed462d93c14d909259203","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.ae9fce587.0.tgz","fileCount":16,"integrity":"sha512-dnkZdkXZ6/ODg/Lduu6oHjwNL7IxUzRbdIO+LQcJ9ZJYCJlm5y1jfNleWZqQmLg39l+fSKfbsVDvtKyH6FVmUw==","signatures":[{"sig":"MEQCIDjfBrsgmnRI6/OCKfHn6LWgLBIkSZHAoh4WELmI1ZWwAiB72DabDfsCp0QlWUvRgjyEQRQp/2ljgCT65w8IH3A09A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi0FtvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr/0BAAoMibrxnPcrTBLOiBOVz6+IeBoktuknLTqoPYeb5oBwS9z/6/\r\nMZHHKNx0RTEanoRPEqnmvlg8D53lB7a09abKLhwqL2+heEep/nMwy+YN8lzC\r\nCu6+lldKj7hM1bdOfsyqx8Skckc7GViogozHY/H2FnrEeyiUA9gjzgBpVdyE\r\nDz/jyv4iCmn3iD2KFsor1C0lA9RvqQFYeRfU62PEXxelspKFlg58DlNJJX+0\r\nErQXpF3944pbmmWlWyqCCfljl8hGQ4yvj0KOweLM2zk9hHt4fPiSSj7F2sVp\r\ndxI7SpIdoP+/CHUS17w5IV3Qj5yOvW/o25MDheZn5nwnH9+xA0S9uYJR67ml\r\nzjTS2LU8wWVHNpU8YGbNM2FOget8aCrjxYdY6rDERCN84rktfOYW7BV0wmja\r\nESAePY5Tm+09dUaTel83pTlWFB/oj745hWILhIUqO18cV2THMDZ6HV9G3wAG\r\n4idnI3biRwAm0hZa9ohixoAAsyO88WkKBeotdu1aDd16Ocsn/XBC2YgsPNJ9\r\nN+1XztSrpiFvI7YPJj5t/QiKWyJSnmPfO1cSbT5wxTMVj4Su8nBLUwUaudri\r\nLwT/ilq0mMARODHZx2pV7hSkGiMut/bo1Jd4kts6Z2F8BWQrLGeUV84sdxUb\r\nNPrIEJa+0NSh6pQ1KA5msDVrPib1YjR8x+8=\r\n=CW1b\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.ae9fce587.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.ae9fce587.0_1657822063300_0.2724592079029944","host":"s3://npm-registry-packages"}},"15.0.0-canary.1ebddc343.0":{"name":"@material/rtl","version":"15.0.0-canary.1ebddc343.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"daf6ab4b894df4777e691de150168696a8520ec5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.1ebddc343.0.tgz","fileCount":16,"integrity":"sha512-CjWZfK+NNGhd87obiDNGk8k/Q96lmT87W64aDQxw+yWF7vxGA5JqPEoUYP5DH/2hBBUM21RqcAv2/zTnAu2CHQ==","signatures":[{"sig":"MEYCIQD6G0zX0Txk5SlqQtFKaMf5+mf92DW1T9nDdSbCSjbMCQIhAMQmpcW6YC5zKQ9x1K4MlVTsLQzaPVAMG77TSalVqlp6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi0Sn2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrgPw/+JtXssbD9dpFik2Oxs+DQZD/SNdeY8m0DLY8T5UnrriW5r5gp\r\n+TdYLCV9xmMWVQiG8wmyT7nYrcA8makf1AebEJ6D4HV0ZvQX94/dsyqhvpeR\r\nja+OM0ilGmpMFEw5ZohAZnmg0Y3ICoX0Uo3Ja/gyvMgquTYxTjBPHPZIp0CJ\r\n1PtXNtyP8daCk6kYWIkYcqhZMCfwYKukiqUmQke9WAzDS06969mGT09iiyFu\r\nXGSVvnPxmRF7mMw+7d9MszsJZsF5nWFfkdclQntsw4nMj+bgAu4XKCbCAxoa\r\njniR+MN4kxjUY2F883EehZmQmzirfr7OLSyPuS15A48EyzV6j274y+IoECxO\r\nk5x8hdM/6B9LUl4GlsnGP/SKpquCxAjo4x+cuytNaYI2yygaR+hpSraBSIwG\r\n5jNcH19d6WhSM8k1dKKL0LKLbH8yCDB/nHq893VIk21E8x/gpLfIemRl/2uB\r\n5VKtB4Ex6fi2HGKVRp4bLsG8sSDLITewRpPkdgt4z9n8bFxlXzJJTRpEPgfx\r\nHAgFi6LyoKjn3KlEeSYPwpmDmMW5wQnH/HemqR16NkKXF3ZofrMbn1kvfnjz\r\nMHFso3mVNyGuMpZVD5Vqo+XLo0MvSciG6W2U1qU857Srqu9RT3jxL55+9Ckr\r\nqtdnpo2cewLJSIDHt+5kIBJ+a1mYL+xOnQs=\r\n=Mq9z\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.1ebddc343.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.1ebddc343.0_1657874934575_0.6039629594481306","host":"s3://npm-registry-packages"}},"15.0.0-canary.c5018840c.0":{"name":"@material/rtl","version":"15.0.0-canary.c5018840c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"fa3085b1d3e4cb52e76e670b7c781734d09241d4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.c5018840c.0.tgz","fileCount":16,"integrity":"sha512-y6lN0rbISY1174gsjjzmpTm9lUE0qrr9nCPlXweKiFIKjpUzIA2JcZw5GKEgTMGqOYHrNSCEEeaVlUuaNKvOCA==","signatures":[{"sig":"MEUCID9y62sOU15d2HlavulrujxXyOVKFNtiI77wR+P5Zmd+AiEA/h+p6UTqyDfAJ6nC1qp40Ol3TToAqwkfKc5WW5IzOy8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1SsTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrLsQ/9FmpJbHOrfG/Z+g7NFF2EdGdHYV2Qr0phuzF8dMfvYYX0+Pcc\r\ncjqx27v9EOKhreMUSgZQdpkZIY9g6nr65wJrtOz5obq1yT2VE5+EpoTcLRKz\r\ngWGr+HwpaxnYzVcodmiRjGJtfyRLfAMmbTCAAFKV+tLbgbpCOHm7RRG3bzpN\r\nHDSdpPafX0XKY5a3kBg2tWrSNJdi2Lf2uZNQFxm5Z7yFEHgetkj2OlBIQyNK\r\nByb48sSABAsfm4lv4BKzPNrcpdO5PjRCJt7aH0p718LHoSG3KqnaV2yt4c7o\r\nsxAHvhBYGOULPiQVCUWrXDxffpzeI0IAfIT2dXwwZl5F1PK7gXNXX6XY2jdL\r\nj1SR8jVif08odUBC/AhA1ViyKpDGvV0jE2TpDQknWyOwqc7wwYgvRs5hVmQ3\r\nA0Ko6XnbrT/k1yrEsL2AW/C2UTSkcEZJXAVJ6khVW5HF/dFWbVdKh/8h6LkO\r\nqOKe1BSGy1BwtMK3ODbP4aEorUPhA3LuOaDlM3NINljEbOFp+IPShcG8CvLt\r\nXQkbsJWGn+c5MEKMEhAsjzkLyRrqoHYOjs7LrufVNrswopg2b/kcSWFtq33g\r\nHHeteQ6f8bJXDGXJoVR9AfsvXx+/4jCQ6zXi/x6HrMUXpOJOEp8OIXv+NiXs\r\nhE28d2fQbqFxYF2DK95bNB63j1O/j6Rlx18=\r\n=Qu5q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.c5018840c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.c5018840c.0_1658137363819_0.5880830471516894","host":"s3://npm-registry-packages"}},"15.0.0-canary.551b40d18.0":{"name":"@material/rtl","version":"15.0.0-canary.551b40d18.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c7a77aada82726f85fc67ea5afee44018392940c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.551b40d18.0.tgz","fileCount":16,"integrity":"sha512-lLBg6KZAJpokIBg7sjI/RYsBthD6gmZMpBCNnRsrAQBQnkNoA4sP6O/OVlHjnH0sEIXUx6Cn2g3KdtPcwmwWTg==","signatures":[{"sig":"MEYCIQCKmvUOyrO4+sERaCH2KNhCqmS61+lB2xzn1uhzdwYUFgIhAPTpZb0AST2WYwFB1f/UqnBIbpym/XNsrTLXnoIN+mZy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1S89ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3NQ/7BAmtzgKjMaTureI8NfFUyBDhbPup1oS/CGxOBSYvCuQDkdiN\r\n/XYhheQdd5OIly5Qd6HQRefRpvOIgbyq43KRYZbm10BwFTtIQ5t425cgAVIK\r\nWh0NAeMqpTzYb4snKzYMQAoqCuUzgF4Y0c+wNaXpp3+OBFoOOpx5OD09bHaJ\r\nlvy8eHa/oGGcFZFg+YsrZMvHywSGtjUs14qKpGeB4nDfB5SB4vxziC5H1Sc1\r\nh6+nAmJjiMVHJE1nen4bgN4e4NE+d8lui5lHGAmBSFfVPFXSd2BKdAOMasa/\r\nL/SuwfM6oWUFpY3ZnTgi8mg3Er0XgWsmVArXcSfOFgn7E95zYwmGRf/6tm5Z\r\nbrPxb47KGaKKZdgnzHOGMhe6hIJt1Szp29aryJu12u2C/NNQEaTQlCpvjcQV\r\nTd6VpSfXEvGk1wWBVEObbVTXqWlZIcNR20zm0m/o/qswrHwV7ekx3/CRflyt\r\nULylHog35PinZT6vcvhj+KGDuMVBSJYX6ewuG+YwFP6i1tLCPgrsY3gANRvh\r\nM1uhSlpmViEWEkfjXXCQMGsviwOQvUWafsmMpF9Cr/ohpMhoc3fHoA8ndKur\r\ntmnC16KBk1dHA+wm4702ieuCSFz9yFQIcSCqq8ca0OHXfYwulLpXbnSGXSCe\r\nWaDLA1hvufyz2M2zZNgPmT+oE/vkNHnDlO0=\r\n=2ceV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.551b40d18.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.551b40d18.0_1658138429780_0.8186273891732945","host":"s3://npm-registry-packages"}},"15.0.0-canary.cf9f12371.0":{"name":"@material/rtl","version":"15.0.0-canary.cf9f12371.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"079af048eab9a5e49ff4b074f99937cebe39b5e4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.cf9f12371.0.tgz","fileCount":16,"integrity":"sha512-VeVY/UJCSsYjH6GJTUjF2d3R8UXCEzuYoQkp6XuKh976MEa/90yrNZWqYPfneNHjuaIVSb+jY1F1e6luA481rQ==","signatures":[{"sig":"MEUCIHR4LwJzo9ft88XhhSjkI2lM1ZPDpWK6sJBgS8kOPIBSAiEAgRIT2ZXekHv594qaNo0k4X1Nd8nij/c9j7cPDPeg6eU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1TAxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpkpw/9EocX71fdVmdFbgBcr+ya4ij6fcsA5prkySb9FmzHUBCTwUoW\r\nZF9JCp3zfoidfH1JJucDj2c6jF4IoF0qRz4allkR0maEzzEAJ++HMJDdh3U3\r\nhIl4yRaIrX4HXW39vUK6whaWM0eJFIehRPpro29ujBK5iDGFwHV8HYUVByG6\r\n/kgC/ioJueF66szNu8SGc5IAhb7Y5BZi8n47aK6rQv+Vbovc4xcwCS9AuEtp\r\nClgrQhi0Xd+Bwe11VG6k8bsuQo2DegFodOtTr+sc3pNud0Q4Ngvk81qfP3Yd\r\nlbPBXqb7M3fLxaBut3q2kjreABJ1AEH/zhtPSkg5LF5KdY0EAPdrQzqSiEDh\r\nONgZCbfyhT6IAzbM1b5SygHKSXK5Q3KPgFyNRVU1dlhYFMk2cQjeXS/DYyGr\r\nCV+EcwjsP7p6zbExscwojKvd7YxAHp3/W5+7Pymd0F6p3xiqPA6AhQylvyaj\r\nhsgPPF4DfwHyBEHmFWoVAvxuRBWXi1JkqJmrVqMnu6I5kpRju3KR+V4f0kS/\r\nBkWrJMvS0exbrED0WEeZ0NQwkLUMdGjsCFvjMpnC+kZ56UZIcAKbwG5U4Wub\r\nLbEZJGXmKAyTz1EYY2gQx7CDCGBbSl3UE2yo7ChKRoQUDH5oI2Pjh4KGzVaX\r\n/KF1hGXEpNXifEgRkE7H92Gyr7ZDcdQCs3k=\r\n=d4Bq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.cf9f12371.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.cf9f12371.0_1658138672943_0.762917024010374","host":"s3://npm-registry-packages"}},"15.0.0-canary.2797ff8b6.0":{"name":"@material/rtl","version":"15.0.0-canary.2797ff8b6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d33c6a348756dd0787a553d4bded8c437665f23d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.2797ff8b6.0.tgz","fileCount":16,"integrity":"sha512-eHCFJ8lAB0uy+tyECE0UZQnZHoAL00QWGOzppUUBToijvFZLWdtfhHZOmpQKUit7IhyIfMRyR/l1oFRcy9iNaw==","signatures":[{"sig":"MEUCIQDFiemSer/aPorncUMMzRa2+M3SBO7lgcKvAHz20uV2zwIgJXcPlE4geeRe0hXlgaf0vWB/zcSHwNF8xk/u3oAAbDw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi1fmKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqoOw//bdWFkPgZb0bg85GnqA+VKz0D9r9dudO308anz8iWHFOrqEqj\r\nJBbU60px8g5R798hz0crJH/kyDcCCsF+0mcooKesmZIonweQUbhRzFfejc59\r\nuRoIwpnxmRWSX5cq/ICw11+uHTfa2OpUkameYcP7YRRRt2MxrpF2Yn2JZKIH\r\nnXURDzx18M5xk9eIJgqG09livoBg5EAV8SLguU8CNi0EF8FVFxk8vSeY/Gnb\r\n/QxlDsG81AbqS+09sovBkE2DqPcAjAngSOZx5EYUdHwxHcHpvpmt6d3Mp7YL\r\nh+RHSLvVeSCbb+HUHnKG0w7d8PMEfqg4BRRRXQ3WmEOZJyHLyaUHYEH3dYjE\r\nrWmbX5ZzwNX9b3FBQ986nN3N67xn426dJxKkq2addD4LeOR8eQXUSpJ7Cl6Q\r\nbjoKb5b66cZ6jy6nwW8ZGqQsN7sRjhkAyK2Wq3OQpBdQsFGdjQxpgG1r/lPp\r\nH4NwshcAUn3tRWe2x2CT+mMQeUg6M6q7NpqpuIq/nD5RY1P4X7QwK6f/wCEH\r\nWBjTyZTEmBbk6cttDKJLACd/2+HDDYKt9XROf9OUU3SqpXdWJ/npzdUIEQ3J\r\nHx3UiqjTZCcVcc62eJxon7Oco5Xjfem77B57HFpI85wK9Q5NFXp6qUJXurPq\r\nmrpMkGCZx8rWFt77H84LLZtnEgbfhMVcz/4=\r\n=hBVT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.2797ff8b6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.2797ff8b6.0_1658190218561_0.7733550562391511","host":"s3://npm-registry-packages"}},"15.0.0-canary.110fafa17.0":{"name":"@material/rtl","version":"15.0.0-canary.110fafa17.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"21a6bdcf46a12683ba41a8104643c3d3987efe45","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.110fafa17.0.tgz","fileCount":16,"integrity":"sha512-qO9gDNa+iq57NW8vNtPmY0j6EeQMMGJT5RhjmVDVvTJycEmVlDYTsF4fr2izeQhulW8X4XOQhNbHcjYRU8p/yg==","signatures":[{"sig":"MEUCIQCtv1Su3svoseAEx51Z8MmmT359O7Qjb7BQpli5o2ZI4gIgMg6LtiQD2s88tlaqbZRyyBIOt7NPsrIOkYf5pBUR4H0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi17LGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo5Kw/6AkkaeBEprJHCRgk4yhZSznZVkSphksaT/MHc7MK5MqgDtri4\r\nfEuMxsdx2eIqDum0ulq/g3wfdQZoqfceerEQI+9B/gK/4u8bw3cynk6I/Nno\r\nzaiClr0sdJWyh/VXJHAvMOHO079w8/r+dPDzJY/jeT5hTvtSm7/sNUaO827g\r\n0fBhwTrfddms3Z841LZm8Sg0XW4lKMzz794ankSinX8SgFZcbIrLMJbet7U2\r\n93nNLS4C4OjcDWP5HaNBLmeBKBzi9GKLIjvf2euSeg960u34eK+XCWXHWwyC\r\nl7iBuW/JE4HVu3e7FCozskEu24RHyvLbMTr/dyvjt0DnRfj0jpU76QTAQn8z\r\ntjGBPYslB3wRw1tN78WMbm/B0T7Z3Vn6NZyHjlasmYf8g05cB5l90tMzRw+N\r\nlPX5rPEBycPYz6gxY022KfvVrEe/O5nwi09g1LMcRx96apiBQQN1fURvwsqW\r\n9W0zFJeDYV6X2QH0eVanXq/BBrr3BKqTGUrZEsA7vGrEC4G4YcRzzfKN3pBb\r\nh4Td9L/N331IGW+IBFWO31uDYCiIrFX0BxS9b37Zzmglj2lE1HjwEHRw1dfo\r\nhXI/uxy+CPUcEgzgLt49cjYJRvZJzf0Wu5epgwEWLb3dhIFAQZev8w+568wb\r\nG7L/8V18D1Y5zBga9kwy8/mqRVND9khSyNk=\r\n=GJde\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.110fafa17.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.110fafa17.0_1658303174443_0.9989830547875875","host":"s3://npm-registry-packages"}},"15.0.0-canary.386ef1d2f.0":{"name":"@material/rtl","version":"15.0.0-canary.386ef1d2f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0e21d85f292eb27b63984691c181034b101dcde4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.386ef1d2f.0.tgz","fileCount":16,"integrity":"sha512-M6NMUzNA7AI3Ogkdgy8NDqpc9b9RM/o6LXERb/uUqW/SyphmWqDHVrPQ2iM4xjSvso7PJV49wt1/CmerzU2UMg==","signatures":[{"sig":"MEUCIAF0hXubEAaJsNlRfpg9Zv8hYg2qGXq+FX6S8lJIMx6VAiEAp+AO5Z9cQQwCE8aooDNkOnfA6QcHmHxIM/eCr6gx/uY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2EcoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoiHA//XaFoalEj3HBRVXgL3vxHTv/4RSY9TAKce516a28RMtug9ZHf\r\nO0si39AooEHmUiyl3jlRs5qUl72fkBh17iXmAbm640ekT2ekINofx9974Ina\r\nGnWp2Q2Ex99gYeeBguZqGI980Le/MndH3zP2TQt5usLZgidQAsJ12v3f17g9\r\nJoQ7u9/mdIb256YGztPFKcToP4CRoRHx3o8E7GvW00P9/QzeQpFfE5td1ub8\r\n9a11en902ktDQDrDr7mKsWlKJKC3SZsisxswlWchX14oUQaEvs2ZPHZpbH4A\r\nKmZaH5cA0RBzlXQk9BbK5JNHEDK4Pl87XEO/Z44XFkoekAEvkotkIuJPUTwf\r\nnm8Tc93NRCjoHSLQiXLmDPYKO3eSrsc0ZZSLKNK5pBMnUh1RBFJngMvDZIDq\r\niPFy5lIrk+4lHY2Yvh3gCJbWsxG4/hKLsaR/N63i4b6FgQH+CaAOIlumcs5I\r\n5zGuJJ2c+x8n61lEIgSQaFTRafi9UXFC35d1X1rAXF5H/jRyYOn6omtUnGcp\r\niqpRSQM+YwxCjXi1m0SYWUjr0UPAk1ZN2zt+BkHCU/J0NPWVqZjovButRXES\r\nNLcHJKd9Rj/ywuwg/tCnG426MBwX1CZUU6G3nXfEdSDPfy519IUtt8KlisfS\r\n6GylBkDjx89X/P23ucLPmpxR1bjqmRiqR0I=\r\n=QDAu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.386ef1d2f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.386ef1d2f.0_1658341160745_0.13637432793044102","host":"s3://npm-registry-packages"}},"15.0.0-canary.c3924efef.0":{"name":"@material/rtl","version":"15.0.0-canary.c3924efef.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b2afa59c6eac04c785a0b45fb91eb4687bde04e1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.c3924efef.0.tgz","fileCount":16,"integrity":"sha512-1lxXTMncfUo+zZzg+rIdHyBF5YaRxBRgyDfupGncIfXiYehnXPaTeO341Dff+dmZ22hU/c4qGUEyl9kEq1tx6A==","signatures":[{"sig":"MEUCIAoUDJZnD5p36Vz8MAAWsY0sdEtOFcLqJJGSb/0a2w0zAiEA+59Q3UnRqKNDykiicoWSny86RMUaCWIzwVii0U0CJYo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2ElgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLuw//VpggWE7xpRWVs2fZBVPESLmlzA5epSQ21iQuFDaQW1Ai19sp\r\nnjVBC/5GN4LzKtW/RXsSpVpKY2QZHwfxu3+K10ZWFDlyg1ESMGI9cOgvexdK\r\n0upWvHlErc1CwH3hczDFdl6BXlZtwXEQn0ErGSraRPb7cWEDzSDxg99eCkex\r\n9zJwaiFoqAeGb0FiBG+RIh8svOSk9TxUVUE5NefxynYGNXJyAR7s2kQoR7xR\r\nfdPuzUZP0j0pXvZvumiJORGiqJEzt3mCG0lfcurm9579FyzIbESYBszahdOM\r\n63i/S286eyNDRloeppfJGY2jHqHimptX9vY+3pPr6U35nbxZGv0eFzeAR7gi\r\nrl4cyI5yyJxNrTJ5a83GhRJ4prxlvpXV94aSHCYnhyeAtvtDl4mLQv8RxUU1\r\n7h8+5nyiwfMAEWYM9vjByx71rAmoe19kgjstJ1oNiEWyngI9gerKOvOQcJGa\r\nTpcXWMmzILa/oCN0ZN1cxIRMC/vE8U6WnzZo0EkUacUqAzdvgsJ2h4yrON3T\r\nr8G0Tup9Xy7N9zf4wOcGBlBf06ZTc8hNlZldXyNcXSsvenbATCtTFNrIZP4m\r\ndkT/KQ74zv2ZUFRcGatQdNj7Mz81JmuxSF+1uadxIJeKt9oWRHTf72nuAXtJ\r\nsTB0C1hAgYaVA2+WfYVSeiV8l0y8Fav3g4w=\r\n=WRsJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.c3924efef.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.c3924efef.0_1658341728195_0.6812805398507","host":"s3://npm-registry-packages"}},"15.0.0-canary.cf5c5907c.0":{"name":"@material/rtl","version":"15.0.0-canary.cf5c5907c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"85b58b9ef408216d2c9ce5343da7ca216670bf1a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.cf5c5907c.0.tgz","fileCount":16,"integrity":"sha512-qcW7VfidLAbOe7qQ7YZm+H5vE7pfldji7x9j9cULJdyXbrDOYStK74uZpRl6r75N5zINcRIuy1uONNtr8JGeaQ==","signatures":[{"sig":"MEQCIF3II6O54E3b+RuYJ6vW3P99DwUm3q+wA5dfWNJSTev3AiB0uMR1SoETFCvpGgY7J6SbzWTcrO9NjQiQvARKqRRP7w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2HHVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFwQ//buK8r7AeQ6/IuGOJ7HNs5YUkkfuktFCutl03ZQcWGExGGT+V\r\n6TX9UUNyBmNxXAil2MWLnvamCxiXygw8xPY6qcAPDDlQdZ3GQUTSPL6lOPvY\r\nngziRRS6pQ0tFg6DecA80S2qK12W+xb94YvtIMyOUyZElrslQU22lct4n97F\r\nR3flUGudaW1rUkd+2i2VMHWlviRrR5Wcz0W3AUynNigF2RrN/vpkR5F0bcyM\r\nmVCQLN82DR+hQvrMivSNvUzwqEad68OshaBwN038UPYwk3JbH3K9eTjfqBGJ\r\n2HQ3V8kMr7Y1r7D3gCOrDp8t2k+foBThkPohgr7ihqUsCMdhz3Msjwb3lea7\r\npxZmuNNPWBu7uwo1SgqiChHKOZQ1A53BFX0NIH1zgneOcjI9oH2rSntFhnUu\r\nCcJtQNPItGfHfkkIKRzrfpPUsxQeiCXbsN6NZ0rhMNZC4N3aqtUD6exDZoQp\r\nac6VtZdW0l471cBlWTXFiThBW3XVygZLVtYhKpcYp4U93OG2HaHrWHaLTWkm\r\n2ZfdhE55WWsoerFPvfd/uNFmizwwlIg2B8Oafki190t3vawE+C2V/qosocRR\r\n76ccy6llUVRlxyQzzqOtiGWPIOuggN6YKqxcxbUULg03ZtETnAO6IjipO6YJ\r\n9aMSGVgusZrpRIFAiK1P1VhguR3TiaBWUo4=\r\n=YZTE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.cf5c5907c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.cf5c5907c.0_1658352085351_0.2924595213285581","host":"s3://npm-registry-packages"}},"15.0.0-canary.0617e2319.0":{"name":"@material/rtl","version":"15.0.0-canary.0617e2319.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"144f9434c9e99e77ead1258621b850570a671893","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.0617e2319.0.tgz","fileCount":16,"integrity":"sha512-W3Q7GHDBMcYPphUgzjGg/5/HDWjHBEJP9NUQ4zjRH7c+wCvKJQXTKv3rUol7bfj1qwzHw/aU0i+heYwEGOFXyA==","signatures":[{"sig":"MEYCIQDlCMkW0xZk7piMEf/RHsNM/VtQWI06fSrBhFrpA3YdzQIhAP8sX+iLLqcr13EGrSb3yrhFtZnBkgzB2rTGJNHO03eZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2HYWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9Vw//QpttY1avN53gxlGidzDEpUFgLeoZejzYueiDaqVg26UUeeXp\r\nfqbvpROLes7Rb6Q5X7OnJqz4RIoosOOEWn7ooJC5nYJczbsl2KL+6bw16IZq\r\nDhZfp8xOs4elI/KThs3klWkaEo/VSnw8y/PHbSE22S7OfFjKGah5Dn8l/afb\r\nVXaMFvQhaYPHWCuBHx/CdmvPB3r7r1yPDnuAupJ6eC9CDMFja6DqVeP6HvyZ\r\nUNFp81esrGbMYXMucr5WQnjkBTy8vtbAUIZ9QJchw24BpNCdmpR8uXOJJMX3\r\nIMp/gOUJJn8zV82idF+v3pPtX/kcyUJe/nDzAE1xbA9kmm5Dg0nSpRkxNnKh\r\nVxDVuAWot481B6Z1fG/DuX1oMSw9S8y3gGJA5bB91OyeYyb6UicW0YeMHXNt\r\nTNfNEmDJrOKsrVOdYj5XH6l7r2arLbyB3R7AGTAQiuN9YhlGoLVihmnOMK4c\r\nHEoAdISj13Lhrkb6MbvHJc0JT/A7ZWBZnZ5jTUhlS50wPAI/fwCt+8eaqWg0\r\nKm9qU3or1ZmwbnfaV56qQ0u8aIouQrSkYJcDIFoDLLN5zZrqj0UszeZyNdB3\r\ngPyP5hTEGn388Q9A0UJMd7IXQfIoguHlPTqOQf+gpS+wdOfEPD11EirSyWNG\r\nbR26OjAWiPyUNo+X5MiVvh9Zlz264SW4uwk=\r\n=SjYN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.0617e2319.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.0617e2319.0_1658353174718_0.8317508145595389","host":"s3://npm-registry-packages"}},"15.0.0-canary.a743b7967.0":{"name":"@material/rtl","version":"15.0.0-canary.a743b7967.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a6a243edee1b565ada515e07719599fb0cb5d76f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a743b7967.0.tgz","fileCount":16,"integrity":"sha512-v4CeRCZdGprUXAieiL4SVf6F9nR+oXelscm7eSBH8hKRnePQ0pAH7YDzjfVGzUHgJQzb5INUmOWWQEpNaFRLXw==","signatures":[{"sig":"MEUCIFwKnhyoK8mbgaFW4PzQ9Il4mCB9pWzZM103GLI4rjnoAiEAizqMzULoeGIDapDWufklZvyX+w6FEHFmmt6Xwd0p20M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2HobACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqffQ/+JWZdB2d0FBcOx99DQWsLNVnMC2GxuT09U80IGwTTKDvyVuAJ\r\nJl+EGuwAOzsXla924L0Raa/MFbPLzeWEbRCDbfqAVr5ch2mDhc9yOxHcMExK\r\nrRh702vqB5aVB6fsUmOjaFQx1gNS67ORBZTkTXvbL+rItu3K/hJSgkQ5Lt4/\r\nzpBhSXIhPr5wuDU1cuX3WaArNJqOCZXkPNQVVE+KMwMf/onyDTq/21UpGh30\r\n2hJyheKzxvnlDPuGEQlqtvdNOzvyZYwK6USszOUd5b5TKFsAj0JbDn2HlJPG\r\nxoHZJMR+yQxvWTHazXs8B4q3jlnp3OzVYs4O/fmW94aNHWNPtHiLfF/PDKvv\r\nKnmlo14FBO9LE58FGPuNXh5XYzuS+jkDhmyY8UFnmulv7KaJiROKXPgn+e2X\r\nD+Ih+IwZ9ecmR47oogbqnX33TTLlDkb6xNMf9qEhxhtDkFJuYKmlDJgaYszH\r\nUib3lKBMXJ6WUN9UdnU5hkIhgduP9fsnwGGue6JyTs0P5gxgjbR4UYr26ENv\r\nZkvqYtVTFPQ/l8K96eNjH97pBNhtfMBWV+3dYq3uA7pFaWUUEaobGRf+KVSk\r\nVTIBNtaazWJ2Dc+LKzDLHo0AQ1hCWIWpfMetRfabQ1MDQJPA7DI67udvSd5y\r\nvNp42yG9pkcV/e37qDRR2LB3KW84/TmH1h4=\r\n=9xtp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a743b7967.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a743b7967.0_1658354203668_0.2045333893947916","host":"s3://npm-registry-packages"}},"15.0.0-canary.69fd619d0.0":{"name":"@material/rtl","version":"15.0.0-canary.69fd619d0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"95f73980cee9e83dd38af268b318817dd9b145f2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.69fd619d0.0.tgz","fileCount":16,"integrity":"sha512-lNLZJOedhiWE6B5WJJE5mIIjeOLmPNQ7TzL8FKXhM4Nep9nLsIJHro79x5pgravlByp8/lDVZDXbkzmaAIP1PQ==","signatures":[{"sig":"MEUCIQCej0nWBd1m+8Ro8lPqkIR2KuklB9iq00Qd/5sZSb6J8wIgffu2cPmgzSSB7GoKlGTMyvCemJGujEHq8mXIaxqmSxc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2HzlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr/JhAAoDuKT1qjzfhpHUI312gvi7DfFxHWF/AklqArl8zThwiehrJC\r\n4M2IbAVI6bYZ0WPrWv5oJPYA78NaOqPIXobl+DvAjutUR+NZ+1mioYeaApHC\r\nfEdqzmGS95DlsPVoWFiXRvEodkiQ2PwM8WDz99UlC2L6DE/QgQqbCVMN5Ff6\r\nnBjslZiNb8mtrFLNIui+1OEvrwWvf7mq7p7TZcAjPzs6e37mR80sUyYood51\r\ng98ZRpS98ocD8VmY/P8/mUfIXTCldGsz+F6o9QroZenuyARTEckuOBvbXKNF\r\ni+ZY7VYQn+np+TIK8sn0dnKbuo/jzZ6EljjlLjZoYKvwLEQT+LjLpvQ6cYNm\r\n1X2l4nk6bIw/bZYj9owxkdr1QxXZ/e64LviaObM7Ezc7Gfb1fu12X8Cl/fEH\r\npevrsc1KTxNCIHVBs2qU8ud8ws+dAh8gR6eGEvN+HMwoJ/iHKK0WT/hRpv9w\r\nKh8XhrLF04i41EkXPTfRHhmIFohPupdL/MBZkqFFqb10aJm0o4vGQJesfRYW\r\nwpCXYYbXZpjH8xgTZsG0QZJaxZVCZBAo/j9O11y3J4dkdSbeVtAfrjky0XXF\r\nnkzEgojdwjP+isJ67efnVNx45t9vBuKXw6nOKkZ3kzIl0o/1lottTIx/lxSS\r\n8K9N/r2aEgTnu8Sk2HpVn+QqnRXY2hAXKsY=\r\n=k6Yi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.69fd619d0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.69fd619d0.0_1658354917485_0.7881476316785123","host":"s3://npm-registry-packages"}},"15.0.0-canary.2a6ddc1cf.0":{"name":"@material/rtl","version":"15.0.0-canary.2a6ddc1cf.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ec9a14935ad05007c88b411576485d93a69bdb3f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.2a6ddc1cf.0.tgz","fileCount":16,"integrity":"sha512-L+dgAdIk84u+qlBiUWUmr6CSkgBSyDCVpDV2/5X+0P7SslKapMKj4349Tj81+5w9k6sfHOx1/3Ta/6zRyKvUPw==","signatures":[{"sig":"MEQCIDso1eKGOjAl9HfBVC0DFGuXClzzKh51Jchykf46RRvzAiAhb+qzRZuXma3dgrzEYEkEyenwUkg1HMG+IaaDD1ymWA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi5AT4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrg4w//YpcNf2wXXIOtKPEjkCqjdjQPZAIFezZBLB3R3NOOJ2XJQE2Q\r\nGAMP102ckEFhufgmP8xNggo52KeVt4NRAOdk7yD6MOJ15CjTaXkTA28YYtpQ\r\nEM5a0iyS/RGwWaPlE4a6YQXAzz88lVcy1udsosZMDapGD1tG0GFkI2iMVJYi\r\nBEUYd49nBBLnyigISjHhv5Ko6gODrhYuMwi+JE5xt3OdaFeSSw58B5X/t8j3\r\nGmwVEF6SMMNwjCtxeyRCBrZSNRm1nTAJ+NAVpL3aLvK5WuOPngfdJa51Memb\r\nfjz4XGfYTUJvG6r4MXORB9dr/zQJPLEXB9VROjSQWiaiY2IDpuxV9SaXyMxa\r\nigYe2HpdB5U2VKAW/eaio/2/LvZM5Sn9TVC/YPIRHCBsZ4z6ryJXTmOKKD1Q\r\njx9sF5hh93O/cBsMqnRo7NbT3JhDhu10ZBkXVaVNnBCAQZxxfC8pO5+JSdyO\r\np2VjyT086V20lA8EAQvfaoFHosDymsAamctz5oDuYTlmAs2a3mSFYGJnrbpg\r\nusQEbj/6Z/U9QDkMpFi1w1Utk0ocVoJWj4CHBZd51AtDoGcknjb4vJKv6hVU\r\nGMDrn9qMm04Xeya8lt9fkuXInOOxZyuV2/xcdTRfwz+VTw3rBme5qDT5NqYg\r\nrAvntP7ykt4RlJJBAZefpaAxGxivQcwhNAY=\r\n=33Nn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.2a6ddc1cf.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.2a6ddc1cf.0_1659110648707_0.6189865338385281","host":"s3://npm-registry-packages"}},"15.0.0-canary.86efd56f6.0":{"name":"@material/rtl","version":"15.0.0-canary.86efd56f6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"14cd7937633b0a7c481b4fe5eeb29654f9055ded","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.86efd56f6.0.tgz","fileCount":16,"integrity":"sha512-OJcIdb9YuaC3no5dcttMdQTBA8VxiLtO+T6yZWfqd9fVbYxxhO2bTNVUROrs5nZnh/ZL6Pe+n5yy+bY9hgb69w==","signatures":[{"sig":"MEUCIQCo7CXv1oVyZDIFZ53aI1NWytUG+j1jY4n9sP6OZ6WdbQIgf+dI/o0wpCiB29mBiUWODQEUweCL0KXwo35bpG4ARAU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6ThyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqA9A//bygumI15y/wa/Ox+vwelkb3pR2clf+EEOG+KzIn7ktSzml0e\r\nDUa2ThejBYvBfOEizWdxqk99EMaq184eqb1tDtSgNIp6vI0Wj0JZYDC4qIc9\r\nCYE3FEaGcMjHNLGkzRT+a6gXLrVIeoTdq0pc/Gjq4ND0vKAsN3oIo/3sNaai\r\n7wHpCm7Zb+GlYGoMLv4Ag2d+IXFt/nqIbkSm/9ZojjLYJqETiCgL8q1qOTuW\r\nWO8RhldH8Y07JaWyjND499HPCJoWQsF4ClyVGnWnCqjKzeoy9nG8GvKtNQnA\r\nxqIE9QHiC+5iD+CGj5Ts7qiUmpnBkbsJ3VebFKQpjpPYY2Gs/eQM1UotKnh+\r\nyvYzvhG2/ZNNdQvSOXbY7vsV6bLn0vbw4dLMAImkhtEyR/IS/aewVrVllP9a\r\nAZee2JpcgMsokjMGAS7+VVPn3P5yADuBeRfy7xuA0O4LRhqDlabMZdkfJv1/\r\nyAHWaoaBme8Yyz4HVRObEel7Ph0ravj2eSqkjPJvY5YFiEx49yBUl+ok6BmV\r\n0WPc/FSMojI/ckC0VOxKAPSl6mK225RXCjJp2h89IghwvHFZAkLlCwjftOD0\r\n22ne79K6781RgY2oAj4gmGiif4Tixdt1HlzADqzCWZgPo5oOMeCHSj5yRwL6\r\nHIkQ7qrsfFvDIxY9Xx9sLtC4czfCQCGb8dY=\r\n=UqsT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.86efd56f6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.86efd56f6.0_1659451506038_0.5616192624666141","host":"s3://npm-registry-packages"}},"15.0.0-canary.ccfc24d19.0":{"name":"@material/rtl","version":"15.0.0-canary.ccfc24d19.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"fe7853119db2e1db9a9cc030ac061bf40005eb05","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.ccfc24d19.0.tgz","fileCount":16,"integrity":"sha512-H2yU/xWD+OV4GEBGv/HZwVbYmT5PjzyStr4s8jOy3hGn1JUQ/0hN335ahSjMrmZNQBHrtVjltynwIYo9Lg8liQ==","signatures":[{"sig":"MEUCIQD6Jcmq7E++9rhbJ08SRfQ86l18MK/jNhKDaUXotMKFUgIgZmMTU6fgvf8xWd988V5vxjGHLSg+l8rKHZYR8OAu6kQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6rqqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoUqA//eXRxfOiM/AQgJYtOZhdmyC+WK0Zlges6Mb3rd2k7glxobz2c\r\nGCBPhMIvzHSpLcYHY8uM4OUQVJl/HQQhqAFtUL+rJWg2eD6qaRmA8N8k3EJ6\r\nnjAaPk8qfISFhZhskc5FB5CAEgO0C/jdKOyYkDDheL7ToVr0mbiX+ETKfhHo\r\nTH5mzzMoMoVt4diJeMo1DHPnPq9EktCTGKcu3XCEXagEwIUdC55D0c0yyVw7\r\nUlvoIMNzfqgEXKCV2nAuhldNhReF9YKafWL6IOTyfJA8KedUinaJVQOhK4o9\r\n1At/rLFtW9LcjBD0EyyP3g1HZJFp7I6eOAVOtx4R+DJ2fsNgEZ4qUAF8TAGB\r\nkB11o+WDTDrp5P9TkhfU7CtFs7RZLBEZGSpPdU3Rq1Mn+G3VFAKqc5NiHdyF\r\nFoeyDwHEZk1vdtq6a3Vi7iuD/xbPCyyClBLOYPktTG0dyl3Epw32J0zLaC9S\r\n0coNjyzPS1rmN448U+o3uI4rO+tW0kdAzt1Dktp6T5dzZh91B1D/nXBHMRtD\r\n9NrwQOoQ5WIZghKTIkVoAEQOqpV06S9HpwWt9htbhgBKjImzJed95yIYMiYr\r\nY7qRCiWWgjQgm4TceyNS84Se4K1LD52pEwCD50GLkN2Wyo5wgIR0zVfKDDDe\r\nTwQJ/SfOgOoMO9KDVcVYtdaY1nQQijOKu08=\r\n=cWRF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.ccfc24d19.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.ccfc24d19.0_1659550378585_0.6886477734505252","host":"s3://npm-registry-packages"}},"15.0.0-canary.e4570146f.0":{"name":"@material/rtl","version":"15.0.0-canary.e4570146f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"58f74d5312be73314688c9a4181f0115ede37e11","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.e4570146f.0.tgz","fileCount":16,"integrity":"sha512-H7Lmo3Z+F7kPuogH3lw6lSqFf+NBpahxkU1L6z1UlRho4RpuTEL/hcr2JdugdI2QKiZmUu+VppCtx47gaZv5bQ==","signatures":[{"sig":"MEUCIQC/QVufexPR1z1xHnqKegkM1AUKtQ0tIwdM2COnOE0BSwIgEPdOhedlxSxaZI4c3WnK+tC+zS7nM2Codswzcd1c9Rk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6sEMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoEfg//SfxRGFz6BQmJR0foR7M7dveuSYmkoQcqsvb1QWlwgpBhqD7s\r\ngKpmPfzXN71FK4OgDxxNCH1ibPoLgChSazL4CfPJ04WpnDB+/tQORiQa8PTk\r\nh1CBNtx+iokqO107OdXwrIa4unk0qLpGMSpqzn/QGp44qsVbLWosWIfCjfYQ\r\naolrmfU3W7bRdqCCtKELN3RnGMoMsQqGhJxM11fpYdbmS21q//MMaBZXWaOI\r\nHcVcTtYdXaVWWycpSA8v+ZiPsvlkbrgjfsvskMS0NglasIcbnj7ybtPCpdHU\r\nOX0bHs2P2C0P2VQZDb5tDYqTSDV/sM1UK3essJLb0ss2YhJrqHD4wrYIkLRh\r\nxqtiiZXrJFpV/Cvr4nR+Hx38we4+XVZJRr86F7b3kk/fkby4aablWpVvc/0T\r\nIPbubJqV9aTE6cUWC+HOZp7in2TizLgt8nDHkHPLd7ve1pMGrIUC0tcYeRzR\r\n/SVusbgBpJ4HEpTuOYkfpp3akedR/bASY3OUHdrf4uAtXnFDKJ662jsE3nQR\r\nv/zmpflJABSzwdi7ZlFSEVL8maKdwTRiSLtSlykFgQntP4kwuvDZAl1yeUOB\r\n/o6K9HnDi4nCRdQBbU9CUSntIDdAuno3Gr8NHCPPCHOFGTcA/NGEH4c5yGej\r\nH3ERcs3Pj2sd5+hKoy7pmepH0Bf0y5aojXQ=\r\n=c5gb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.e4570146f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.e4570146f.0_1659552012192_0.8960323977145286","host":"s3://npm-registry-packages"}},"15.0.0-canary.6683a36cb.0":{"name":"@material/rtl","version":"15.0.0-canary.6683a36cb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6f75ee02b35c11d9d4e9749bc296f69e5816e8cd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.6683a36cb.0.tgz","fileCount":16,"integrity":"sha512-lZ4adGHiMjOj3bFC+2bLFBWWVlA28xW85kUihFn7JO0paZpkgDE87RjrBeplkYPYWg7HLG7PGZT0Jc1NVZNWgQ==","signatures":[{"sig":"MEUCIQCF7owD14+UJwdHw5O3JseiFqckDkeIlM+sdoXyi36YPwIgf6TQDfMKMUdbQYwIUDdOGaMqx8yP01dxtXx77kwR/8o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6spsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr6eg//RXyj7HWc3n65s8W8JufMeAPzqjiR/8PJpfIyY08y0dp3jCC9\r\nh/Df82zJIOISQ4MwLlk++7QUTecGJudg7i7jLAyzh9Ote2zvkKVW/dkh9uEJ\r\n9ZSZbuH2eh1d4sdy5hP8guLqGBgdmNVIN8BXTBnoD5dHQajnK9ofuCegy0Kr\r\nEyTjVE8SwzIBfOC7fmYga/hqRqVH8htX2NukZWY4Ujczv6+eP1GvFJ1Ke46l\r\njj+wXTsxsK848riIcVjfKvuv4A7buupdxnfHAVVzI0zzpwL7ZMMNscCCes8P\r\n4YAinN6EANhCPnn1mCmdCeGnSUSPpLCds9+XalDEvlOX7Xejavr+K2uB89/M\r\nODwbbLtSwIu0qk6uldyoewIPu8on4PthJ8KaPrapwj0oz45H+coQeMBCh6bI\r\nqQoFnQ2e8jNsH1SxkISjXg2WPnRH6HlNZwbw0M2i1Sp7QWlWiXEzS+fWYqBT\r\nw5kp0LZTCKhhT/cZLRKla/6un5Ocft0s+9StvgGv1jTkcaBpjh0OuQcii0RD\r\nAelhTSIH8RRfAS5SVCie1BuJe26o1R04TvvZVkV6zAaWeE/CZjiWHDjtiar6\r\nXXbU+b+R4KPy0FrXVEbZEuuF9yK5n17tVZEIqz5srI60rGrOo8bzHsSB7IDA\r\nY06L1QZpGQyuJwvpnlalcVEl090YErVUz4o=\r\n=uEjH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.6683a36cb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.6683a36cb.0_1659554412413_0.5715830475649717","host":"s3://npm-registry-packages"}},"15.0.0-canary.10196647d.0":{"name":"@material/rtl","version":"15.0.0-canary.10196647d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"528cbd2928264ae786dfa41d9fef011a3b6f2e9f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.10196647d.0.tgz","fileCount":16,"integrity":"sha512-nrhj/IrtBHXuHT1bjgV+N1iTfDfiSbj1XLIaf0KQ7pTyoTNGGMY1ZtMbA6wrIjZC9Jt6NAcab71n9c+UhXZ0KQ==","signatures":[{"sig":"MEUCIQCt8BV4spLeR6+v+q0MdT9HzsLlBbTzvPGFjK9bsMibMwIgPfcUD4ksHaugQgYkOWkAzBNWMl2yu487QMNnKyAmR50=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi6u5OACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoTsg//YxXPXPU2Uu1z1z43l3oMkDwtzcUOhsHpQPqgrZB5h7YykA1M\r\n8kIV88FKuPH8HL2RqbVTt2fDfpCiTcd668Fzjkt8+Z61GT8Yww1/uqZE0efF\r\nzR54O+3oyfIxuY/JgPr6kW7wIL3OcjbXPOZzBs0Uh0wcGRemUYtcNVFc3Nrs\r\nY89T4HD13706zR75XPSgtmsOcHPoY7O/jgpKOVT2cFS2DS8Xp3WZ3nKezPS3\r\nhiBqmGLAbqUVWcJRqp8i+jfSr2318IL6N9BXMMxZcU4ZuyDDRikuCsDrS/CY\r\nSNC8T1A2Vgrrmcr3ZK6/1vP0kAo2FmAoGB/WLfys2wpGcUHNY1SH9SCXHU1I\r\nu393UmZJCFIiGaziYNIxWHEmJ7FER0eapEOPRo0UYcrKRcqL7X3sXZJaHsKF\r\n62gIke9BnJwVpTLjqBSQzI6cHuezSJ7kyNyzLtivTQu+oqODHAjheioUebH+\r\nMz0eth8TE775/uqV1WoJuVaVmomJhSI1vfPiI9fVWRJJmNm9ndnLsvpn8N+G\r\nsr8hdqpkoM0Ruppw9k9q40Vi3X8R2gJYIfzQ8tqW8IUUL7ZdTzfMpvdG3N7G\r\nSJN+UaeDWG4QcCLwNt0CyJd1aJQnyqUu9WPRU9JgyHD/ZyqVj2ZNDOsBDOt+\r\nvreI/rh4EjG/vXIm0BcYAdvQoIafuYBtMqs=\r\n=ALcT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.10196647d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.10196647d.0_1659563598255_0.4919502700382501","host":"s3://npm-registry-packages"}},"15.0.0-canary.b20d3d73c.0":{"name":"@material/rtl","version":"15.0.0-canary.b20d3d73c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e02d4f8dc84396bdc6c2e348dbb9c0a7afdefb91","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.b20d3d73c.0.tgz","fileCount":16,"integrity":"sha512-albqZzJx9s8t8uFrSfy+X3cbwoR6QuktVkw7G5KOLMKEuHn2dWmU3Z6+raAODBM41UIOCRMXzWD5LNyVALMcQg==","signatures":[{"sig":"MEQCICxuBGJqagLTz/eq9LgX/mlhgH6ArvNpN/XnQqPghClrAiAshrF2i8oB3GNwIMFjs0CVe3CL69GkRGAL490L+ilhbA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7EtPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrJag/+IN2Ln6wfkWmlb8OFQ4E0LhndBBu++rOZJHy2GDktY+ehSQ2l\r\ngKOA9lexpDpkEAtrOOXMPHKZ2JlfnA5jk0n02MU7QGlE/McZ6aRAkATxK7P0\r\nJxnWnlP9E/E6s1J9mRTBXs+YWem1l7fdmX6WRe1ujiNT/yF8VlmkUoWA8p2f\r\nq4xGlrZJ/B/y8RQTc896V8/k9A90/FC+jvVEjGoV8CI93CAsv8oAG66vlYLN\r\nHwbmvtK8umVaRMgPTI7FFtgEKfshsbwqkLHBeozqHjzQ1jNbYmmt/sFSWw9S\r\nh2j6cU9MVXig+ENEMRMsLfJRIkeepDXo8OU0JdM/HdH0oYO0JB1pIHas76Hz\r\ndV72MzAXDGU2FnGiDO5iUKgsxdadcPlkSBW6cT4fFD0JY16HsVkD8FKzFqhh\r\nEwt8nwnswEVgpXm9FBsy5PEWMCPgl0YDZTSwaARIRvEWErMgiUAP1fjpsFIs\r\n1NkaC5aI9gMGtV+bnrl4BvpxPpGS0o256PF8ZrWqsLTbc4FlH7BdUXS0tKnk\r\n4Y8wdoLePiSJP9TBf3j0ru9PJ0OIF+YtShWagFTBN9viu5e1IJhDGuw9hmvT\r\n/TBqBK/U8/tKaxzy3Ttm5/YONssv66F+p3s8z+aQQceFjDdIK70xkGjGZ15X\r\np/Cbx2Cjhcu462QAtuv1AYxkoA9NW0tljPs=\r\n=Ezaf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.b20d3d73c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.b20d3d73c.0_1659652943164_0.27882188167365896","host":"s3://npm-registry-packages"}},"15.0.0-canary.47c0c6b1e.0":{"name":"@material/rtl","version":"15.0.0-canary.47c0c6b1e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ee784266005765c84059d065a9da5c2d7da715a4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.47c0c6b1e.0.tgz","fileCount":16,"integrity":"sha512-sQrUQYgHWnkClzWDwG+C0Hbkm7pVrjUd6syIhgO0i6K66hzb+q41Z7I5IlVBSSxSQvrphYxVDN+FwkoXQpea9g==","signatures":[{"sig":"MEYCIQDUQP17lFI4lAlLrGosb6Kp6WSS8TAQ+AHehI6Oj5DpKgIhALot5Kk2vo3C+t18JEfyLUCtddwvBxWOzSb1bodBGNE1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8nsaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoO0g/7Beyzr9iJwrAAfwNnZrUmMO82bPRRZfpsSczh+2iwUa6a8c4P\r\nSrOHXIZQBSiifoa+Rw3H1kiOvYQKln2i4bfpyyLVwIC+aCE+fsxSLDlAEky8\r\nuO0VaTn9bwW5xXJt6ISbheacv7r21KEBgQ5MTNKvETdRKTLA/T9nUSnEX+Rn\r\nTIs1Qx5IXc7LO8lZ2GeMLaNmtN5R2aRrbWJ139/5/sTFItogLxLaZ+AtI2G8\r\nA4Ev0HyToJHAbn3XiGCvXGMavn1K3Ueap4PCmuoIaRxJgsyQND8UCRMAeDbe\r\nNYbi8rskUTorQOpxM2D/nh5H4m+GuZhdBlY/dYLZJot1bYfoiXHAKBoWRXkg\r\n1SBBPgtrdSEapsTipOJNTWpFx4VC075Afvm/+ZNvQ97FxD8xwSXTqMSDRAAP\r\neAIK/J3td8kOpJ8O/BdU2nq6O8FhDrmeH4Phb1aZFsRDl7KUK686zlF1mspT\r\nOqBAahKxLOiE8RT7fAH6a66lOJU0BA1Me5aHnGWazvhL8/GYVTEA6ekYyhQJ\r\no+okEIncH3QqG5+gPwUgkcrHaOrGKF/fvQJdufTaH2KENMEWa+zAiGFNUJtB\r\np2YCiKEusSEs6dC/Dyz4CSXn5aLKJv3CLH94oGFxUXJXGeJH5pOM3hT8Gwa5\r\nSbonjFPlrV9FBKSXZ5+cAo9r76NynE+fYiI=\r\n=L5kT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.47c0c6b1e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.47c0c6b1e.0_1660058394797_0.7670090519954786","host":"s3://npm-registry-packages"}},"15.0.0-canary.0e3dc8e38.0":{"name":"@material/rtl","version":"15.0.0-canary.0e3dc8e38.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b7bbf5bb35fd967435546f97e68c93309317f189","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.0e3dc8e38.0.tgz","fileCount":16,"integrity":"sha512-KDsbrUx9IoennUdVEC1TJ2AiCcQJczVT065WW8e6QJqpqxAQaXQFJpgA+nisHRPEEzAkOGR+4R6BgYtxf7x2PA==","signatures":[{"sig":"MEQCIAzapHH0WyCgVaRE9fM8zUqb7upFkKebVl3X3gslbAznAiBBTI0dZEfvshxErpkUgSRBsrqM6Y+OpwFEN055ql5tzA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi9U5IACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpskA/6A2sRUXSKYxcL7ZWpj+dsVvkWVp30HH3R2kUMVhVtgP7LqA4o\r\nIiVb4Ig7vAXidd9tj0iSRakUITu6F1XnRmXJchpPP6zb9hI+SHg6wvCowWru\r\nBhRQ9Jh6R43eyTwVrrsSMNIeP9Z3Z28JXv18amYVmGU4Vt4T8HVdr1NaQaCc\r\nfoMAl9nP6UPReaPkixYLeIsruzCCG+Re3OGnfwXy5dyP0K2DTsoGn3DpPrs0\r\nYQlBSmwA2uBA0Ggc6T9gFu2alUecrL0DafIt2Smdz+Hpgiouw/2HOavsTC64\r\nu5zMPwPUzpzUWR2iTb0tPbKVy7pXSffhf3YXeLUqElXMD4HjYJIoiNzFvkJh\r\n8flK7rhbc4dI2xsyda6MfDhd/x5Tvvw4Y+vx1Vxuh4qVpFOvirarYL+dbULF\r\nctiRJYomaMJ+RMLiE9iP9iBi7u0X14dPDHZbo/ku/NRe91rTjmeMEi9N4fRW\r\nrlIzUsT966zgLmLP019/wfXjMphvBnI25m/0VTcQrGBY6AWxYx6QDLEHps0W\r\nb92mMQmKjt6Y6FQJpZFtECE3QNuQHIfiIbu89yFOglcpT6u+aVyet0+LV8eJ\r\nI/k5ME8RNmHgWux1vwoIGipzRsxATgMV83tYDFX2H3x+75fX9PfFl4iRjdd1\r\nHyLd4dtgRplx4U5WKM4bTWuRSvQwCUOfy/g=\r\n=W/Z0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.0e3dc8e38.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.0e3dc8e38.0_1660243527837_0.25830715332420207","host":"s3://npm-registry-packages"}},"15.0.0-canary.d5a11f1c8.0":{"name":"@material/rtl","version":"15.0.0-canary.d5a11f1c8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cddd04bf10e118530af5217f0d26bf60fad6422a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.d5a11f1c8.0.tgz","fileCount":16,"integrity":"sha512-5jM30HNTVlNsT3tKzyByCd6Fvm7KZZcokmzCir5WoO5GVq56LETdfliksM5Z58KcRpX43Ov9pJeqm81bvsu1/w==","signatures":[{"sig":"MEUCIFofqFKppD+rMyBu1f8SXS+/6bd4f0oPr/S4JEYAGZoxAiEAtSqLPrLRzCHDUBEVO6pHFIuvAkXpDkLtqPLD6t8K9F0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjDpahACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq1tRAAhtRt6eiFBeP3q5iNRvkL7BkB1l57upT54w7lNWqG5Y7Del6d\r\naORQvfGiUKI+CKchTT7cP53dlCOH146sfNSamEhms+sFnJ1BRyjhKEi/GxSB\r\n6nYuq6yd5atOVY/9kWquHV3FH4YtdqvIbgjU+VOSZN5LCOd4+0yHFVFtam6/\r\ncEIIcsw2MImsjQX0t2hhWmyf7+MmZEPzggdDzE+pb01UR4/GdnSpYh55Wlew\r\nqTzX6S0uoUPRy+1lpu3u7mga4cSXZYaoqR4RYX9HkN6WtIqkd6FP6gWWl+Zb\r\nbo0g1fzjGMhyKb7J0m+NN2qC8IGh6NikXvlRyVUnj/6IU1qpOPcKKicZEmRT\r\nNJkHBT9+5tvMMhuqwlu3DJd1OufF3jRfJh4gK9D+cu2PnexIYIcc8IkelbrH\r\nkO2hV53DcHBG5ypRtqaoMqVpl716Uaw7JN2mzX1z4fSsnCEmDnFOsjiT0wHW\r\nfoydNDRf/NCnV/br2aUSAZjK5iiZFByh1x8G5iMo/86RosG2zM6yeZHxrBVp\r\nx2+02rRFU58dWGwG6sHNbsoKCwcklhVnjQX8NwZTHZ45jX9hmFYu1L2sPThN\r\nh3hHXPunSl6WPFPrl6y+pcJP6G/jchIbgEllEszhzz2sp9r4uM3Gpdt7lRHq\r\nEZIX+yurgpK68zobM95VS07xhllwvqo9a3c=\r\n=jCsI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.d5a11f1c8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.d5a11f1c8.0_1661900449034_0.6843611460697887","host":"s3://npm-registry-packages"}},"15.0.0-canary.bac992a95.0":{"name":"@material/rtl","version":"15.0.0-canary.bac992a95.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b8603518f27f5166d8ab147d79062bb8861036cc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.bac992a95.0.tgz","fileCount":16,"integrity":"sha512-52zwVfqBrrXTppY4ZYQvWM6dDlKEmand5j6hy2ut3RXuxYmCQnlaBieJrlfi9FTxy6KO91jar8aQ21RzYwrAOg==","signatures":[{"sig":"MEQCICFuCeyX7cz4etShVkpHPCn5laZOAFEEt8Nn0hGRuqVHAiBUC7V8RZ3BPlIOdE1qiqbk8fWDDYefXInCGM5k0cfNvw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjEFmkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoJvg//YqbnjPJK+iSiS2JOJciXNPyP5NobMqlrwm1/J+4QvHXbbUw8\r\nvyopjIqrHbxoOHQ1dgyCqSwGIWV/2pcYFoVOQl/5RVtRuvV5KmxhM9vMgw4q\r\noBaf7H2xG6dIjw07GB7aq75BCurAAbFOExPsmEelMi5UH8rTxAA2EQBaPl6u\r\nttUZRb+X9rHb5HD87ieszfjJfDhHKfPEcGx4DHElpY0NYyByicvF5V9JeP+L\r\nj30hmQbjjeUvyok9F5z584GfnWEgj7xHnhshRQClQVBDL4YizNEDBhB/neD1\r\nBo2InNjZAmXy1l6nIa4US5B+Tn5OuYMN8+lBQPU7BG3ZK6LcszRcaygPIhUe\r\nxNhlpHY2eLsmV77QIzHM8HHFTsppLrwH8GXQlBMoO6E/2UNYJRuw1qvDLdzU\r\nV7c+8XR6Vi0jM8ccobB+yAxlvVfKna3WXujaSUq+EL42GXJTJT4c0RD31OcZ\r\n1tw4Hr/Dc/GQQ0d6N79ptC0SZNqle+PbD6DRaK6qnN5CLxVZpwnoT1+uki99\r\n3MTPkOJYohupNygc4ZUJw5BVuJg6EdotRovwIKoicpMy0qCrAd+w/Gpm+rBo\r\nU3aR04B+9TrdwWszLO5hPzGpUT5c3wJ9G9QXiX7zwJYGLQEIsQGi9rto09sC\r\n338LJGYdn0u1K92X9nJO5mA4Qnl0/iJVkDc=\r\n=pVx8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.bac992a95.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.bac992a95.0_1662015908672_0.183073933172603","host":"s3://npm-registry-packages"}},"15.0.0-canary.d25f3404c.0":{"name":"@material/rtl","version":"15.0.0-canary.d25f3404c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a6342ba1d1b9048b250728f59b465d43bc0009a5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.d25f3404c.0.tgz","fileCount":16,"integrity":"sha512-2KXG77NBVBudPW7QCdTwVMjjaahmIPfYDYtsgMlKbkrsiBTjO2WWc026UIiZCGBB9wsqIDNTa1EofqhFQv2gug==","signatures":[{"sig":"MEUCIQDGFJEaT8MG2rhZPVKqx+8bu4lsRoNgqfeCkRgtwKDNKQIgd/G3oexkx8zVKBHiZ2KPD50V4/dMTD0YbWGy1ZSMqfs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjEH7dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrXyw//Veh0Ylv7ZLuCSkphInhBEHJogKt6Kkdk9zlT0d8kvrXIYss9\r\nEfde+OCuSjREkeXZS51VfULLCiInvDVOckn4umTe1bR0gQyC09GjG/iu3O3w\r\n1g8+orOLYmE8XAC+Joc4sRV3Y7ZJ3aVj6k0HwFd/5PnsSE6+ELCFs1Z25/oa\r\ncUU4Z9+HUNuH54yeUxdYTO001DwNK+RFFgV3dGRbcBZOnPkPLv+YXhz8XcV1\r\nwYNBz7NQu4TvvTWO/wsTZUlEkOMt/hr+8c78PJrwp3ZHAJ1cs3qa9YrYL0yg\r\npZrQoxR78q/Nn59si3hM3ukuvSPK35pOtHtAvUux6REAkBj0X38OzujYBu+t\r\nzUqa5FVvWWMwR0oI2Jf9goebAjDlE6wJl3bAHi/xvwFWQZBZOy8HhQjiolr0\r\n/DsDGe1wr97mx0svlXYLtdJXUWDdvbN/x7rZNN/pUtfiRJkgNMjbCQgM5Uwe\r\nuRMCl3kThvOlN2p7TUe3vKO/lf4h4QSDq9yeRwZ/sW6b1//O24F3EVh8FkRw\r\n/OImaSaxfBph7vAjOJ0OZJzPiyzaLnCe3YsrjUVzVNYR0zFcpdbZETiyi3mq\r\nfOnMrNabwr5tNA7T7Z2cRJ+6/2mPVnJZt/RK9S49KVvOVZADrxdmD9/tXh5P\r\nX5G8xskXjey/G/tlBOWm/RsbKzyZGRQY4wA=\r\n=x/zP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.d25f3404c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.d25f3404c.0_1662025437263_0.8269728306003077","host":"s3://npm-registry-packages"}},"15.0.0-canary.920d8a79e.0":{"name":"@material/rtl","version":"15.0.0-canary.920d8a79e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d8cbdf2b1e4111b8fffc1855f87e5028abf0c25c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.920d8a79e.0.tgz","fileCount":16,"integrity":"sha512-CXe6uCdgOF43xSJmmLT+aZAGGcJjySArW6GRhQJ1H8Qca4oWxh7YLk+K2dV7uY0eadvPshnbEiwvamJ/NVKiDA==","signatures":[{"sig":"MEQCIHXrJ8aNag2lvZZYqoJPUAkwQKgO1GGv617qAxYlqL66AiAo+nui4Ykxc1axN9nPu9SEDt+tWEs1byJ0YKLdu07faw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjERQPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmorrg/+JnzjR2jzJH5G6Kuy4e7RcGQzLOzfzjbUPmDdrpcYVWI7tC69\r\naGy9MItOhRC5BvE1yNr5iCfQMTpcWnV7Z/pmVc58/ys5bMnjWY9UotqUC5Da\r\ntFz8OeBQ2rBCs18QF2m3+B8O0N77YpDVfqK12nlTxiQh/t8aOpECTmShqd/S\r\nQnZkPTCIyjFE5174jJFFSftzlchddBz66FvRzLjMxnz4cP0cWpNX8Kav91Aa\r\nOFoJre6CiiNutPLhm3ap6J5rya0ihT+SreRgpeecmS+VmeYGKhfBiPI2bvjr\r\nTCbn8lgddpezYAPNwinJ7Nv21t5+wHx/Chkzua7M9h5LHhZRj6lkK1s3HZXq\r\nuy+W/fhqr6D8ajFjZQCGCFbsCdg51+B241ElAOcO9mIrsefbNHHTqNxiqCDM\r\n7ZE0fkuerC8KQ+Yt1HGTJKYTKHkn7MEdsAMl964HEz7CsCZeAuE4pj6aI2/H\r\n4thVH4k3f3a5MvNmgMqBK6rlKm9bMYT4kty7yAd7ap1mXgCB9TlcJ0ELQGVo\r\n1HJwtV9X12+CQV8h7XObgBeYFwRXuhPnusIK4pfNE0cik2tDdJDB4kDDWaDd\r\nirQ59hCWMRoIcW+7gPxYwBXmC0a8A8tonspsWnYs7HjPevAqYDyX/IdKnoR2\r\nYlwK2GrHLa9DQqHHPkhgVh//Cv9EATQ3EoU=\r\n=hgGl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.920d8a79e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.920d8a79e.0_1662063631489_0.19383714683676967","host":"s3://npm-registry-packages"}},"15.0.0-canary.c363f267b.0":{"name":"@material/rtl","version":"15.0.0-canary.c363f267b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5b45fd7f615d7bbf703c40966072894d99bdfeaa","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.c363f267b.0.tgz","fileCount":16,"integrity":"sha512-Ov6SGAUTl5Z9VAVA909iu3ImXRZ0fSf+7YbIK58yDVYc97SDMtMiu/LAXV+taYobTDSqD7ZM1FbW9icgWljBkQ==","signatures":[{"sig":"MEUCIQC3ia/JrQNWIhAL62oBUiJU+EEEX5xAoJkyRLqUUeTG7QIgbgh034V1BCKS3Dbtcd3idwnaKL4FttDeO7Sy1IE74GA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjESF9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr9Kg//UMe/thxC7a9mJlQ8SJKrvmz5hCzOkhtjEJ4Kd5ZKhNfCVySE\r\nPUXDNyRcnMZkPjvlorpAGoWi1f0gf4iSAr+CzcpEEFWdQp119Tg0eDW5IE9Z\r\nafVQp6EsUm17T5XVTnUIIbe9P5qt5HqVNGz17DHCxDVQdbEwoFYpeC38nbni\r\nCXOFcIJ21CxDa9D4iEln237/HeqqpEsYvewGscUkLcoKhTIF652xjA3C5h35\r\nZx9TsALQJsN/7T7Ga32S1ybQtNxjjFwrAJji42M/d8oC1Flmo1opN5fdsPwH\r\nJjbd3yFuahPxMQ+pXG1wLLpJQeXSyIFdu1DYuqRwFRtT6+ASrVM3g7a1ew3a\r\nqZvpmeFMCHmmj+ia450mOy+Jtsgf4yvoHfL/f4H1mgIz+nxiflI35jsoQgrH\r\nGuWrTmwSpW8HU5GVEIknEcE1etm0jbvIaOB7WJ9i3Bwn1mzhwVP3i3G9p4xC\r\nmRh1nIsHjOD/e0P4XsrPAIvs/ZmIH/tDpcTQSWOUDo3wK7VP3MBQgzMIGPL5\r\n/rXrn1BOVAI62EeeCrDRfJT6uiYyVQ8WbXHWSiZIe0zubf5ZcHe4j9zJLG+3\r\nUyxbiey49DX6rvjNUfp66CS9W+KACM0Q1IB+3PVgj1qAMlMszcc4SoF/G3fY\r\nJn54ADi0vyTZLP7OZjYeG6vOzPhvHUqFjK8=\r\n=CwFG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.c363f267b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.c363f267b.0_1662067068986_0.0933458884545808","host":"s3://npm-registry-packages"}},"15.0.0-canary.a4eb4937a.0":{"name":"@material/rtl","version":"15.0.0-canary.a4eb4937a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"dd46c83a838121f4cbc28506252f87bc72e86d0d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a4eb4937a.0.tgz","fileCount":16,"integrity":"sha512-AyHV6Aw8iNSOyQVRKpVzEIFxerswjb1b0d4Cpp5QmcnXH3H7XsTYXHXhoLfz0rkq/CmD97x8cxAY2H83WYl8VQ==","signatures":[{"sig":"MEUCIApwmqjUMF1pTbOg7LWT3EU9lyccjT8zdPMbw+q+TAksAiEAznMSvi6OXDkmw/4MEc179xYbgHCJDD6K70odAPaeuLg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjF48oACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoepRAAl2cMIqgYyhTjJLsU5bvpjDsuc6vI0hfeRmt3dIllMFiBBD1G\r\nk39P8loZF8Ux22Hgtru1QXmvdHu0nNdOXBxz8HduiYh5tFRCC9smcqZgklcE\r\nxv3ON3f07p+hQb7PAAnDwlRNuJ5n8kW6g/7vQICej1TKvp4MSoOeXp4KNRFr\r\nP8WmOKEZVbweI3azW0Ky3wV7X2iRS1wasEe0i1nF4PFWzMUnMGe0cMFKYznv\r\nFqyzp2GbJXLT1BF2YLFnGCG8Te/4MyLEId/D07LFNv7ZlPsmQ6OqtUaw1mwl\r\naHUmQIgn/k0ijSOzbUn7POM05iMftNLHAgSKm1PLcKQp5OZW3F4vh3eK0auu\r\n2kBdrHbbIjIbxvg2m2uAN+3O7qOa9bx4N7JgUTbNoJgeje+MHvWNPaobmbO9\r\nPsTwZXpD0ID2j7aL470K+VjglR3QOPsNuy3XxnoYTd463DpQ9qOB3vv9Poir\r\nQa2HHy+wFKTDWuLL+fvscbpW4lwe127lomAshcDYjUship6hMrYFKP4BkA8g\r\n4b5aPB4g2QL0ToF5VOyQ2KReUdWkhfc8rRAgE35R4XcSOHvoJ23Bp2vK2wfw\r\nNqIDzS1FKhAQf012xPQaRYbl2mXZ2iOu4RO78yR1xJDuuXKxYeii023bjGYe\r\n+zVO5GRs1KSiXCACJGHWglRnZMQGCFckW3E=\r\n=XjZp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a4eb4937a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a4eb4937a.0_1662488360566_0.10339483130006921","host":"s3://npm-registry-packages"}},"15.0.0-canary.4299717da.0":{"name":"@material/rtl","version":"15.0.0-canary.4299717da.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"21b6251ceb45e2f7125ac594ff878ba5129f018a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.4299717da.0.tgz","fileCount":16,"integrity":"sha512-XkFncxoK+JM66DkDT/rIg+v46iJ7tOrh0n+UX6f7cqY9Pl6zPl9w3vbZN00pZRBw05z5qc7adKlWh726idiqIA==","signatures":[{"sig":"MEUCIQDGMZFlNSMYUkL5KUTeBpSXyqLLy9l0JJ4lCQ8pKckcUwIgO9L/t+NaSJnyxdZG3Ddxr0E3F7DC3pTHbejpa587psw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGMOQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmon5hAApCFOkjIARlakVm05MOUV0/56QFhP/ope8jiRpIa7TRG+KPDn\r\nQ66pUwraFGwqw3MPkIq9cJgFUatTSh0nZbuCZm/QhR0JfZ5pa0HSCjJvrhuR\r\nD6Sa0HejA5tNag2P3MtNkSIuK7W9KioEd273mQpT6zcgJnqBoMxvrE9/trcp\r\np2FKIyfk8SFt5/HgnPuhhS/HjxZZI178MdpHvHPOgVa4rnbXSnsSNwdsXnEP\r\nfthB3S2j/khYobmkYo0wYMl11mAKfCBLFj6tq4Ba6G4WiH8beOjAjW+qNG4G\r\nfVjol2I4IXYWA93beatqjry8SLxVn/lKG4FJt9iNeOtiQJCbupf5Md8Ya+3j\r\nmY9pc92VizyWbTq76UdLAyICqmeMKJdfBwZAgWR2zYkUEmSpHTCTmh6jwvGY\r\nITLULW0piqmVh5CFJ4hIHrhALV/QUGen+qEjfeBSWT0DLaD5w2gHsI+T8hqO\r\nTKdjcqx8crhOh29d0dApQH+LpfmQb8m3DVheihPgZWKkyRQuO6xHP0G+7HHv\r\nDPRs2kK71ETejFEeUy+t3rko+USpn4htdq2RNv9yqdYk9yFVBOwNo7tJ/J2t\r\n/SRt+eCQmP3v2v5dQks/TX8f5+uXfb9AcDIZbK9mxu/Y3C28QBIE48/UyRoq\r\ndhk/7T0gI4BWgCnWmawc8J9eoCmB+7gefmk=\r\n=+VQU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.4299717da.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.4299717da.0_1662567312330_0.5278439088306888","host":"s3://npm-registry-packages"}},"15.0.0-canary.fa7d8d44b.0":{"name":"@material/rtl","version":"15.0.0-canary.fa7d8d44b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b9c5987bdd6d9cd80c85cf0af77c862e43e6849d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.fa7d8d44b.0.tgz","fileCount":16,"integrity":"sha512-0LzJQwvw4Vpkfz84ObzGc/g8gD56RcnRmOGCjc9/RFx/LA8M3hCE13PlVcSMNQZ3QJUgd0nIlJelmatObEHkcg==","signatures":[{"sig":"MEUCIQC6BMiI0eOIK18Q1vCXxOlRv1P1qyV1mCR+2/OeRpTMHAIgTM0VadqGNCr+hzME94OmnSq0c8LkCeBxl/E6SGGVPDI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjGO56ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpe7Q/+Jx5G9SVZ9wx38AcMSoly3451ueO4zkdvJygcm4zWMcDQjTkV\r\ncgjxpv2UwgE3MSC+nK5v3GpB6FZF2km0HCYfCVFwOFjA4ApRK87OtYuJDDmm\r\n8aY3//Ocgt9IxlDZFErYnuBWSZtgqg3IvP73ZDd+oEX8hD+d1TEJ+owYzqSw\r\nJbx2xb4CfFggQlhG2E8R2JAxtE+7tGeDsjeUe7uXWzIDpLz83tE4xcwC6BnV\r\n94trwBArK+AvWqoTPtCNuYtM51+/TLrMjGKRWBrJRM2YXJSmjndG2UlNmP2v\r\nAxFKsGKdrLol4Myv9Icgghg286TryFSFzYyOgxnZowRwohOiMBvIOgI1j55W\r\nP/GI0ngy6SHqxCXeTB5B841IA99vUso49JDZNLf0pZf06HwUoUXMk8XeTavB\r\nze9aw+YiUSo/uVte7O/CpVulw/fCnBIwKBgDP5A9zwh8wBVx1QUPTd+ZQe3X\r\n95KXEkzmFdNIHGlGHyo8Ox197ZdJdWTfaK0BWY6p01Z0MtLD0L8JemiDG7Oq\r\nAqiWvztBCX9rxIjR+VYqu54YjWFU00nEAYG+yYjxOr13529j2iUjOPIzs0Qe\r\n/BUxHg3qClYMz3ZK29tcFB71UXibyriYWK6fe/miP7XljMiUBV+sfJx37LIL\r\n94qLG1WlLXSIm+rQe8H7JnD024gaXdzciXo=\r\n=GEG+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.fa7d8d44b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.fa7d8d44b.0_1662578298063_0.8802940119799483","host":"s3://npm-registry-packages"}},"15.0.0-canary.a40e3c768.0":{"name":"@material/rtl","version":"15.0.0-canary.a40e3c768.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"01f8155526dc2741641331c28e25c5c89c96849e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a40e3c768.0.tgz","fileCount":16,"integrity":"sha512-D6Cic9iMstZC/2x/+6pcUipDkKogwFxBYnr6M+GxDXhzo9gM+nKi7Lan8FN06HTRGssA+acvMdW5PSLxLsAr8A==","signatures":[{"sig":"MEQCIHGnlqsutEY2GkwNul6sYCmnMk4ucB9xMPYfArchpgKmAiBjeLxLlQ0tT3Q07g+lmxC4nWzuOROVUFShi3D76HtD4A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjG5wRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+Ug/+KtqhEjW63vbZj3LG4sQ3uMXqkvv/i6BzMW+u/CSaHgPN1Djw\r\nWLx0t+Eu5cN+A7N0hsWAngVhA7uDcfrvK0DMlcNOue9rYRMdNet20iDrklFw\r\nyEl1iehG1Fg0bOwU+Pz1P2zY6o0cmNubYMSXgwhC8CCTkIuC2MWMoWeJCvBQ\r\nVcEMZLGpArkT3IWxrPMyT5k2DJ3jD60wq8PUNBpfukvkxfYy2Qgir4+m5EUO\r\nQ9kta7YTjYJ1Hp+B+5lTHx5qWuuaELgDBhLVD6PVWgOJ1XdmkQWt7N0BbFyd\r\n2LfTORW/f1W99g0b56W10gTGrJa0mKEh1Tk7ilnNET2rfdQdHBupF7KxrXQC\r\nX724aFCDA8f4a43qSSOhlfuSJXe8ET2PINOakV88soSDiWdMN1TJHZEBDLei\r\n6l8jL5Omj+Rio5vf8m9BG8njIDpntf9kUToxA6Fxe9MH3r9LCd+piH6cQXI5\r\ngfekq/Xeatk4HcmNBoHln/wk5X6D0K8CgHEY1Ahkq+VUNt2lDGJHMYQw5yIZ\r\nI0GYlN+LT5E7Iw7s8aUXfW3LwARz9mmTQ/a5XChSw1ULOmaOyczGjuHjN1nK\r\nLQziBs2cEiAs4BHwLlgITJKRQL2dthMGH3knu5wfELuzLAjcLdeVMze/haUP\r\nJ5+zba/o/zQn/SygmlrbAfcUiqrZpJTLnlc=\r\n=3A8l\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a40e3c768.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a40e3c768.0_1662753809466_0.8108776622282594","host":"s3://npm-registry-packages"}},"15.0.0-canary.18cdc9a00.0":{"name":"@material/rtl","version":"15.0.0-canary.18cdc9a00.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0b125b7b8209ed468a0b70bdfe11ba72e1d55eb2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.18cdc9a00.0.tgz","fileCount":16,"integrity":"sha512-aWtF337oDk2e2DDkJTWgALvg1rjVzrgHdBKbuccCHgJEzQIx2AOlAhZK5foIH3BtgBL/KtBWrokRk8nN072ySA==","signatures":[{"sig":"MEQCIEA8AkzsGMIFP1CNHktMIoc4ofirQTn3RlWGORA2rxU4AiB/kZGf6cRSojTdwW/os8gud2HdzWMG7V1x0h2PB4Z9Gg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjH55gACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoE4A/+NLIqIfUErOOHBsFnXwuD5BYATNcLY2L3zlY1lYQPcfBBsuie\r\nc2j7aYOr4VCH7rRogY4Ttd8R8flZdlcOq5R6Zxc8OQuEhpBTLbqchJTeXEEm\r\n3QspNEg2wdnXuKNJc3LBm/E2BUqFVHiEevgj2nsybhAgV9KZ8/6k2ztycUVY\r\nEcjWR7iJ4dxLaR/Kj6JZPkaIw6fittac4tVL/FT13WCIiBKL6myBECbd/w9k\r\nZBv2pTOOIiI0uix1jgkg3h/eGCVzIoYN4KEB/taTrvrGz2U0jose6gPh7x+G\r\nfHDnjv6ASJKJU4mQ8eyPQr/tVlE57eJJTxAJgc4mODf2GbdXRsDWAG74bE+V\r\nPzlQQMSHJBQhlIFInfjv39eiPzBR+jk/HNNCzkUVXH6YYfX4FMdNBhEDT5c/\r\nJBxfOj6rGFktnuUsha20i5PICjNRxYBgjlqd6YoG7sSdNUYIQ/+rvRhAr6LY\r\ngTkiVJrK+pNrL1sRMo2q3rhK20GPQqdnD6uYG/XAcL3CKNKXrxkptfdaMmAb\r\nhLmgMQtflZHusZUVWVqeNeH/9k49HUmLTG68Ybh976nv67gKM/cnRBysDHuI\r\ntDRZla7ldeJ9u7kAaj3mASeBRrCqh57/zCy1lKkUHgqmU+1NemWIIFLzlGl2\r\n09HdcBLJZYb0ezM8u002QNYnTBbJ2Pe6G5Q=\r\n=lWsM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.18cdc9a00.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.18cdc9a00.0_1663016544639_0.6867266602805246","host":"s3://npm-registry-packages"}},"15.0.0-canary.7ab3cd3c8.0":{"name":"@material/rtl","version":"15.0.0-canary.7ab3cd3c8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d9124bf7b02e49dc457c7912f83a61406061074d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.7ab3cd3c8.0.tgz","fileCount":16,"integrity":"sha512-1yj7AtdzsmxVUhunqL61X5cUjVr40Kv5wTWO1W8iMhh7BL085wZkZuORH1zw/TKORdnrGwir/HAd4Dxi2RVsPA==","signatures":[{"sig":"MEYCIQD9zr79nZVopQVblNDekkUFxVv8r2gn3UBd4/mXS2eL6gIhAPj9YU33HEOzfS5Yk+HnfaGRWO4O45IiCOKHq1Itojf9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjIQZyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr2bQ//SPizxR/Z8TSkrNP9ODE2MDLIYYWW+oEqr+B7WHvbRyjzHV36\r\nSUYWcE5qOaryKh2urEBUsh1I2y6cGvVcXXiUdlMJNeCtfNz6Dd8xOXuNgU+W\r\nanMWRjoJPi90YFqcnrpeajMUrqXCbcy2BSmYCdrvgTA/mC+LvfSV6jJZjzum\r\ncXX2mqeFu2loHFQF1fiF/Y2G+5pkiFeQ+B4M9UP9ek5o363f/kV2vCmqhIMj\r\nnAaqI7vyQ6/9gkWZ2nSGGND8hSOybBqQdb+SNWQRvdm9b2jewYXpvF8km4BK\r\nY5lEVL/c8P4l0LmaeMxt3335DPf2OYdplua9oETuXKSJdr10dRYXb9cxW92r\r\n9cwBZFtmDOS+fqs6AiH2zLlIUl955rL2WCwlB/Eqza35XGYLpVoKrJ27D6KC\r\n4t9kG++O+5e9qTi/CRiu7Wj8SSTzTSt1MOt2i0ySsz5WdPYKI44rcpMqyaLv\r\nApRpgckqUzhKTuSw5ewRO3XzapIqI7sYgwVPukvrQt5Q39cmOBal0DnYiMbB\r\nZebxnHLc0DZWh2OinIFp2qMA2VjSBL8AVRM9f7XP69UMNIKlDTurKRyenJEF\r\n3UuYVpL1N5t4aORuPKViLMdLOBxjelRo6d1jOdxbdhtoK+yl8MUvBiVsxJwN\r\nI+w0HhyHQkfOsAav7K4y+EM5xpkdwmCGwJg=\r\n=ufeH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.7ab3cd3c8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.7ab3cd3c8.0_1663108722514_0.3479884519261254","host":"s3://npm-registry-packages"}},"15.0.0-canary.2860d244d.0":{"name":"@material/rtl","version":"15.0.0-canary.2860d244d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"554b08aed6b7496b441d0118364e49531d4a99eb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.2860d244d.0.tgz","fileCount":16,"integrity":"sha512-WQxV3jFK32v5rU6sSS3IC2+aJTvYNU+51DlJ5xy2B2r4jYHp2RfeEhJj7pE0GJv4FTpduWd7jE/KcRWMiaLt7g==","signatures":[{"sig":"MEQCICw7vFCTHh7/NLkqawkO+ysEomumRtgj69ueQHRPTG7wAiACLTIOW1LMGXLSidsLSry+FD2tz0m3Wc6N8cZ9J+FxdA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJP6gACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmplQw//YDmr2HtmbPlFQMXITaSbKefPoUKHnNTRVyG+pTDhbW+hF3UN\r\nwdERq8XKhYiVwJyPA4oksYdGLCPp8a3BnCXIPVLVUa1Zi+xWQ29fidmcmGO4\r\n2g8qoG9Dn65RVg/+Qa1Y7ZyKRNK9G9t3RGopKQFvYl/wDH9aRLm6ix9wtx2P\r\nHK8Q3KMJnNlNTJsX+yRpLukLV5my9TzZtdQUH6qT1ex8TIejFNVctfBr9JlB\r\nwvwt4jlcVFEaofvB++UX30ZY0gYIVm1SEqhnwtVxZZ6oGNRRheCwzel8+PWv\r\nrTkh29P15fYTDk7K9+RO60MmLR+Ss9D5p1J2ExGQ4RiJuzmfe5OtwaBssUIw\r\nepAC7WMTKpYGVzwWpOA0kotuC5KAHgBEsB3MFU1PN76YtHLDM2ydzU+FsVaq\r\nhwdpitSijHlj2I7SyTjVvJuAqMkB85ZjEYLUpXRUQKWCJeF6N9+cAu3uHAgh\r\nKyQRJq9A/RllP59WLEXpFmghkd+3fRCKcU0pWceXeQ8ETGsftwlku0qGqWf0\r\nbRY52N9+fFwjnwQUhhdzOVULpsFaUt6TLywhDShA+XtKQAiXBujz1ILHYOnr\r\nUoLRrCrHL/mrxy1EugKeGa9AuYzUwy+IgLLXbTeqa54ApCBtbVPfj9FXMYkI\r\n88qJQMGO0vfQ7bq949tblHlwyMcHIdraIZg=\r\n=ANKi\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.2860d244d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.2860d244d.0_1663368864216_0.7661637384695779","host":"s3://npm-registry-packages"}},"15.0.0-canary.e8726533c.0":{"name":"@material/rtl","version":"15.0.0-canary.e8726533c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"70f9c008d37fa06fe99e80ff0ee32325e287f951","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.e8726533c.0.tgz","fileCount":16,"integrity":"sha512-gK6AML+LyOBZhO+MUA0nm7UOIG460AAqYt6pWlWt4eag9kI3sLRk1WYtxM858ZE3EI+76aRiPRzRNzusPylQNQ==","signatures":[{"sig":"MEQCICWRmlW+R2aKgVPpJu4SQQhdpnNS55pNeen33DUagB4UAiB2e9iqS0taXB/EtKwoljZSu3sxAyRbvc4jW3IMmfdudw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKh/JACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrtxA//V6cmN3OeGd6ajwY+g6RnDbTvu4X9U2lU1IWYIvWlGdpsvONh\r\nECop04YbwOeMTG+UDGCbctH4lrWiqLRDehTb57a2jvMsERcSzwYktzPZzlAA\r\nOxltxGp+ebMeH6pQ25mpmVq53cQ0xpw+lDumLpXv6qPs/J5Dg3alO3urRywU\r\nHFE/4r4uHvvqtcE1VtALtSCW6M41wRR8aF36j567Qe5qajlDkkQhMUYT9DJo\r\nO2w64VE7R+GFrDA1CEJO0987ZGmBzzRdU15XQ66/v+vP5hJGMbYvvWi5hWUk\r\nWNuRz8nWHeNQV2daMAhqP+yLhOTIK56Lr+Ei+VR9mVrypJiPQKjqM3bJ+Fug\r\nZplej8t/CNDzdoW1Z2hoDyXYbCkdL3PJnDywZpduP5FJL8qsFgSOnYhM2jTf\r\nc1p2XGTHApyN6ZyK0gUJtqVJd3m5eCLmxOB67vEQJTiv4OjDt95lSjUgv0b1\r\n4z2bUFnIuSO2GLcblSFKWFe0bf2md5N32ZdroYrUAT1n9ursoj+XK7YJ7sbJ\r\nl0uaD0o3arndKV+fpSbSyH5xv2hAJr3p4q6+2Xhywv8yU3TfN8TswVWoRmhM\r\nwR8QkIlcO1F9Hh5XJBwgXGbKFv41S5km0dvw3Gad6rcTHpcsGyiCi87lw2iZ\r\nm2WdxHqi+UUHcm3n1YT+VZ1Il/FqBv8jFAQ=\r\n=iS72\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.e8726533c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.e8726533c.0_1663705033490_0.7502809306186373","host":"s3://npm-registry-packages"}},"15.0.0-canary.00d8de0aa.0":{"name":"@material/rtl","version":"15.0.0-canary.00d8de0aa.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f2737e4fe6ce63466d34c4748668d3bc57b0375b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.00d8de0aa.0.tgz","fileCount":16,"integrity":"sha512-cv5WoIl1wrtjznpAmoycbk5xSbdbg4WIBMxMFdwcAn/cWUoA1ABE5EjPkUcUGRdieBAODPoA2DDQecHYd6ay0A==","signatures":[{"sig":"MEQCIA+2ax2suMDvRLM6DOrl5CENKHpa5gWASIxoghNA1dNRAiAIcl7fzZcGkCj1+sWDrpynWt3fVG4f1tbg6xmORJggkQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKyuHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpjKA/8Dlr1AF4im/dO1BqXmWR7pYx/+HjAXCvH735GEtIs+QjcllMc\r\neDJG+cKOq2XN/W+6nswv8R2VlHqU/IpR19FB790BlrZ1Z90CZWUh1GO78jYr\r\nhuITGgK0UgUzKlMu0KqlNQ5NJaTJXQzhjELQIGUzkYehdfRG3Uw2cgnREbsQ\r\n/r+vMqRE/iyXn+gJUW+J2wCc1P7qTyz2sstsiWS53FBnP1r1YGew3nL+inMX\r\nFoXcnj+OslAR7lBU32+siU85kGUHxjuucaVEPCJ51rJtVL0cHQ7yqITMfzH2\r\nt2EmNfxBtCNTiLzp/qJEhwaMWgVK4muK7XV8wnDaJaguMMcKtixDTHkAYBzn\r\nzv0Ksk8sKiqAANiyi4vI+TfsVWltZutlsEGvrUlHuTPMCidemMXEyaqhBS37\r\nTNayQqXWasCD/u5tJrHtbO82+TgFCBu6B2QzHfFxmZHyeO2gsy6nMSwVNAG1\r\nqzW+kI1AZwx8geWlg7B5UAPefz0zLPGav44FGxA649VCs3NXwENzM7LNfiq9\r\nmCPIhtyM+0VIyikrC4kTpjbpw5aaFBjeOAvKbTKdpHsUxusxdx2CfFPAGo+6\r\nDymP07S2s12GoIVEFm0sJ8pKmS2fAgc9ch/xSu/lAIFhPuvCfzmF1KFcyqJZ\r\n2/N6TGh6ubAvADf4xWm74bPYDt3ef4llLgI=\r\n=C4bW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.00d8de0aa.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.00d8de0aa.0_1663773575241_0.05108716360030208","host":"s3://npm-registry-packages"}},"15.0.0-canary.271aedc30.0":{"name":"@material/rtl","version":"15.0.0-canary.271aedc30.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"265e73bf3d58057dc0716995fdbb008a80e39a6f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.271aedc30.0.tgz","fileCount":16,"integrity":"sha512-sN5qex1ZEQREnpBMfpf8oU6U31umeQ0WHocOjnYl0PKy3jHSlen9xplszcnhg4CWtDcWQWfvRU9XX+2MiOP7dw==","signatures":[{"sig":"MEYCIQCu7uJaWGtm08e6nkulLL6A1F0xkaqD0L0O+TjsA/8G3QIhAIJTJTBiRjLG+uka2I2ZQvLRi+RRYYvFCi0AIZzWDayq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKy87ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2UQ//UA6fBQfBkNqke4VMelFrJ4+jENJzffPCNJHZbRIiMrf1XoqK\r\nvf9VnF389YWVtLP5W4xB5j3Br9n6Ae+n4WiRyRittzrrd4hjCJAhzbMUzqf4\r\nwOxJOzM89qxLE/Hls+jcfVs6+/ciJrmZ8qzb7oUXcrzxHeZ22JDYbRNkJmP5\r\nbsrC2RGjIJiKCc3gABcl7ijMOM7rf2m39sxa95Htl7xsiGFyOU622PDPtClv\r\nCI/wDRal30PW0YtbiZ59OeExD46Jt9bcp7yI1j5kKsolU1pehy6J1xo+RTrr\r\nXtc7NgIdeIPKCnmFNnQ+ZjWsu1P3CrtBf+wNOuhNKRRZ1yFXzImkhNWWn/3z\r\nI0p1jG37rS/a2dAQirB1XnrDhpHh2JopTA0IgOJoCf9bUg+IWL6hIBcHwkNb\r\n6RVm0CDQXF3o3uiTx90kr1sWSys6hHO1pq5WtjkRg4PnO770VdPxiuRpxrLQ\r\nxqKWyRiGZbltoY6+ijJtuiDX2gbRIq+KYG+1VmEJ++W8pCdPCRH7LqfJnrrT\r\nZjGClQ/9BVxUWqHld1W/Sfr7mIPm6OkVfxBF5ZVsHGuQL2D/pu6mfyrUF013\r\ncAgRj/w8kKgrLZXUg77kbbj/kjtgDe9Dq9/npxqOFeMJPp5pN9IZPMEbf3gK\r\nbkaLdBW8MMVhCO/aAZv4ukv876p7wFoQZeE=\r\n=FF5v\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.271aedc30.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.271aedc30.0_1663774523330_0.04169801734207268","host":"s3://npm-registry-packages"}},"15.0.0-canary.9f17ff2cb.0":{"name":"@material/rtl","version":"15.0.0-canary.9f17ff2cb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"467cce24afec86507d099f1c5df811511ea46aa2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.9f17ff2cb.0.tgz","fileCount":16,"integrity":"sha512-HLFc+6hKB/LecXrmJlgSoOkBarwF3/kJBLMuPY4FbMI2bRnAp5GT+E+1uBkoVIEIrghhcbtte9luBBlOMU/JhQ==","signatures":[{"sig":"MEUCIGPoPBK9W/bpW/jFMrtM9Xu38bdhbpvUT1/gxn54nvAzAiEAhj8mbtJI0AK4CX+gxeCcnkfQeEN2QcnDwKqZfZimDsY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjK1LyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoAMg/9F/uzANj1KkhroFiJDQbrMGIy3ytBopyDkHgcWPcCsKp+kHSy\r\nGecBzK9dI7ZKhGJH/GiN7f80KaR8JmDcVonDrirqKEfnbfqnXR2vq5rp1jGt\r\nf3c5WVBakT6Br1Hdlq9WjHRNeaoQtO2aGY3RONLaoiXrwNjytUmpO1te76Cm\r\n2hTW8sxcqR3080RrWnNYyiVQFv4Laon08H1eR0YaG48ag6rg3z2nPjX4Nay1\r\nRYlTaO5qwzWE5pNUtjDxNRcztH5uGPuklDzNe4nQkgsm1mP+SurHa6GQjfYV\r\nowqjpUA379ZjupNBwF+iyWCnLaLFHstveZ4q22l+HZ1XmGrMtX0EoG3SuQwh\r\nxECzRIYVwZT0u89mB0GdK0oznF1kkMEFIzHklLhMXumZ/ShI8tUdWe/3pBJG\r\n7may262ZB3y+vYfrMsu+L3nGlo3Pi9IBpozCZUaC37sQCV66hrHKXkFD97fb\r\nkRk2mzRkZlrW4NAxf3CcdH202WI+SFXwEpaM8GATnMYHZK+T5I1NNfL9Kghx\r\nznDujqwn40GfgwyAsaRMne1yLqaCiXnXDB5tLOE7BG0IQYn6mXEXFUGaK2OM\r\nMJUEcUpOmbIMy+ipqVzpmTRfJ0Hf6MKojwTnn5/Y9a6gkvN+7mkhnAZ7qUov\r\nCl/YyCb6DQ45H38qXgejoLor412dcPqeLrk=\r\n=sK1N\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.9f17ff2cb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.9f17ff2cb.0_1663783666210_0.49281978063479714","host":"s3://npm-registry-packages"}},"15.0.0-canary.d3344c16f.0":{"name":"@material/rtl","version":"15.0.0-canary.d3344c16f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9e7245763d37bf85cf8c37a32a1927f1e3c59e4b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.d3344c16f.0.tgz","fileCount":16,"integrity":"sha512-90Kz6dRA3IovFbmZwh69bX7rsSTKUIoPzwQs40JovPOw41w3CgfGU0FkKlf1RMdmp7ZcmIsx+kO5NY8BBhZAow==","signatures":[{"sig":"MEUCIA+O+u9MzbIALP5UkJOLMXwBZpylWP4Gld6OnHKXo6VXAiEAmpdVUhmn1kT6O3xq1PeuY+yHRRCJowZ7eaRGTKjoZOk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLCmrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpyIRAAiS044r6V4k3nIHfonie5qkm9UtCfm93t9Xru+0qlflUdbA1c\r\ng20g1ettmU58jZcx5ThW5vmN4w0PPLjTs5HxaTKcr604l7KsBuHlBoFXswZN\r\nsp9Po0lf+y7YjZD8u4TVjhp/9+NMOu3cJavZs06HdLZPQHP0DkVHBRtMn6kQ\r\nB521M0TkLW5naJOFbHt2Y56ixwSPCGh7g+lHQNa0NxUJrB3F424C50hoAHQM\r\ngOjRz8mWDPFJ0OdTpaIOJnD8P01Eg33F9A+wUmh7E/T0R38CtOG5lbIjJcQp\r\njI/MK+9TK9r9+PDLVUgN3U1jNcC5/04AkHXDtKBoAbFFkwDNyD1A2qb6lZvL\r\nWZGIIgDHYSYb6schspXj9AjH2/j+y6WIVLaowhLNsHcM3Mg2EepQqDjZudnz\r\nDsgQ3SC+o9rVM1IJ0Tbu01GmVLEfh/hnEdsgDJUyN8lR6MMt9BNnOfoVPXUV\r\nqW9Ohd2C9RzNSQMTLmes9QpYIUwy4b0UDH0fwYDwfDPIm3B4pLLDTVHufKVo\r\nPZMgSfiuWgl/Ot5PpSRem4WdlRECFiUCpbZaDFQJB3yiGYCSEqMvO6Ynp7J0\r\nXepA9G4FAiBWns/GUXAUH012CrCxMbmnpWaYIlq9O0fwLO+RjoRY0Zbljf/i\r\n0MbKQUTAUsOYuiu/y81UcdxPkQzxytd4BSw=\r\n=zbaO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.d3344c16f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.d3344c16f.0_1663838635221_0.7317733906262469","host":"s3://npm-registry-packages"}},"15.0.0-canary.94f20ccb8.0":{"name":"@material/rtl","version":"15.0.0-canary.94f20ccb8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2d09a09cfe629c46d147cdf612dc72817bac138e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.94f20ccb8.0.tgz","fileCount":16,"integrity":"sha512-mwK27QUS9Gn7wr/H/b9mLhNPGZfEWdlXb6xXAkGBzg5m570VdqnNrseVponGOzUuETYWoiWTgGJls100AGXUAQ==","signatures":[{"sig":"MEQCIF3hBMS6glzWToRligrHD4790Q4x63RK4+5O5tsEFOYsAiA/7gCnOzz0FARg7o3gVOF8FxKSPRj3KsZXRzaEvG6b8w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLMnWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmotzRAAh5rIKlBcmc+Zxe3Kk1hF4/AfumaA9dHMXhipnjQyymp+X5iM\r\nCfOtu8ovW24QMl86BABKVrvl8wi9ffGs8Hmd2j2z0tix12GRttCQjmOrjevp\r\nfgYD6Tm/ZhfYtkMvk9BUqKX0sFSDk7qjtpdE1gm9mnNoFYy8kbl0B/J4cH2w\r\n0Gf1IAYY+eKeHkb9q+nJNJbJaWUaVUXYaIqW1xaO0I8BP8yiwWw8OT8Ee3GO\r\n28jAvzLaNAeuVgdWE39jO2E1B8MXC4VRWM/N1IifVNjcCb3OW8+lxQpDRSd6\r\n7EoibHHrY+SeQQmE4fAncMb6uKakamY1sPTJ9DQksa6SUS0gRAVRCAX/FHTR\r\nGkUYcn60EFtblkKP9AsDJydCef2CPyT1ZV9KNZkcy7leNVycgHoVpwdgCCpS\r\nDRYa3nPJhOrHizjaRNr4V3WOqvUGz7/MevxjkNyAxa3EMeSIA9n/0jY9aRFU\r\nUAn1pHx88RTJPMFbo4tQTADsx0qm/GSUYo/5Kupjpru0qmhnFPLq5zuXqIdU\r\n8bjfCti/IVq7XGA8JmeQNdLni4fYHIhUZzz5P57Xa/bgTHSDrnNjel0ZwGup\r\nxK9FJbshN6XI2WOb+aGCbnuHoT3CrGD4xdr7Ax8kVFYbfjKT7aXyij10Wpz7\r\nVztD7/qoDB0VGxBUuoYo6kYSs9KZhCh47To=\r\n=Y6R9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.94f20ccb8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.94f20ccb8.0_1663879638568_0.8879627971213782","host":"s3://npm-registry-packages"}},"15.0.0-canary.81e4cb7b2.0":{"name":"@material/rtl","version":"15.0.0-canary.81e4cb7b2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c640dd1dd229224bb91d6103263999ffdd0c11ba","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.81e4cb7b2.0.tgz","fileCount":16,"integrity":"sha512-giDRUa+OEbqrKCADCLO82j4HGay5Ma9Y83nnIyh67j86GVhkdid8WrT5mvUwfqi60OnpZ+ihboY4R5ulY2dvrw==","signatures":[{"sig":"MEUCIEDOLTHvfre4TMFJXRJwZ0kceJmfC3gwLsmc87B0t1UcAiEArIp/MPAGl6XnenwRCYMq9y5gICJemzv5GhYWfIOBTOs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjLcu2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpc/A/+OYQ9wNnnQ+rZ89YjHoAaM9OSxnqgO9ClmRnc0yOjiBGwNLqS\r\ng5TkM/P+wwGa+64i8zF6RAZAf3Tu/G/BPWMy5+JCbvgYJrTzBnBfahhFEB4h\r\n/eMkMal80LdadJ737+SCsJm0XLPgj5Rda7OuQu8LI2UfCn8+cNDEwUMrcpQB\r\n4J0Q4jzJUqweef6ve0/tCsMY9/jFg2degvpMyttMR7jEu9My+Uzw65Nha3RV\r\nY+xy10W3BeMMGnMGdtJI9/kpEcHsR+QeP2JGnDIrZQg8vA/VwM96Q3U2x8mR\r\nq0rH4vFmvcbiS4/4UNroCY7Bsfi2Yz2ombEkNOziBhZIvrO5HeDS9xoPjxAW\r\n6GoNERrEhSuc+LNvCY5PnKvxn3SVarHfMBKxZwEWbv8NwSNB4WaYP41KVhUk\r\nQOHQ2/oeK1D0Zq9unCfCxe00tlv1VnyR58ctQl9s7i+Wpg0iVsbi6xrIK8wW\r\nRVtzuiSBnkdO1kEx2i8fRP2e8U04/Tl2882suSbnhrdx3I9fieKOJcF2VGV3\r\nwlpvq7ozSG8YnBo8acUE304toSRFnGUw1dfCnh1Q/p/MJCKsfGvTyyxAIs/a\r\nvUcrMERXAHC8pCOuVoCMufi/1AVbH3sqx+/2o0Nws2XUC44ZKIkl8vDx6VVR\r\nFf4rCFoB5YrxU9qpZfov4h/c9zHmexT84OY=\r\n=qVPz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.81e4cb7b2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.81e4cb7b2.0_1663945654744_0.7122520374526937","host":"s3://npm-registry-packages"}},"15.0.0-canary.aa85f9413.0":{"name":"@material/rtl","version":"15.0.0-canary.aa85f9413.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"95c0b9c0269fa0be4c42fb07607f90d027808a20","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.aa85f9413.0.tgz","fileCount":16,"integrity":"sha512-h7BNTc2LbB4nbDD2krUh9KHkDYHjT7WDHxDwrUpYcp3vFpFky96bQ/Pt+VlPkDFFf1/vRVImJx9an3tQlfABkw==","signatures":[{"sig":"MEUCIDjYCDzUeUANuRUNnUxwTYYFo2a6qqrGrmO2JheGS4pnAiEAwVI8KY7HPjQpryZnDIlgT9S5am9ZeMBrecmTXFc7U3Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMeerACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrMYw/8DP+qR3wIBveFJD2P65YV1WRxN8cP3mvwn0Dy3JzB5V5s9+6p\r\nc7TB+Gan6aQdNGBYkVMRNYOrBHCIpHl3fsbx3WrSUmmt+S4SkNSoO8Zf4GxX\r\nqcYQ1tY4QbcReRVJOgOrrdPyiWeJsqBG5eHJI8YMXRx/VigKYbXY2wERDtBW\r\nE3mRkpYrwzfKT1Yz7rA1Uc8xovag17qXf4wC0f31vZvAyu0EMrAIUuKH19Gs\r\n1EILjJLpcNnUMCZvjzkg5CnI8KmXSFz6TOUC2a5f+AGFwzvi4cTUDGMO+N/f\r\ntTe6NHHFTCqcnrYxXM7fo4cffzDzjIRsy+l1ReM3EiRIEfwACvIBwcuJu1rh\r\nRY4aN5AXB0ZYnO9gObEObDxpjsW7TBNCa5PVLvjSyFnkJkzx2Lb1uMX/zYnp\r\nVj0xt4IzVSu6MbWli8Lq95wZ1a7DU4rhAsn5Twq1/nwp7fMDl4IeS8cl3Lj8\r\nIQhfcOM3qJ0bGCSocx6HgSGfSHN+V4VnmXYaBDDXtpis8F215634f5uWIxea\r\nQvxXtEGbkhSDH367EHRsiKa4guA4njZ3MIsQLhQ4i9ztNXpzh6Nv1oGJFXh1\r\nVwJCl52K+pzAlgf+PVSNrvVPOw3aSxaGnf31oZgoGL3P1R0WHrBuzVTQStG1\r\njFVy9NENKDotyTqyp+SGi6XX8CYIcu5dbGk=\r\n=EkKT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.aa85f9413.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.aa85f9413.0_1664214954831_0.5877202175513561","host":"s3://npm-registry-packages"}},"15.0.0-canary.7134a7752.0":{"name":"@material/rtl","version":"15.0.0-canary.7134a7752.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"37779a7c1965b17a437379a51b36ade56492094b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.7134a7752.0.tgz","fileCount":16,"integrity":"sha512-1q6G5QGPCX+kIPJTxk5MtSkBiQ6WbXfp/zLmi6faOXV0yvjgqCN12RvlNF6v01ydB0EJXcziXfOOPhG1Y/AzOQ==","signatures":[{"sig":"MEUCIDWDZUrNWRbMEt8tVuGcDFyynxR82g4wtIkC2viYBOFYAiEAjcMvnWNVQNWFHlWgDJ1Sur+geQY8pem18GPSGGi6pa8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjMiAyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmptYRAAiZW7p0G9QBGL72N+96pid68Xm1+5APJsQDL6oHS7r8idyouz\r\nS/guKfKniyHtxa7mCMLReo6pazUGcEIaV88ePYdbZ8E1WUZecvVTmMf7Z0h6\r\nNb7H8JNefVGQyxFrsl46exVS33EATU0o8tVdJLIuuoMfkHwYynHDWVim/p44\r\nleJquS53tAdEwAySWQaMw+/UAPhtVJ1geceqPMH3hSlJ/zCFfmY8b9kfGPFc\r\nTrgc5XQ1oeSYnrWMoIGoF2U+Kh0I2Bmu7QE/ikusKKzsba+PBjo/Wq0cN++e\r\ndomtF0gU9emz5tQLQp2gbakNXjHtFcspcm4hpE0Xq2UOWNDNckRgoMlYOv5T\r\nXrLzyy+0dhXn1A8O+cS4TxHTrOuxinv3bPwtTl6JxCh+OEwMgFyXHyW72+g5\r\nRbm1TxFxUCPJWAJzfJwAJopJcVdP9Uqiuy8ITMKwaMb66bH9wiAn/5q0GPb/\r\nC/EomN7+aWs5Mm9HWnh/0rNNnZ2XPbmdSMnPBd+1cLaZ/nOPXzLCVQmdwkHf\r\nzy3ErLSlL+J8+QxI1GV4GM9h6BAOOdlKDeY2sTHYHCsqXom0791W2gavLcLr\r\nS/iPSA4qyPB5lvAZWR2rbG0pMSfFh+LEAWsldcaI63285tXw4ib94Wnt5+tI\r\nyGoHdt+63sNd3KLY7867Cp3emh1DtXbbpRo=\r\n=53vr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.7134a7752.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.7134a7752.0_1664229425927_0.9599163739341177","host":"s3://npm-registry-packages"}},"15.0.0-canary.70b8ac16e.0":{"name":"@material/rtl","version":"15.0.0-canary.70b8ac16e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8d6e4fc7cf8f8023739c443e1e4de02815f5c980","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.70b8ac16e.0.tgz","fileCount":16,"integrity":"sha512-1EIdmq9L84uSw13IYHHyzy2fs2SHBTvr/AWEYsc2rATG1mscBfL3IrA+vJ0KzxyjUYcp7v0ZcssLfkBAUtQGyw==","signatures":[{"sig":"MEYCIQCeC39CHvBcwEkUM3JIBmG5SajTN/b3YJXK0LTuUrfsjAIhAI4UOWUbCmvVU2s8sIP7ePeSRkDJPe9ecbEvi3L/1CHT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjM3zGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpRnQ/8DUXgxmmooD8tRc90LMh2auN2cAWQE8knWS2LGrhF/gKBBnZ7\r\nt/AerrlVX5IHZbaWWUtHqQCSVHeqpRHJaEFTs1bvMWVro02W72sP36gArtbO\r\nEjPxcjCNBBvx92UReqh9YRmDtvGy8joyhXzf2x7gNmcg5rlnyBPKn2owZ8Dc\r\n8IqSE2fExH3SwWBiV0TrlqJzZGPmq4qhS5zD8fEGu0WlT5WVAQAomciPCbMO\r\nHmLxq9fxezWsrgaraAmQBD1MrzK61mWqgy7kAVf9QZZbdHO05gkFjpQaK2ZC\r\nHi2/Z3Qv2F6lEamylzLm9XGN6ZRfnyo9tv3iVIdyuM877fet3Rg1cTDB3l3l\r\nqWXHwDaOMJClcfmoWoju3oQYyHNUxvdXKGZWdqDXLF3hmBW+rJWAzBedW1Xm\r\nWvEPCl8jqlhp1uHRVH3MQYw3K7iiKe+4mACBFm+KvkxBukpQt/FJy0Px63B3\r\nnT8cH/7TjC/LoXNScEEN42KDNmS4OPjz+jrfwpcHHqHbqlITvkmx3w5jMQsC\r\nhQoaS4w/XxypWhlzh7ok3E8Ulm3JFdWDRNmDj6Aj+ir1pzgVfEljxmhM9eg2\r\nHJKDGWjUgejMxFCLyR5v07fJGiKvyTnULfGM8akVxzEYILuhyKq/SzuRlkvy\r\npgGbGes5T+3yivBcghtw3HlFWNVamFtlEPg=\r\n=Fq3l\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.70b8ac16e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.70b8ac16e.0_1664318662417_0.6495550258483496","host":"s3://npm-registry-packages"}},"15.0.0-canary.c20d74405.0":{"name":"@material/rtl","version":"15.0.0-canary.c20d74405.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c623673b5764096e774c9915f4e3e012ef25f780","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.c20d74405.0.tgz","fileCount":16,"integrity":"sha512-h1r6Dc1YmYB9ElargFFzTueCrwzbBErtkAQgFk1k4vZ3azaWhr9M4+PeQIj2ucymxfuxugDU8+W/g7W9FkH+OA==","signatures":[{"sig":"MEUCIHJzwqTQVqlYjaggmxhY2AohUoYroVCSHMCfOdVlhsYPAiEA9Vi9LuN+mQejiiWbaDYsIcrMf4Bhj5yGx3kpgtTb9zY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjM4ejACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrpfw/8Cn3rVlBmA9812seckvj5RMvZ0oAi9LCiIXJnI31HlWble13s\r\nXndANwG65nDJKSMMr2LPRvCdphWU9I65FQT4f4sQ56FJnCREJ0QzcJ3IcIVJ\r\nNRz19AJTVAaWpeQrjKK4HXe7ovJFHmFx+pd5+DdaY92RhWdY5JwwDJXY10U1\r\n8YOM9ZeyeI5vnTz0bHT6ehFreN+DTH6e5a1862TvQ91k/5rtoaO5GbfcPIab\r\nDKI9QxhIB0+cx4hIRPbR2PoXD6KUZU0AJEQ25rEXHHZhK63rpoXGRWvG42/t\r\n3YfZqnuKOusE9vK7+RfOWhFYrxu5kKWUNXWWRLwXCuq8B7lo+OxLYPpKZsVC\r\ns8WQP3eulZ/Ipqaq9d5llSpGrz+1QStF0L0egYGmlWnLix5+oF/rBsZGTBXq\r\nFacZI1/WfSfP8TrPRM9uej6GyxsFwEYimkf7alMKC/CdnqXDA6ZVIDM/tTxC\r\nRHcJTwST7ef1w49YnEigUY44ulyonlNJHv+CnCLkNRt2y8zojihDrw1LI4LU\r\nPII368Jre6GgRHr4exfFHVUjBLo2ayxcHddUskJHuxAbsSrN90IHIZQyzeI/\r\nROuztMvDEg1XdUVENJwhNhJRcMtjYLMWsVatkfREAm8Z1d69TymN267zCqao\r\nkas6gHP8eFqXquqabkImvmjFN91RQJJ0kDs=\r\n=SpWp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.c20d74405.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.c20d74405.0_1664321443282_0.00601602381636912","host":"s3://npm-registry-packages"}},"15.0.0-canary.f033fc8d1.0":{"name":"@material/rtl","version":"15.0.0-canary.f033fc8d1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d10ab2a394bd72e8da54a03031a1d136ef73f50a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.f033fc8d1.0.tgz","fileCount":16,"integrity":"sha512-4SYyV/MrpcV3rFlah2clYq3E2I+yRAigVd92OYhm+ahrn9MmN2sp39q7etUvNV222zj8fWPyH7FrqNH3jMtPlg==","signatures":[{"sig":"MEUCIQD1uyr9GitJlTSfCXogsxr7LqhgRskfDFi5SM1c7G7zFgIgGEuf6GFttaVUxp/Y6U8m8Sk5LsKkoJk6ILqmJffahy4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjM43BACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqWgg/9FtD5+13xQTy727UDSuZra+TZ11irSDHoqAaXwocHeVt0xUK3\r\nbjMrxo0NeM5Spxds2AYdR3x6hmsEDxSdcW1WaAy+4qPjYU8Vv2uLvGF2exyX\r\nvWtYWJvHrNdDjT3cUweB56wH1fBQbWDsorEfgsKINFDSh3bMVhPFdJhdGKfv\r\nkPQX384pwc9AYl+1kCWUdTRd9spDVdSYYD6pHrEEtJM97H08IQ+PBXuvvpe3\r\nDcx93CUb+ZrDOhRgUc4WNLV8eYt/IaI6UeR+gKURfYYCRBsetLhVLycsRy/D\r\ngewd7bVs58Fbx7LC0iTgCdt9MUtBuOCtGU1MaeK7tow5JYsDafrtEeSJC4va\r\npPaVJOcm0T6ni2aQjuCKOH1jSuU4s6oWTGXrMIUkNnhO18iAR2NCU17JFN9v\r\n6n3LYGIocPu0Zq3vJAqqSIBD1fgXs6x4j/IFoIdxOSBrLjUXWT/rxRDUy8dL\r\n1Xfx0YNpjhc00Ap6kCNgJVMhXJa0Yy2X6S2rAVL5a0gm9NEYbCqaOxBM3ZON\r\nIDc7C8yqcfWlPJfOmLfFw62QR+TtlJF8lZR0RpARdw9BkTAytaCIwIrUXG+r\r\nqrcKshgCygUZHoeT866omiNyEEwDjrzYtz7taw0vbUbQobpWCNdnLpQZp0xo\r\ngFVV7OEcpa1z9mJpipUgcZGJAHjVvVaA3a4=\r\n=9ptU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.f033fc8d1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.f033fc8d1.0_1664323009390_0.4634077035226447","host":"s3://npm-registry-packages"}},"15.0.0-canary.8d7ae912a.0":{"name":"@material/rtl","version":"15.0.0-canary.8d7ae912a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"386301f6aeb757bb8d2afadfc6e3b70d58f0618d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.8d7ae912a.0.tgz","fileCount":16,"integrity":"sha512-vXGWrwLDKiATLPXj30ZC0bafLhKpe4IZZdDpC3htySm+tuM46fS39gQFHKSiYk0BTNZjn/hQl+HSM4jlRZ5Fqw==","signatures":[{"sig":"MEUCIQCcZWy2bb4riw08c19gBKWhpKwWHHnQJ6Kn+osfo1OChgIgXGoQhomVM9DXyJFPjFVRFkaLgwLivNeaCwsfCcTHg8U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjM/32ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoBmw/6A//qZ+1c8ucFQS+6CAQG9xJP4so2+bd5m/IkQc7264Cc8typ\r\ni5nD4LuMIVwTHO9m+J4Wl1R7I/U0ofnAuTKzanHgymntNnuazsQbkz5Io/E3\r\n/syKJOuTT8H5rdGGoy87JEDsQFGzOznuABy0Agod4HqtyGub8SB4OHycbTWQ\r\nlPFYy7xgIFajwSrRGJAcG3f5x/WKJe/UDspUzn10bm6EovK+CrGz25TA7SJH\r\nSfpC3UzxHpY02sre6UzAqot7TXGhaYntHTijFgsrw0VBc1HcbkhHGi4YkUfB\r\nKK6PkgAbd9uDxgzcr78oGGqe1Fwjkr6ZlEoyM7da7aJ+IkeohOfvlRTgHJCv\r\n26kaEYLcZN2N1O1ELweHK3gUXEZKEVFmpx2kc/6q2wQa1SSIR9bOgi9olHhP\r\nUstFm7DIRoWexvmy+HG3uOH5dW//goqPkhB6hv2mdnKiNaAinf9nkAWCz4Fs\r\nheBx8+E0HCOXJJm6/nq4AsSS2gmZVzU8ktpEb4WSUgORFGADt6DSdYJDdY1N\r\n9Qj0EQwljpIXMGor732tkq92oPNgIWZFPyAWOFnjGMo81zAHJTpt919eXvf1\r\ncOc/62GO4ByxnDsA4CQ616RDiD4bjwqRgHGWC1MZoenG7gwoZi5GlAj6mpdK\r\n1Xk/PniRsccns1x6jCCyvk6X2gZk6KUJLes=\r\n=y/4V\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.8d7ae912a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.8d7ae912a.0_1664351734724_0.6161197732436727","host":"s3://npm-registry-packages"}},"15.0.0-canary.db414b864.0":{"name":"@material/rtl","version":"15.0.0-canary.db414b864.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6a3d9c02a65b21c8b44a0bc5b305b183172a37a2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.db414b864.0.tgz","fileCount":16,"integrity":"sha512-vSBcwYsYwYKK530Q+UW/KQrZ8lATWaCW8Mm7Hcn1Er/tDaoVwPKg8Xn458NScbfE/nAQovYJmw4iykiXvNHDuQ==","signatures":[{"sig":"MEYCIQDmFEvzZQX94KaWLM7wHe9uOmlkfZiUptky4wbWk2UZAAIhAIgaPCsJz1k1IZoIUlgVQ6OUv5v8sE+/kGJ6FqrQolM1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNF+SACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRGg//b/OP79KwCTFrtBVRaMix9DKuqmPgv9VK+2p5/K1Rpuwxe/W2\r\n5aQlxqYGtlRC5s4cEgidoAxRjEbJxIvTGS2znSOwLDOzQ6JfmYpq3HUClhOY\r\n+Yi/UvqYKZmjocBLqfMTbes5/XO4RknQhRHUzLwUH7cpvEk83JoU9sSGk/hv\r\nji3XVbux/8PtURp0gI3Xu0vHSYfLq0CkPZkwetN8BKw7ifldgefg+3vq1gHm\r\nYC06bkw0fzw4Dhx8eTqLzrGaTm1SWuq8oGgAauaNG1cyzzUD+uA5WzKA3AE0\r\nvL16zsiVvd+NahjN55I1UmmCY75sZdHI3aWSjVDeYW5KY2xJwms7GwDPyvji\r\nxdiyg8tj+wdxVpdgorHHjLQX4Ud0WmRbtk3wOJCmyBzV531EZk3sJPIFki+f\r\nPAHAJCYtjGSzzjGjhprTIlZxSVtKRj70vAkfYwlQLpendkUr1umHCrNyWiBg\r\n5yesYkFMqnAG87F/MmCbZXVOScjC/L3Qvm+1ISwEg2D3LhjxDvWSKL6SQGl6\r\n2zYt9SWUz3IICo3REi6E7ERt8h1VxWzRboZmK964PjXbsTeop8Oql5RX50mK\r\nA5gJGubEgoYfBiAWh8NSW65YYnTCLCjEmICyUhAGpHfTdGNNxZKHGSF4O+GI\r\nVwB+sxefg3Xxl40hwgRI3PL2vimNVYTRQBg=\r\n=tdug\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.db414b864.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.db414b864.0_1664376722697_0.3448917764677757","host":"s3://npm-registry-packages"}},"15.0.0-canary.c0462d134.0":{"name":"@material/rtl","version":"15.0.0-canary.c0462d134.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b619512e55ca96b8b13e6fb474ded0f6afa0e149","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.c0462d134.0.tgz","fileCount":16,"integrity":"sha512-22WOoEVbfPeqtIZaG/YHL2T3tm4xS45ErTYg/bqYO5LCjzUL7JekSdntMAsdwN9wDORMkBgDmLhcdyVcM2YmXQ==","signatures":[{"sig":"MEUCIQDplhWtsHicTLICyLyHeJKP2D+gL3xV/m9Hox7QoD6oRAIgLGaaCLDjQ+/kyf+OdQ2Ia52QDhQKhQawGB727wrQmls=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNImmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqZ8g//f5ajHsn96Kltsss29eV2xa7JTZiMTgaaeD/EJIsLX3zWlAAc\r\nDS4cR1it6bpAp5axqgqPNBU/CvGxHY01NdhUsIPQ/Og9fLu0OZ0lzm8n8dZ5\r\nVQTeuKGGIrHamy8YaHI25bhR2gKRfbUl6r7R6nQdQQxJ4Od4S8rela1gzCQo\r\nFX+c/iTaO7Mtj5vywrLXyycduFRWm3WSV5k3uxuIjw5bgikArJMsmUv9eUJ9\r\nKTb6xxWxWdypZ6TRO0bqfhb9CmN1zfxUQD94XFAazn1MNnLEi3DJD8MtNrxd\r\nKPjA4ti9F3OcCnY09grDkH+LJrj2BTgeuU+Na5L2ntO0zw3I5Lvry7j77/qy\r\nsMSLNpATHEaKBf3Z8k6X664hVRauiAfUgZMmtMZ9TTWZTRCUs5jn8lZ8YQV0\r\n5zJVTJS+aNOehbGVWKh1g9mARRtilBLNrxGFp/R9kAiz3lE+AlB+YQlzcQHo\r\nu4FChqze3gJ8MZFH4WkYi9CAazdNn4Hoz8X22PvnDMjH/yNPvaK2MtOBgj84\r\neceVYN0cJ/3yGYgoLr+P5V81h2SUWga2FAAUyzbr5qLSdIUChHn1G4JZpAXO\r\nvmHswXXrGLx0WLY9ronrCVMgJLwCnsMKfLvpwbU5hYGN8kUsaOPmkjt5d3LU\r\nQwRovg7lwa9o8RUf1ueZ/68JpJ04k3QVTqE=\r\n=W/3q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.c0462d134.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.c0462d134.0_1664387493774_0.20860574588051417","host":"s3://npm-registry-packages"}},"15.0.0-canary.28cc6791f.0":{"name":"@material/rtl","version":"15.0.0-canary.28cc6791f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d187972cf26a499732a24e77d434b50b7c260fbd","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.28cc6791f.0.tgz","fileCount":16,"integrity":"sha512-OtngvQR0yK7Et9/fumYBMXW8c9Z/3YgFTNyiTBIbplOl4hF6kv5KQm6tQcXsbYkPHcd6LFMGGHGXAUDSqzgt9A==","signatures":[{"sig":"MEUCIQCaFixHuaXBEkA5niAnD0NY0zPVKnF78WBKIZLG0op4pQIgQ/1Y9BmXLxnVQRp0TV0QV7dbID6SI56EefDeTmyDSEI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNI0ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoKEw/8ChFsNTbj9OSRaOikRlDJ1ZNrrhxaFJx8uCuSaOAu22110V0M\r\nBHWd25+Oa87/kdjLoiUc0CBySwVsDAZhaXjHkpsuzlg7Sulz7sC7590yHIzi\r\nwDF8K1f2C6Q/aPjwvuxOBdf6plEKwGnylL7WBxtmcGCTf+IOklidwD7/5RxF\r\ndXEHQNGE1lLMcZ/ePnNM8gKT2L9i8VbnP1AHXfcKpL7RLh02yNfVrogubiLx\r\nS2gdIREcxlfaLEq+UTVlwOlivOGfz/Z3l9SEUk71oHO7TNSfuQyJvQaXQHnZ\r\nXjDBNyOUjwsYLFRPBrdKR+jtjYtyqB/awVqG5m7f+RA+zxJHvTauMffiInuj\r\n/F29WwKwas6t2XZvNbmFGPYxQeuiJrcElh2cRJN46/n0Dorqzur1IpJlJvTf\r\njCuRTvYFbJSrH9DmlSN+11aTpegE4c/rQYtf6Bm287Ggq8W4a2RuwNrxFNTW\r\nRKM8EWkKSFyCT8YVv61bndfikIgextnys70fYD6WbdXvrrTsJoQGevdEsL44\r\nvHK4qJpOP6biVlljuYhQhZROWJKh74AUfVg4zCuqL3BehB0z40qdm1NrpFet\r\nSpJPNVtYJK29BFjmto/Q9zM3r8iZx8Dnw7ekM63oAgVVGmGWnsZTbvfcQJGT\r\nLdGmYA5MHcFmPwGkxNe3W8FVAVaR3e+nqHk=\r\n=YCKN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.28cc6791f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.28cc6791f.0_1664388377204_0.6349198038399959","host":"s3://npm-registry-packages"}},"15.0.0-canary.a515a2d18.0":{"name":"@material/rtl","version":"15.0.0-canary.a515a2d18.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ec658f010689c541f6ab14fafcef1ca241995e85","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a515a2d18.0.tgz","fileCount":16,"integrity":"sha512-DOmuCdXq2pBy80woId6FO/vIP7EYITC/AuZZojo+oalwMF5p6cL0jnJAvj0RhnthTRWBrhpVVv526RfZjs4Y+g==","signatures":[{"sig":"MEUCIArVB1C6ULZ6FuGIBWGj/Yhtb8yKGXXh47+tLgyzXljWAiEA1UfFtVv8yXJ4jKgGH6K58Y7Hw6yutKnznCF6MdT8jh4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNJiPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqCCg/+I1VqzV6msKxUX9Y88f7gHjU0SMMHPnUXYjHT58YdrxktQBh0\r\nUOTdP7ROsusd0BKNx3TSXmJDAba4stvXnDxKaYfllw3uN8Pb94kpV0ttNQ3+\r\npxXj6/Nfm8dqKyEVSy5J6dEZ5w3jYQtDDy+Bk6avNiKuN3/RUc+UsVtO8Xwd\r\n0cAzc1wWt0K/TVnKVo2x4qcruxZq9WhvUDXQy0l9rKuW8WOSZ5sBiIP9M4XJ\r\nK88vkiRUc7x+fYjHZOiW5ZR9cYcM99GTTKJLIfBTDa1Wo4aeS0XI/+inLWIM\r\n9zvYQiDNhzPwb8wQHw60AKqDGR6cMVGI1HSgrsiNi3XQofjPISmVbeNnsL5W\r\n4esSW+fM6UoZQyUsi+naKuaH3aUL9WskdmdXYux9K56N8YoYM0PbqS3pifmT\r\nrwHz40/051z4RbGcaxi+HRyIjYrO5X8N2iNwAJSZdDkrLmMiObV/iltvrr6t\r\nvvuUO8ZdSGeg8AvLAoMuuTJX2Il2T9A/26nDiE3wwRUMPOIehpDzh6y9Tjyf\r\nPbPCbY33tATCjqI+cEfkJiD2jBlBkezLP3RbJEDOJHn8zOyzVTGC7d5VPO92\r\nCOTutmbqUM9MfaBNxsDHpRv2sd2Rr0BZ+fIPK87jb/F8omJUWILH7i88X92a\r\nWQl4/MMMS5J+ogtcM2RhbBG0w4p1NH0Etz8=\r\n=+/oc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a515a2d18.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a515a2d18.0_1664391311554_0.019218152604205896","host":"s3://npm-registry-packages"}},"15.0.0-canary.ce9523167.0":{"name":"@material/rtl","version":"15.0.0-canary.ce9523167.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"38c47064fcefc819f0169d164734ad975646bfc5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.ce9523167.0.tgz","fileCount":16,"integrity":"sha512-GvHDnLx9y1CB1yXilbq5O8GVdUavsQyTRKXg9DWH4Ku3D3MY2va9ZMsz8jKhT3XLGDOz1crSOi730OWOE9xkYw==","signatures":[{"sig":"MEYCIQCmls1I11AQuGjuj5VhrjOeTzcK1Kyjio2cXkZEWBSXGwIhALtw2X1Zyye8Pjmg+oIL2AAPe1OqaTjmStMnbmun/f5+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNgBuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq4lRAAjBxv4BMMMcTM2HfI1Jb4VoikyGwwLESKPwu3YhA2UNQzxUai\r\njLI4uEBssUCsTNfw343ALtIr4HaCg61DI3/wpMvxMJDleE1ksjqzpGbQrtXx\r\nHis4MI8vJO0sKjVIyf56EWhNdBxjNtBHL/ixuL+zGw7NLaqeHxBnTaUT/nT1\r\nvidwOrsFwHVAdCmX6ANtMK2X5ld2d1Vo9Bn8fSrl3RxefTaZ3gvPYhZ5yCAe\r\nT4D9Xd+GhXCRi+1xXssljICPTEnSPkhrTQo7HmGlpZVg7gHPpxD09gac9AG5\r\npIGITIEjVaB+MuzX7cHgXLKZGMks8Z3j5QNbLeMHUFHQK8l/64ulXOMDsDTL\r\nf5YG7JGmPp+EArKtK6VmFLx1e6LtvSx5/J6WLF/dqJaxS1xyO3xFUoQzXgqj\r\n/xWNE5Ak0NSNFr3zRiCo+BDR89i3EZuleKGZ+Wq8jLiPi+ztV2X+577sclWg\r\n/P77VfV+mLzvpTWY7yo/rH6CDHwlNGNjSICijyA5x1gcjDtFtNHa6qusyqZt\r\nhUyTrr4fp9M/TMDaN3Bc0aq8HqQMYE9vqQzXTr5T8j3PhSFfpZ8xcAxbUBoZ\r\nQUGVQEPt4A/osUAj3LxC/qQozfMxnp955s+JJ18z2O5h3TrzR/8O0CteMjq2\r\nWAbJsw13jdeGoaAsAGHlNWwjvq4mmTqr2xo=\r\n=i90O\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.ce9523167.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.ce9523167.0_1664483438507_0.3127722003534781","host":"s3://npm-registry-packages"}},"15.0.0-canary.b2310f7dc.0":{"name":"@material/rtl","version":"15.0.0-canary.b2310f7dc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"620973861761b1b65ed36c48e6b357d51dbf2aeb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.b2310f7dc.0.tgz","fileCount":16,"integrity":"sha512-SWo0ynfQnSrcPFyNvc3ClUl9pgRhTJjDwZuHy6h9k8Pjm1mNs92WOmjh8OvckUDypDGoUZVZVyHZtO1Db6tKGQ==","signatures":[{"sig":"MEUCIQDlS1X4oQT/BBJrZfIP+1qmsfebQkNy08M1x9NP1LfqswIgOlEMWt21Pf9XwaK43DRB86r0d1mSHz0rzAsqtL8S8zc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNjSfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqxvw//VPWqDnlTQrrZezL0EjQQPv+ae+xWwlpWDx5goGmht8UStyWB\r\nRyy4r6tuy4fPqlTQR5yLYkq7DJv+NdSroe5C0C15NqZOliA4LPZYQnrDIIiP\r\nSOHpQFyFvf+Egt1w4vCCD8ACiNuy8GaxMbvicCzsKpHbHcnybW2Ssaj0YmIx\r\ndCYIoE7u/PT705S9j+1uglc6Zfi2QpXD5h7m5eF9oMoWz9nlRPts0kHw3zfY\r\nsrMdTcOek037zWUqArQJIRyCGEOlwAA8jffymZGHfxNG4/SYiyIGFVNfIXBx\r\nIcvx4DyhXsL//i5g4qshyFW6jHzYKQjz3v3O8b5Ft+9A74GOlQNRRvBy7hWb\r\n/suvzFwLmWEYSd3OfORS+tZeuzQSXzrp51zYVEtkOK4YfKBDTHuKg07J3k8Q\r\nqoYXbIHYgtYSuTwlriumRxjTrC2mVl5fqwwQ+fFzY65i4b2GfYVD+VhIRh2q\r\nxi3X0DpCCBKgY1vPeL/FI2asEmt5GQurVpWcaBLcLGeD/ZyMo6ETWoi4BGz2\r\n8i09BOELkyl9UP+qgaOFKRDUoBG0B57jOBvKEZSF0sNMziVKgXaV4htFQXNJ\r\n/mpSLc7a43r9xbKQ1bJuwJ+XDMFMnJNhCEVBzzDl33ELaVR1fFIMaBZk0CwN\r\nRJNeA9WLzEmweqnPTAzWzK/CJHbSCFLz5fs=\r\n=8XLB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.b2310f7dc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.b2310f7dc.0_1664496799061_0.5254907105741433","host":"s3://npm-registry-packages"}},"15.0.0-canary.a44241e54.0":{"name":"@material/rtl","version":"15.0.0-canary.a44241e54.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ad37b6312b5d18087cb2ece10d51ccc6f25c7ba8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a44241e54.0.tgz","fileCount":16,"integrity":"sha512-UhN3AWwWon4v41b4qng53+eRj6jZSc9njl8aYgwzIk34TGOJm/o66ofwJhtHibVDpQlmbwtCG/wzw1L0Nrti4w==","signatures":[{"sig":"MEQCIDBaTyZernPRgssjBq0T9R4YJEOQD/LSRnI7QclfIBzlAiBWA0zJVcmzuPu9rpcSZ4OSIuzi0JciBS4VItBR1ebeBA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNqbSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmql1w//TZBneGFv+CazG9NpPEpzaff3dp6IxBDfEovdNTI/1cPf4KXU\r\nBP0INKBz6v6AGVnI7O8jPsprg2nMMvdscejgsvcB23stE4ExcAX947wORcWV\r\ncY+bau6z39CRJgVf+rF4HdLsNZMCeenB3RLVaTq4nk6jKYa3oXnl5BQnwhfq\r\n4YfGfmJtOOmnEGMbncler0QiTVYFzdTqhWnWxheQnAGtr6i2MhA1dEgvcHv1\r\nEaWHyX0CYH7lW+O7md1lKA11o2xtGKoRfintMAlobbhyy+hYviEDENjuQLNa\r\nicUjVyv06YjpCV173M4b71UjHr9pWLSUQYWdAvN0k/EGx71KiNuAbxy0FgDF\r\nk7MSD8rkxDSnOf38/Rd/4V904yvVUyqO3MHcRtbsAp3OYRa6I1mgslaglg7X\r\nkyQ3ZWhDJ/lNf6v6xzwL4RG+57WD56RXLZbbokLWF1SJz9uc5A/L0swzfAxm\r\nweD4Mhe4EYS7vWlnms9RHV7Sm1W1JjacpoSbWw8GiQplHEdu52TSvX31RNww\r\nBNNoCW0LycPkA+69i8fGJdRYBDdyoUFcMcJCkmX9+P6HzKtHmm8xdLYMPzMg\r\nNxQA5Gsk7fJBxsaxTOqzsu+jq2WpmD9HtmdT5Ec2umSi2nUN+yU0C7/OPJDz\r\ngoYq/2vYzvqhzECCfX7QiUcOBxyZvwrBhXg=\r\n=csi6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a44241e54.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a44241e54.0_1664526034715_0.6621311612827352","host":"s3://npm-registry-packages"}},"15.0.0-canary.0ce81e115.0":{"name":"@material/rtl","version":"15.0.0-canary.0ce81e115.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b5c7d9a352500a2fbacb957b2fcb8444caf3bb6c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.0ce81e115.0.tgz","fileCount":16,"integrity":"sha512-OktyBCzFZJhNHSVkf9l3C7FrlTic0DcdR8CQHeoYYgcg5tFTAt+XDPDaFscM4qbQHKHiHHu1RoG/0fBfUv+aig==","signatures":[{"sig":"MEYCIQDFGCdiPer63w+aDx0G3lzQbn18sNTRwBSiTR/K33N4+gIhAK2svBGcpEobFrPG6iqhVm42IGu8nm2hNMSZmyDJB7/W","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjNzLCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrkfg/8Cd1cScH9pO9VjEoQvVLwDO3gDY588on1+Z/2FVAz0bbIT4mq\r\nWDvNoVeZbamMyGkHFOENb9OtbgrjKpb9bWc1EwKV+0NJeVn9E5u7bOOECgP/\r\nk772dLYadGfP/x9PeIJpM6QdSUJ3lp9mqx0mQk6IsqD6+s5mNaDy4dCfDPrc\r\n/RwYTa0u7hlG6Gg5qrsCMDdCDz87FCFpHV05/ObxBhItY/5FHpelYqoUNslQ\r\n82SplTxi9CYDG79EaoV1ljtkIhWJVrTi59Am3N9CclYvR24nNKR893IU1DT4\r\nfT5HpX7Ehz5UmCgw2Bo0uh8FUdh4PKl0Q4B6q/b59e45YRUVItWmk0wsvOAI\r\nZZBuzVxNekSXfNgh3q8+vjIIWRXHWDMyLKBWnApL99WzkT2MG4WChFgeLavU\r\nHDaVTk4PweDKHAxP+WKhCW8OjCnnmgmJNaeGf+5JD1RndPMRmgbaayULI9r+\r\nO4oQ4QXVQenCYYd4kZsgpF20WiOKiMc39bSAAnrmRBG9hKKjHTUL3k41wK6L\r\nNEa9tC24TtWdM1I2UlJykH20TlOi6wYQyY7iPr/+SSgzCxRu9+RFfhpqcHgy\r\nNx5TXhD0vKuggH5r7gRRy1KP+S7ck2gV3D3XEvPZ2lf+/OANx5vyLsCAEWqB\r\nK+GkAn8cApOGpSuMbwS50JIdPXTflOYOCiM=\r\n=c9cc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.0ce81e115.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.0ce81e115.0_1664561858641_0.17550542412466164","host":"s3://npm-registry-packages"}},"15.0.0-canary.3cc30f6ad.0":{"name":"@material/rtl","version":"15.0.0-canary.3cc30f6ad.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"08321d3e215c8c130b56fed6f9e49f28a91cbd0f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.3cc30f6ad.0.tgz","fileCount":16,"integrity":"sha512-GfN7pDG75aaXp7du7jCgNLJVDqcW3p0G23EFRVWvIaP7CrkVYafPIBZzyyv6KoQnSJJmOvNUDA6t1nroZIq99A==","signatures":[{"sig":"MEQCIFRyxgqUMemRMd67JiWLTQcKfW894RmuYjsUHy8Lvn3QAiA8QfNEVhaaqf6fQRTL27Ax/Rxa8rLa4KCSGJ7+KbSMdw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPGrvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrkOQ//UbLTMALgjbDVjr+ticgnRWyi2PKDB9E/9c3YXae6RE1ci96f\r\nf7CG4fNFnhHdH+JQOMpGr/VO+HwezMZAMXbaB+yEtVNO7PdB249zUTiuQI+q\r\n/KGLiHxnJgzWNoZ5GOPGAACt16EijN6oJAueoCjcTQPFXl7ty282wrBXdF77\r\nu6lQB3Kmw/APBDy7rs7H5qxfGefFRW8jme/cHWF5cRVxh2OE/Yjk4MjYmwUz\r\nVI/SWSmzB5CvSefjFu2Ckeqabq9WIVjV4BSIsSaTsknRGs294AA1H2Pwkw7X\r\ncV9PxPSBdharzQNlGyQyD+OAaxGor0fwXsyNs+oRYl+/Ec1rqjyWbib5qX41\r\nVSKHz8flXpLJCMy8yEkBAfYu3tOU3WCvncf5DEzmuRnrv0/YLePBvuww8cJR\r\nxEx6rUM5fwr44eAuyEWHI5B/8Wngoo5zWThQKNHvea3+vSAGuTIBTJxdskgi\r\nmGwvYFCyt9Q6Kulf5JNwVGgXIYjfQig7uOYsu9oOKG/l0SEIYZQjiOXngwpt\r\nYV6EQIM0Y5NZMZ/DjRtT7uWaNW4GrttvBbHW4S37WMc32IFkIHmtiexJQI++\r\nIsSi0EvE+eXOzem3s3mNTlnfOY/aCEsX7l8ohotsSwIlq4Y11nQUfL6KpIqe\r\n7daVrUctNC8vyqqLHrL253wCg06L1mvnIxo=\r\n=jI8k\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.0+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.0","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.3cc30f6ad.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.3cc30f6ad.0_1664903918797_0.053193749869743456","host":"s3://npm-registry-packages"}},"15.0.0-canary.d9cf98e60.0":{"name":"@material/rtl","version":"15.0.0-canary.d9cf98e60.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"04e1550b557675944f9b02111d8c9843af6968d9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.d9cf98e60.0.tgz","fileCount":16,"integrity":"sha512-uYKYrKOCtDyHPDkJh/US0wPi0rLmyiV1aVIjRgl0CZDw+rAmipwzt9h1frVZL2rJejMXofrHuMvixkLQ4xp0XA==","signatures":[{"sig":"MEUCID+KoeqcbpIvy98t9F9sizsBTeYu4rP0ziUjdqdQhmBvAiEAgRe1I3+nns/kWTDwTYHKcwyyNsXrc+m63lcVjOl7SF8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPINwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrpaQ//YMTq6DVqo2oTuquZdoMBsep0Ltu3sL7U9YmlrXrlkYfcpz5B\r\nxLy+R6ndPNPBiErTrzcZGudw5iZBw0ljVnUeSY0oIzKuXypeMXak/+BAZVGY\r\nkQPSbX2H1oqI15jWx9vnf5/xwqLeaWLb4v3t/QTaGQI4L/1WBcHotPBgMj3u\r\nZeVgOZTLqkLTJKyW1V46bPcLVf28yGmmNJUIh2lzPzT0prKJ4e5pCkfGMZLO\r\nHFKC5dPGHQxCECfIjpHCdlP3B3rCMccMbH3AXuf0Ecbjdtwh9GQxglbIIGBI\r\nC9Bw3o6rKOQuKdeZE3MXNsQGKRfoJpg6IlLMPz5kLrfhoRpLlTq0L+VQqUCx\r\nKKhGQBB1EU8/9gqr1PGdfJTRlt7w/7V6imcV2KeE+hVccGyfYp3Stv6b4+xb\r\nBn2168yY0t4IRLTRTYct4BKmpcp5CDu4iGci6KMd0Y1Vua8mDULWiAUJweSC\r\n5yMf91cx2OUCRkSTdHdr8WokwjciS2Z1s1RRYdVdoolyfVwagvrwNy2fBT+E\r\nh9NqWT22hy9AxWDQzbGJ9bzml3egtVctdhsss0CG7Gtw8MzJ5wK4HISvU9C/\r\n8+UBBB9KABZGBTRTqK61YFusldsnF2yfGQjm3yypy2/kPeN6GjOt3RQL6wbh\r\n6I40LhVXHtLL0n1c+WbfaKSz1SbTDiQm1WM=\r\n=9Bl/\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.d9cf98e60.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.d9cf98e60.0_1664910191830_0.3697122018274286","host":"s3://npm-registry-packages"}},"15.0.0-canary.d71935c8b.0":{"name":"@material/rtl","version":"15.0.0-canary.d71935c8b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"186f4ad30affc1fe8a1c6f05eb0479e3463a6e93","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.d71935c8b.0.tgz","fileCount":16,"integrity":"sha512-vak8IWp3LhAh+Us4u9i22805jpsweDEDFg/2KtMLsghNw7DjhGbAo4M+TmiSw2e3H6m4gNHnU7qqns4h3e+95g==","signatures":[{"sig":"MEUCIFzwiz2JpMjHj2aRvKxpi0ZJiEUhqXAoCcuIFn9sY8ZaAiEA2KJyEJWvpKasdPwHbFrAWRPSwwlW3pWsmpzsM/4GImw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPo5aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo8BA/8DMCD294yD0m0A8IeJpmC0PUwmaPnjAKaxq8+xyBOhjH/NRy0\r\n/rt6xAW9BkM3AAVpY9Cp9+JT6X9NxlAaHjioZX2VQYCZ03Coqw/yzk50Pwlw\r\n5mVtihC5nwipwfjNniZAkfI4gxnm7NwL7XAhqsnCC7HWea2DGKjM8R5LM5aU\r\nuT7a+Gd+D0sYm5fPvrCoo9TJQfRZJphvY1ZtUgsJ8auBdTNJjibzWIEFypSt\r\n7ArNPI8HyHUM0dCNSts66MylmghogfOXydOa32SGbnyFLuZXiI5o94YRjoS9\r\nlLsHqs4fll7aNtEyNVjRwuQ9U9Lt9XXZNJ9+sidlBG1i3mPt5yjqrwdaVZHa\r\nIaILgsCiaDRN0qWhrsgol21RTPt+mQs+hXZVlHpGMqvOvHsymKJ+vfXFOIH9\r\nhKZ6zbdRIKtga5h64Ac5BmzckanFURqEyURQ3nR/ewdR6t5FaE/7xPKgm8ZS\r\napPN4HXFgK6kwCEAEcrVMn31pSR1DBQ6cuZcyX0UJmPW4bfdOMJbh9ieS5j6\r\n2qivtQ0h9P0ShYCN3RoX01VvwaXdEw/3ECan6ugsaQtufRk7nSxTdSr0tEoL\r\nzaMb3+10aWbdskRtn0nh0aZ6pU17Aib6FYW3SlugaJ0HucCsAcPEmpPortNH\r\n4gHiOymhGZg7TIQvNB1krrwHQ3C9wPo1/ec=\r\n=5Z9v\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.d71935c8b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.d71935c8b.0_1665044058417_0.2038930604559266","host":"s3://npm-registry-packages"}},"15.0.0-canary.49c56a25d.0":{"name":"@material/rtl","version":"15.0.0-canary.49c56a25d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2fc1655d7e47550a83974c0adb60f0c270f410bc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.49c56a25d.0.tgz","fileCount":16,"integrity":"sha512-dgjU0insP7UdFTLPmmMURA/cFk30ebTtOg9x4IUkIEL5Hzw7logmxZYMBH8CK2t0rKDEpV4n1uc2TmyiDOryWQ==","signatures":[{"sig":"MEUCIQCZ8W5cJiW7nlaM0GqXyuxKONOPP9LGmwojRAtRoQzeXQIgfDj9msyd0CSaFKdQF8cQ5GtJIW/mDz656+ytdzPZltQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjPyNvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoTFA//SnuWIn45T/AYJjjmhiQl70wjbvRyzJmqc+cFifR00OObuwzp\r\npqicY8YS/HnSklcAu7yJosZH9mh/Je4v+zxEMz1+9jV50kIWkcm+M5lfqWfa\r\ncXXDtntBUoV4Uo85ybwPSo/xBtOWo+yQkAlMf7esAKBNWU53bw4agywLdlYn\r\nx2Z1hKetcXTqtchPfL/zZKSe9JKRQ2pk5St2CegqeIqdQ3c7UR4P2NXwthXK\r\n1+QR05H0l1GXyK5feehVvOHXK9LxHVaC98NjYr3NGkY3nBlLFGWZpMvndafz\r\nvfmiT9SIji+P5vGKBaNOBYJJ1GOX+yGtk/9DXMyf59F4dOUnERQOuiSUJo5A\r\nBMvUkO2bxquq3iG7BYnpgBNLke7fBKO/i29CsKD4Ylg4GJ5qEe0sFbXvSucu\r\ng5dIlQj2LtoE7qMaB/xYM3jh+gWPYWMDqYghqNValzHB+EQrOcyk1Lcluepn\r\nW2JJowubLD/Y9UCXHSVrrG+UHv5ahdxzOZI22FzEwXOvS7bu96TtnjDy0Ey+\r\nHRGMOarIvEekAIioK4RZ0g9zhka4xGBiXOMQNBR0RILMqexC5VD7avVtYmcE\r\negu6jYHJRoIspdrVVa+4vEQtzW72TWpFn0BQ/3I6qDjzZ2waAmWiH3mv5WJg\r\nU4AyvBHy4cKzZQa1Th4tc3HCQzhx6RSvFw0=\r\n=aGoT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.49c56a25d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.49c56a25d.0_1665082222780_0.5880356492554903","host":"s3://npm-registry-packages"}},"15.0.0-canary.07acddef3.0":{"name":"@material/rtl","version":"15.0.0-canary.07acddef3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"92175faa765d50e7794831a9ee03c877f039767f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.07acddef3.0.tgz","fileCount":16,"integrity":"sha512-HaEB5HSqqwshwwIOsa0LihZQNEyq7V6wK74HFgoIlpp+F9TTQRcAaCDQFTAFsb4Am2haQiX0TtwwUJhrntwjVQ==","signatures":[{"sig":"MEUCIQDp4YxyPPWnXB2R5KEqc42MXZm1Bi8IXwj/VFTXju87tQIgVyexi2MYBjxzTEzqTpYZkksJALiJBAMtTJOF1ViUV/4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjQJv7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpwcw//SWqBLaYd6sQYtMhRRHVMEt9AFzCE/PHxVMHZCai0gwAXSJrp\r\no5DkQO8GMOekItdJ/JuI8sx0MNv0xpv2V6+LpD1+1UpBFFFpAp6ZsaYpv2a1\r\nrmB652vNIt7RiiCAbcR6k0W//8z5dOhgQ9Cvthg61QiLVZClQA8SnhKP3gx9\r\nqyeytzkHF+rjnhJjcjhuukzgYd0RcQNtFCb0jRZD6GGfP71kKpHL+57LkISm\r\n7H+1XvdZmurbgQL4gYwvbSo88FD0D4Y7gGZQGV1RLBoQhIL6hTGexhXQgEYP\r\nWK4MrgYM70hAAMFbNBzVk0hAr0XbPxIl9i5ocTOXNu7bWTS9iAjOsK4DDCke\r\nbkYkGSp5FFMgYS9lB33JlYJhnayOQIPGeNNSYGPIpsx4wGlIRoF8bc5mLe2+\r\n4opwiCUrPTita/Kc79ejqBJAhpQAp2ySo0nyydpts9Bf1kqHho6ew81DvAcT\r\nbd0xBIJ7X7c80JfGlq1ieS9zk5sZYfn6xzCbVImQkwrvsdyMloZfvheDowrG\r\nK1Nj42uPbqg2Dc3ZUw/H3iI+ikNZQeWrVsIheVAsldVbCceHFFTjddTUXzoe\r\nDMiHSUOlJ0g/3+U8E+Y6pAfGcxZy5WH/ziC676JdMkSwHJG8FESmj9Ctgc/i\r\nOCo5MMpjHFzVX5p4e0IcYxSZ0H8dVfVGp9o=\r\n=ebgv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.07acddef3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.07acddef3.0_1665178618523_0.8108164751667128","host":"s3://npm-registry-packages"}},"15.0.0-canary.1c74eb2c0.0":{"name":"@material/rtl","version":"15.0.0-canary.1c74eb2c0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e9835123e90f24efa510a2ee42a0c0c499189ce3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.1c74eb2c0.0.tgz","fileCount":16,"integrity":"sha512-fliFJs2HrHe5c6DEVkKGKkqvNsQ7X5hBWSVc8JLzPwsM9xZvWeWz5g7e44nD92JEThkl3QALfVk+Qi5Yy4EDzw==","signatures":[{"sig":"MEYCIQDGWVeHtaH5B1qeaUOC9qcQ3rsdgNzzYh7UtfW1KZp1fAIhAPkSmfPgyI4FfjaGJ5SCM6lqzf8TmzMaC2opYvZjZZkS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjQKAVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp1LA//UxWB0jjPhhMWW835FpIpJBMollNsI1in2o+JQ+/hAk3B5E3s\r\n6WJUIy/d0IHcMqd8zuDOl7fATe14zbacYcsszF9v5x3goX+yagjuaPzZR7mB\r\nPeAORY+sURp896g8TRUfE4J3Rp1Mjnp+7crn27d5nxE15kmBw0K7wsdNpX48\r\nMGFHNJdZ5V2sbrYuM1v9NCyv18c98L/cVVaYimuEQtwzPERDMOgUT5Ka72tM\r\nftDVCsrtzUnRYb3utfBiWzHBSm6hhJCz6H5Qebcg/hBkei6V9tYRtxb+r4lD\r\ncyNpqebd5vvuXSDC1gOA9uYTj6UpQt3M6sPkha6CrOtA7y9AMsQL+HUdlhl2\r\ndj/uxHTYxPCxsaysaUcvdH5+HpiFsrT+MUJPC7QrtjA6wya38y3WIPP3/5mI\r\nhKrAZCyhhZ4xYZobI3F4yy9hslgClnF0gy6QQEw3ErruYKb7jOmr4NV9Dn7Y\r\n1S7XqaRSiBJNThxfzDc49mEbypc1tbs9W0cukysPtn61euOHinr7t77Dr3hF\r\nzGTD2prCWyJAAQGQLi3hAGA/cu1XkqGPMJThKB4NiSBBshm+pI6P0dKlj0Bs\r\n1tcuuhAUq9eVWOnIIBopcMMRRIWFIuVJSROf5AkvrQOm1AyhZsvFjrnLrqBB\r\n9L8aRYHwgH4kPtqC8ZdlBkjZgb+mkh+DGBY=\r\n=gkXF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.1c74eb2c0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.1c74eb2c0.0_1665179668515_0.21709941367980434","host":"s3://npm-registry-packages"}},"15.0.0-canary.dadfb713e.0":{"name":"@material/rtl","version":"15.0.0-canary.dadfb713e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b9b46567026e7bc6ae2596bd99791fe21722d204","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.dadfb713e.0.tgz","fileCount":16,"integrity":"sha512-IkRFWrPlcRjnp/ypSlOBk/REDxTuQZKKqrv7jAarZt5y7873twD2b4hMGmZKMWxb5Va1R29BKSJB3lsrYAs/RQ==","signatures":[{"sig":"MEUCIQDsZV5oS5rqvwJDIK0Z5zgxizUPON6GkTnjvnkX/9JWwgIgTMbE1HWt0YXDHcS5jdSW11fLrD6q8Brv5/UdoO6MY0o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjQQULACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp7Og/9Hpyu+m9ttJkywvxyhNz2MnW+Dyx1h0rtnGM9WoiaZAJTG1xO\r\nNrLrwiLv5zKRHUvOL3+ZUsScdNgexwj1dlnpqQBqVtP9Hstb8Q+ih5zsBh3f\r\nitIgx3LvjSKKyiiM1NBpE4NX94HadX0bi4y/zBdDjp9BBljMjKJFgyzNesDh\r\nfUlkqwmWmniqBNE/kviurZYkT+es72e+C2FtY/Y2CgICemrdfA4SVCj5o6xh\r\npjohsN8hhXvtLrnoWkb+NR69KyRmjFQhoF/6Z4Gw3incJPV5TnFkap4ramzF\r\nqFyWfl3WN1n9XWm7Q4J0s/1vpX3cQThIjmywiPxiTZgDHFUUpV7HIqj9W1DK\r\nreCf9b96bbnIy3u72+faF6yahLNAOrBaETwO1Pe4M1dmUvY/jLFOEtoRZQJ6\r\noqlrXKnPE893U0g957ubJQH3qSpznmrY/6MJrklyBt34S0hqiIL5EYFdItam\r\nHt+MVXl+m/TJngOhpqXvoq0EGxb2Pnz20/UVQR+QQ5DFyB6GgWFfbRqJerdh\r\nveZP9tdKG+36wcfsVDRmMIJYM3FyckROmTxinD/PXlVUZcbzQCYySG7+RW5x\r\niQc7cgEywtwrp4n69a7yulECG5KwdGgaLPvbNw0oUBC9K6LCUd8Rrdv42DgL\r\ngPkOmGYn6sEmmrNI/c6uUANhDIUSNPLwlto=\r\n=FUas\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.dadfb713e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.dadfb713e.0_1665205515177_0.6419209888320612","host":"s3://npm-registry-packages"}},"15.0.0-canary.395f1ce61.0":{"name":"@material/rtl","version":"15.0.0-canary.395f1ce61.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2ed712b8bd7146b31a7aaf2e27965e13f4f60d0d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.395f1ce61.0.tgz","fileCount":16,"integrity":"sha512-tjG1wmxmP236RTZmZ6K4V2g9hcBHeUY/oGIJU/sDfQn6HJ++7dieRT3Io1q/27N9AN0qCDLxrOCoi7BnX6vSSw==","signatures":[{"sig":"MEQCIQD7pSKKvB0rZ9az52IuOTlcPa/VKxN5d8+fYInCU/MNLwIfe81s+VhyOezNgoAIDUQDqgArbJQIHcFkOLc1FobuZQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjQQWEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrlsA//Zd7+wEjJIxJp6j6hZ7ll+/Amzt4CGSAjWZwR83+5jufjHX68\r\nbRtonx36yQ0A4kxANx1iFzT2iE6xyX2K39m0H/EPt1JldZCmhQ6HebYuAsTM\r\nJd0FG/j9Noayji8dBnvmaI12bKsgnXYpqXeSfVgkyfNkczO+ABIN3rJj/dLL\r\n7uX5i2sFpPK5ctSZD97yQibwgujQp9zukTQo6QZt4hLbKHHElJwdpBv8zhZF\r\nQxpdjU+Ktdyhnr8V0+zfyJdUTryznD3JKmCIUqJXOVjm0GmQYJRdJKR2tb+F\r\nK0oXBXBft5o9VDuEGUvzUWoE4Q2m6DwXOEXY2Yf/K9vGuPEV01dryPPkEIqR\r\nIa8svshtDWAev/zE+Bg5B8Liuzf0C/qvbRr2lIbc7xfmNeu4PfMvwj38Qsvt\r\nHKU+nQi0+RL9hmsVUnrt5QhQjqrr76Bpgst3yUQrQRYgt/Kk9nuT67FCXyAY\r\naqzSNDLnHz/VjvKU1QkXsRne75ZDgh53IPRpIjmaTeOLf2TQXlJEZod1eqip\r\nOldecJty5b8AVhCF1ke0FElB3emLYCK3xH7GOhNTfrnKdEWq3+BGe+43+orV\r\ngc2r3Mt4rPm1v/6POgUeKdw3Ch4MI7fxqLPOHT1hqu9O+cfek3q1utAUR5pr\r\ndOxfcM2Ri0FefSeREIeOHNIUCFy2+ZLdkI0=\r\n=0kCe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.395f1ce61.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.395f1ce61.0_1665205635863_0.661954870686227","host":"s3://npm-registry-packages"}},"15.0.0-canary.e741b5c82.0":{"name":"@material/rtl","version":"15.0.0-canary.e741b5c82.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e9bd07cee6d0fb80119212dc097164f6b81f62d5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.e741b5c82.0.tgz","fileCount":16,"integrity":"sha512-a/FgdrBc3h8X3a0Y8Tv1PsNY/QcA7xMksRI8k+MkT6aefryWeqd/FUxVc/osYndyUZvecBKAf5zoR61vzH4F3w==","signatures":[{"sig":"MEUCIQDcnmGeIar3M6P3DNubygfGtRkTygHwyin4JC5hrYOZrQIgM+RxtdNLW5PSyejYSftIdhaRwrLONpmIixCaf8hRJH4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRFhVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq0cA//XSkS9Pzv+UinDNcnee/lz8FKqNy/lWjobEI86bJyEbAt2x/O\r\npUbsJKiP9KP3Bdi2m9D91U/9eMBRgUpxOvBKG74kEKumPVELGv1NeMzowLIa\r\n4XvQx/ThuzhXFYkNp6GIugnoUia9Hdky3CJj3wKF2T9+nqLS8Z2aL46GeooX\r\nK3/oSF6BBbkU9GCSpnOyUKk4L8paET7hv2M6QU6ThPxPDu1OCc6cdWIhRxBj\r\nK07iokrWgzvl43hCR4/+r2CxtM6G8S62X5CjIAzSZgsCmqeHaaY1OpQdi4kg\r\n6Zjjk10Ikdi2dll7fXXq49J3TdnBGs9HHbKcg1od21AMaUz0+rTHrBh6X03H\r\nN3an4OmCHMGk0Qib4RY3OMcukfSGx2U3Q6PCQXGaccD+4hGr/M5C6SYnAkFx\r\nqmqiPgU32LM2o+7gUi47iMpL6DuC1Fc6GH7YnNgfc0na6dasnU2HlwfLJgDj\r\nPR33tmEqhg/633IRKoBov2wMR1kT0IIf2sh68PEnPwYYMbC7xOYRGOYVM5Fr\r\nw0Bden1/CgglM7UriI0KHKDgCuJvXm10nQiSY6XiS1gMr0idGLr8v2GRHNyC\r\nP2rAA5dmpGuoGNot1/NCGanMImiWz2EU5gCIdRyEhDCaeeUEYfvkcoEpfpQH\r\nQbuwMIi1Nd/P3kK+KBBoIaxCFFKcy+SYZRc=\r\n=lk6I\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.e741b5c82.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.e741b5c82.0_1665423445489_0.26139519220232366","host":"s3://npm-registry-packages"}},"15.0.0-canary.582f3cc1c.0":{"name":"@material/rtl","version":"15.0.0-canary.582f3cc1c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5b21750bd6e10c8db22eb5c0dd8f257139203ec8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.582f3cc1c.0.tgz","fileCount":16,"integrity":"sha512-wTp2ThtAkAYRCgWhOr3hCz90hwNawByR8MVqL618bonAmU5f2KNBRf21rwjEgoo5DCsaUc459y4FCqDhRiR+qQ==","signatures":[{"sig":"MEYCIQD+B6/fhZXwV+bezs70CcjL10UAJrq0GC6MaX27dmT9uQIhALPv8r6mDcC9wlYR0CDYEkPWlsT2gPdxs6BQdYAWjIrQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRPWWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqjoQ//Uw02rtAdnPX6v/4+auL4C8F4OrYpLRpvHMHa3ch+QLh0y/Um\r\nh8nlu9iXHmRjEM/PqAnS8lrZTuZVu4Q0or8qIiYvHYq+S5srLKumRL4n9fEA\r\nG9ND5jwTm8SoRuXCocuQvlnmfpSuXbw86BFgVGsg8hLzReL1X7GXhIHz+vqH\r\nJKeIrNGEewN/qFfRXro2jj2M7Kdg9UGEwI2LVOWdH0agi4teyUXmeNPZRoLe\r\nhqkW3Ty+hEsn6GEXA22rJaE0QWN3tTh3Iql5rJI+riy/hFUqYxgfyJITiYyV\r\nZ4TkXJsoGou6+pCfeZdUYDaGOx76uJUHqULMnQ0N3QApFTC0/tInB04b+vm3\r\nx/6Rkpv0Po2A+Bm3hEbZh3j25hVaKoRJM7L8qJGqiVN97tU/B+chsrSxZgrX\r\nm6MIueIzyzbdvLuO1hShhP4oSQzNGi2F0KBRtK+m94G0+Uz3YoFMyp1SBBeW\r\nIHJVZyx5crlQbtNa372NDRS6jQsuHfOHI7rHHIsVCDFfArC4cEdu7aWKGQ4f\r\neEX6k1zsxlW8rE+oL3wgvR6ay2D+z4IAeI8EHdHmjJtAtwm0Kx052n2h4nzC\r\nqccdY3eVTCSaNdz0uGs7c4XU0N5ZCu7hZ8OAxTU5ynMtJUs0RBMfy49t3EtF\r\n+MEe8YsDjnWZNAScpqTQexryzi4PaidIx8U=\r\n=biYt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.582f3cc1c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.582f3cc1c.0_1665463702564_0.1414639920081222","host":"s3://npm-registry-packages"}},"15.0.0-canary.b1a6e3e88.0":{"name":"@material/rtl","version":"15.0.0-canary.b1a6e3e88.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7d2cd73554da274af9fb0d459a5b8b7a523f753f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.b1a6e3e88.0.tgz","fileCount":16,"integrity":"sha512-40DN4CNycV2Sd8s6gxsf5v+0WrX6ZBatvGbVy9kAOSSEAiCN1jgqLWh7GfXDP4IvueQ1rAguY+RNQs7EKVKMjA==","signatures":[{"sig":"MEUCIQCabFlWmESncEC2wskUg6MvczfSuJYDrFOGhdglDIEIwwIgX1BzeuDh/bMTFW6Xh0+8MfUupxhMXYDVWXdK5a3XTbI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRqynACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqiKQ//Za5ZVWrzgZ45kX7MmYISFX/RNsg/IMibB0/3tSPfAkM5l1BT\r\nAE82GESxBIf2ngclr2DjgtgDkZw8w+Oha4o1PBojAG7INTNPqQPeSrEv1HlL\r\n5oNHQqm+RZH/gjacZM+bZAMWcOFwDOy4QggBhDTSEiRVv7dw7uvW0j/CDZVN\r\nBSXzoIXlsYQJaojQfrKdgnGj1GqVubAjBeXpGxieRCzUsH6DPOMQCnlrn8ih\r\nmTFf6hhi5/yBx2rMb7Ng0dvs52kJFJh3vT2BlMloY1V2co+hjmweppD1lwa4\r\noiDlq/1VrXakQnLzTUhFKnj9DkZmOcG6O0X05hRfrUIKzU2fOpJImyWDZ1Gi\r\nxx9GRBWhczR8Vo/GP992uITHfTHyle2LlMVxJKQ+9q+NJGVQ/J2ytXJ92GQU\r\nmkb2SsYhuw/xpQTemWVtrZ3xAuNWg2WyyGMjLDaYFHs99G9frp+KuugNgEhf\r\n/uanH7T4f8oWSd6G4F/m/dWsOsGTBSomHBmIeClim+1QX0lTS2hXzZdykAUI\r\nPyQX4SLnsxcROfzH+u84DHDnJ7vjsBfbXrXBtse11aN1tr/V7yPvZGfynafi\r\nOrSuUX2nZ7pzMBr3vworxnKkBJwE+fjmkMJPuLZV7XHhaTlBOJ6jpNCz0lJb\r\nAnzC+1PYx0NRDRCh6+38xZgeB1M37BoXIws=\r\n=8z8y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.b1a6e3e88.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.b1a6e3e88.0_1665576103719_0.6647610665447454","host":"s3://npm-registry-packages"}},"15.0.0-canary.c9b1a31e4.0":{"name":"@material/rtl","version":"15.0.0-canary.c9b1a31e4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"89a1f4e7b0693c1d490ec7d24d9c1ee02eb08e8e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.c9b1a31e4.0.tgz","fileCount":16,"integrity":"sha512-mkCIl2M0wPv8iGHu4R/f1pbhdn1hv0xknBnP115X+lWvAxTyChA6JOzrruQRPVSAEMH8zS8DjjwKcvMzzfoSkQ==","signatures":[{"sig":"MEQCIFgyWOIsHEE4RiIJrAtRCf7wOGqeslMjOBKEjuidhjnJAiAnBb3XWjRT4qMpmKGOQsP7GRl49QtKjHP/MiIZ2qJm3Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRvINACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqjEw//VuY/h/Pz+ex484CQtzhx54piwacJGywljJSA+NjYz1TmG5lA\r\nmqRWOlzRyK/66Ai9GPr4S7j/MNvMM8TXUvI82OepViEwY22c1/utxplwugMm\r\nUyIoopji6vENKXPqYwtgZjWZR7m8pLqxxg3sSNJ9UwfDJ0dUKzaSGHXF8Evf\r\nY0PT6VoIMjV2aNehv+KcDLWR3qxavH2zLVNk2QZnbPCm4yhwqb5c97wllSGF\r\ngITTXqzxYxYwkLt6gz2U+AT1JTKgKbPKKhIw7YyMrKr/ZkiXANtU3yfDBbsV\r\n4niTUahVkdnFOkV3PCe1UztnG+ZLzHnpnBzAsZdAC8LEP9uEHSFSkgoRAca/\r\nVXZysJswC3jw9aCDNVBCubULVkTZs7OmheeUMurFrRd7fAILuRjjvhZamSxD\r\nXIYN0amKa8zBLrrCwh0H2Oa9S9TFsO+OZzcpq1adBdWJXbLF0AOt3gGQp4Xx\r\n8X/0LEvyAWAcEAhUyd/QNv/qNmF/FuncMVKQuzGBl5Kkrqjuf+kkBrsK1k91\r\nEi+BTt9NWN74TF6H+PGjBZNrDSntgtbVnTDmjk3hm1gUuHX8uUvb1e4VO7dm\r\n3sHIArxQmsxaL6Awttw+GLoNYB1G0mbPfftOAauu+OqnUFFU8I/A5x//mYIw\r\nmiNdekRKgIblHHldaDbKduwhUYKv2rIEdjM=\r\n=oWOw\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.c9b1a31e4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.c9b1a31e4.0_1665593869645_0.7017877986909009","host":"s3://npm-registry-packages"}},"15.0.0-canary.13e9b0d1f.0":{"name":"@material/rtl","version":"15.0.0-canary.13e9b0d1f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"588f44d4d3b36145a56e7f74897b0062ce0731b1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.13e9b0d1f.0.tgz","fileCount":16,"integrity":"sha512-wv3b4iNPdkXiiaRHvZYdHIPdtYSkOLa614uL185vkkSKia2/T65UWaqIZ7w4PtB4HxIgSJgC8HZK8vnxJkSysA==","signatures":[{"sig":"MEUCIQC6rZB0wLVsapsCJ2zHV6SjiIDkbCHUd0GFsjUTjNluMgIgDunEHoYbdoNGYqJgeIW8DNoQ7pxafM4bONf6+n+IrBM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjRxNrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoe+Q//ZlxCXp1FxjqxQC4jgUBUaPd8GctKmyyyKFN42Rqs95DAvGFO\r\nFz5GPrxtrhRLT8EbXiaLRC7rlACUstKqgoe78vsg42Cl5lUvydiDy1Qf+syu\r\nbhKQR3bCWYLnED5Ar0bdDEXB8rtikZ8EEQDZhJ2NViO5Km5t9jky3994KPda\r\n3CaN++rXy74PeEoUQliK50+gPoShN09Z92VU0bOxmepVbrxWwjAkvQ47S647\r\nr+YaXnBc+io7toD7RL6DISuRh3XbycQREz5dLT78IyhRhGb/xgYIMr1lj3qq\r\n4I8HEnFgODtWZD31yxfjD9Y46fvP9xUGqWumoj57DlCKxDDTDMtCxsW+vwxj\r\nf2i0pVRaMqGWlg3KkuoxG5nSC8MZYCi1ZgfTsOBZViMbw30zCztkVoZDFJaE\r\nNzU+oZhV8SVPfSVLjUdiuXJkX/bm7V/q+X0WusyQ7dK91g0YPlYKxwiWvvAX\r\nbqBK2xJrKXYjfGahHqkNxNIP77ffvGhI72hdBrl1Gz8Rlo81ibYofHJquqvm\r\nMPQ/It0Gx5xtcs+xoyDoWF6vFgqfMuWgocoQ70nsKN2eTP/ixLsz+qZclmLP\r\ncI5Mfrh2VZ8Y/nh9OBCBwwzgqT+u2oYe5CC02rO+kgpTUGX46uO8yEcICpK7\r\n+zwm10GBbuI8cYH1kQJOpxI+blTPWRUsFYA=\r\n=InUt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.13e9b0d1f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.13e9b0d1f.0_1665602411705_0.14162152651136495","host":"s3://npm-registry-packages"}},"15.0.0-canary.1dc797e7f.0":{"name":"@material/rtl","version":"15.0.0-canary.1dc797e7f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d44a65e448e03bd5cd017058c4e4a5d67589c3f3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.1dc797e7f.0.tgz","fileCount":16,"integrity":"sha512-k8QAzV5eewyuEfcvFCRKckeO+2irjXheL7gbxUnYrhFSOlOmZHagfE6Sdr1W4CS/jQnpVsZgjHEtH6+uw9YCIg==","signatures":[{"sig":"MEUCIBYrv/wka+JVP3oS1SQjx04H4jlnJH4FZEyc4nGPV59XAiEA9l1hGrhhqJkJ1PoQS+ciTIBnL2yI/pOEBOBdAvTrARc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjSS6iACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqTkQ/+OfMV/oKASXKy4sQGnTQzpdvSsn7uNGhRdFPedwhr7bnAQpUQ\r\niYlXpAImgFZBQ7n43m0d/d131AY2jVQnsOywEDDZf8+5E0J4yRD/8DMDJrCu\r\nMxZLnx5uBvUJUxUOTkXulKsXuUsmRUAMCkT43Rnd8KUtDDkLFZdsraYJXJQS\r\nVwSn057128w0AJvipEGsfW9j6kHhkpDaB5EuPqZE4V9+eQy8Wqb/ZuPApxIf\r\n3bpflnsQv7BVul691IsjStgHUQ79ec+sobhKfqKPqtPjTQedCpRqXJiSGhRU\r\nQBuvZuNYS3ZjawJujos7HhasF0KqBvc7fsvd11AiUMLSALMuFnWX47IPQRX+\r\nDoK15COa0m4wn0sCF1yFDJjJ19soMuWqMr7MwN1ldYjWdQ1ValMIt9UhgKBS\r\nZTjgSbexPclwaZRnthaMaYazLZEqrlpjuxVoSkLSCgEqdXCVQgtdw+aeKTEW\r\n9atH4z6deuUAfnqrwQh5Vpn9K5i3mXceXimCU9lt3Kuw2dQU1d3YBWXzKBMq\r\nd3oR3+7XHw4Gxi3wyGmtzSF3T9UmY030QK81uh48sBYlkhvJuCGJuk9ul2od\r\n+DJ47BzPOYxg2dzkPCHjgN1SJKR+WsUN32aqWkRms482qEXTOl7inwlkL4np\r\nc1bK2xhVligj90Scu8UUxpSsRODbc2Agsac=\r\n=KigA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.1dc797e7f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.1dc797e7f.0_1665740450212_0.5717872114346458","host":"s3://npm-registry-packages"}},"15.0.0-canary.ed4009397.0":{"name":"@material/rtl","version":"15.0.0-canary.ed4009397.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"08ee4f3e70ccbf6d8fec3851798e4a404a844f90","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.ed4009397.0.tgz","fileCount":16,"integrity":"sha512-Jjjc0L9HJPNxKDkZoqAx7rjGRU1F8ItF8XzpG2A18arSrJpwHBtbH5ZA5PYsnPES5elDARODO4CShdgTBzoJ4w==","signatures":[{"sig":"MEUCIQDnKNIE5QeFl+z5x3ICQgyoyP5x15GG3FShxJix7wcZZwIgWSF3ZZBeKVSLdrzTbdehZLKyM6zGWIpvgp6z36OLbrE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjSZNeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqMXw//X9LJj50Xmx4RefOHYvmOxpObaOwAVQtP1CpKB9SJTWTwr4PJ\r\nJJN6mLwgAuM907yCMsyDIMtitB/vCnRtFK1GJQitYp3S5D9hszv+AQ0SSAtM\r\ndrPiQW1aD+ljWpOXVP9Tid7BqfIHRqofmThpuSeya/5NtEJrDBvQijJbyBo1\r\nvb4/xGYvQkorYZ16h7rknsbaigBVxsFw7Hl2U1hAXvt4YWQbNjMx+Mz6F7yv\r\n50hMnB1aOnGpePdKeUdqW6nOxYz1TvFTtEFZNOSWVLmCMDO2mjo9ebKS7+TQ\r\ngTKb9qh0XQiYck5A+OgWmMTOJNYI4UwkdR5ZDfcAjWj/CTYQwh9D/ejWqR6j\r\nJnZ+f1vACD7GC9HFjYCHPH5tprNqb2nMDEkqu9kPgXtegq28eyxzVPOQBx+j\r\n69iNvgADA/IW7fhfDn9HiVDKikXrRNQV0Fp2a5ldVJHIyudbP7v0NlPdifxz\r\nBerc+mC4qLz9PtPvRJFRnpVHnWY4dA9DJVY3gEBoA5dwvnlYLlB2JsR1oEmZ\r\n8cIFblFJHs+iHPFKpGw6+nuFWmBOByOieMRAxwVLTQjbYB0e8d76XVuqyYFd\r\nfJDeBHGPayXal+SWIOAs5rzJSWPtXOnzzR0TlLaDt7iVIIJs0rp8OtJ5E7y1\r\n+9Sv1gJ/3eScevLaqUCFLReeaUcr7Hq68JY=\r\n=fBbm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.ed4009397.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.ed4009397.0_1665766238427_0.2774381804596282","host":"s3://npm-registry-packages"}},"15.0.0-canary.95ef196bc.0":{"name":"@material/rtl","version":"15.0.0-canary.95ef196bc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"abd2e1eb4bba806e323585e170a4ade98498877b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.95ef196bc.0.tgz","fileCount":16,"integrity":"sha512-Xsjpa4oufN61cDuwKSvIIvqOSkxH8NC8IXqne1xEtarMRRyc54ZwnnyNX4aHlEIzRjd+L68w6qJSiCN6gqstfg==","signatures":[{"sig":"MEYCIQCKWr6MIEYqsC1AJ/WAOWv7EN9HHJYMlXdckBM4FwyicgIhAOq3x0Mz7EsehFHkstORe74jGIPQRkD/FNqeUFsyXDeC","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjSe0OACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrbHxAAhGMnKMihJv/jdxSg4sg0KPKu4ILLnkayo8mp2RetoJ93LU0Z\r\nSp+OJil5TF5zcCjv+RKotPFykPPnW074I8/13C8t4xGjvVmOAGsDhPELevzE\r\ninMODvpG5VqQ66juNvGrhhM9OXpzsAA7GUU2jcxoKS3Z497zP6CKud2hkuPw\r\nlmR5wnNDuMQsxhfybpOLgiv3MXn1R14IjdqJKFlPrj/TAJptettGWEfg7/te\r\n6MwCAqzrJmfGDxagkba5oLvoi9eJfAy2Nz3JIkADMwZBrLdqwE9jj8fyj5bP\r\n9mSnynowwmRLQSP87hM9FBoC7rpW4+s0nbPGjwwxt8Sz1QPD9ghZ10kfdSQi\r\nwM5F/XBco4ZMv2pOqPQAMxK35vvgSZXvF39pWKUw6ppi7lu/HCYrRXvxPsen\r\nk1GJ+89xGObBdCImQqtu/7XaXf+3N8jQlvdAQ+QTMobh/9py81QQ0YL3538L\r\ndN2KQGDqTys/yEMVOpnlnsxs2YCI32bVQBvACnm+w9Yzd1MIvvJea7opAUt6\r\nlYNCGs1R4sy9pB11/Vt2vPNvQQa8hTeZALaewaexC8yf5D5lKSg3i/g0bGQ9\r\n17Z47nLCRgGgcB/0zLnIFzjlz9jL28UiIFO2acix28SaIfnd+Nswa4T67rOR\r\nwdYb+xg9TegbIgv146ON56yRBZh/0AjVMno=\r\n=WfO2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.95ef196bc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.95ef196bc.0_1665789197913_0.6566051645632416","host":"s3://npm-registry-packages"}},"15.0.0-canary.13eea1b2d.0":{"name":"@material/rtl","version":"15.0.0-canary.13eea1b2d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f8e304f3c0634ed21c41fdb2c4c9fa60c9f492e6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.13eea1b2d.0.tgz","fileCount":16,"integrity":"sha512-Gw6TgKIWqJCdigRLLXdNOco396SuRFlq+o0sNmCZM8W1OdxoXkizop+UfDCbVDH8qp3jjzKThR49ZS05uGGxEw==","signatures":[{"sig":"MEUCIDaYQefFZhEZhWotych+vLp5qsuF+y89l9dakDfurlgaAiEAq3FXINL3ROpnHurnTqxlvuIFv/U3cx4nAiYgu+S98/E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTNEgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmovLxAAnF1kgfRWjmMSjzGmN9MbhEIJUFQy4QnKGoeFz1HpODSZvGjh\r\nWSWrmcJcTRIRakRy2xO+0HEGnIm0eMXIvP59bA64BegpGRBWCup29ICamXKE\r\nX/pMo2idD/Ixz+LIbcnrNd4GK8DoIkN/gh7SgsLEV45GbLSwU4GI9MZ9euo2\r\nwuMdB4fTz+JbMJ8QiWVHzp7/IWq7gPUYzri1WgioZNiBWx1ZBMXBnOME7ORD\r\ntfbIspzXpTW7kK4T2n/7O6BwAZNylW4pmptTN6uXQ5Jlv6DIoOTpNHK4zshP\r\n/Ip/UT7DFuMQHkbljmnz7co6b0+Tjwd6FlMYw2S+FfhMC0Sg8INF8sr+KUYq\r\nlAdlFwMTD2z4+22m+qEFtKNkN44+M6r73rrNy+FUdTkVmt9vDTWrodhqZoyN\r\n5u25kAgL7pGWl8mxssB+CUnHsVxi4LteRg1pOrOunWdYfJZ0NkafIwUnIjg5\r\nIQE7B3C45XAfp9MNwQK8CMbKtmgNjHdKl2Qh7TiS5BtEDmI81b0yInXGfaYC\r\nT59Q6FLiEsKefcB2ZPDtQBcX+tzxkN94Klp39RvPUNolVvFHddSvyb1RgAw7\r\n0PrULqLxDZ1AzuyExQhmJcVullCF+ldJSUrwAnE7Zt1aZ64S+/5tq9PUQA4/\r\ngLLtxdZkQBonJdj5D1SXzFY6LONqRfJHZ0Y=\r\n=zivc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.13eea1b2d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.13eea1b2d.0_1665978656341_0.36975041112393114","host":"s3://npm-registry-packages"}},"15.0.0-canary.ef9b2babb.0":{"name":"@material/rtl","version":"15.0.0-canary.ef9b2babb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0f2d29e65bf29d94e6e03244a4ca812408cde33a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.ef9b2babb.0.tgz","fileCount":16,"integrity":"sha512-VarPt6P9HJn4TLweGteFoo94cVaE33nGW47dUOK5yFEHRMGSq+iGxCHLhOC1KQsZuvbFe07gR4Ak1YgKcEHBjg==","signatures":[{"sig":"MEUCIQCRyaGCa6G4ctokLLP2EcaSxnJfgV8xqVOL+0Ent/s8WAIgIqsQ/UsKTZyozvl0SfcYiKRHasgBRUOONoXmUHcbmKs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTR2YACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrRlg/+N0xXvU19KKr5k6Yk9R7HZc78dpRm4s7Z5qk/ZSMLxcI2zjWg\r\ndTTR0Mui2bIlLJDWW2Pe/hDls3uQYKomVfpWXs2AJcwpikdrd8b+lQ2+VaZ7\r\nMHMwNg44229OxWZPKp9dkJ0CU7Jx1Z/E3ElNEfuU4LyzHoieb96n+4OaFI/H\r\ndL0ZUeSV8zqCetwi8BzeCesqlh0VIpdXRyiZ1OjrRtQnujoWjNnHbyFuX4Lh\r\n43Br4N48+jHo/cyVVb2ZUwVFZ37+B3zOdhxBRQmZQFmXj9CCQDNj3424taVd\r\nv42lghLsi3GyZCAW46nohnPYxp7T33mUd23krUQxUXzGT8V40qSK45n1SZRO\r\n/elWfdZER4vMV3pr7sBNZndUZ0slJX0xkiRQODZ3GiZpBsX6rCs+AxopjS+X\r\nchsui805SBb8oKdXhGRAm5C6mkI3OLlf4fGTOx/BBJknILtabBpgt6uQLlSk\r\n7YYFAIrQcfMG0778RJlBbaRPU6/CHShxd3oTkJJrhMRajxKm5QNNbAT+iC0H\r\nj3v5XATSmffe4s7y/5uQ61i/kSJDpKKtGlBH44b8ONECxtUMFUtYMi/pUVja\r\nWypDllgtj7N2yVprVzotuT2irNw29W/d/6/0lfVAlbXpHQfrHagkiczucz9v\r\nIhN7PhkzslANoxPn++yEqcDBwrUM96sb5Ok=\r\n=nR8y\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.ef9b2babb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.ef9b2babb.0_1665998232731_0.7803041985246593","host":"s3://npm-registry-packages"}},"15.0.0-canary.cec7fb987.0":{"name":"@material/rtl","version":"15.0.0-canary.cec7fb987.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"172baef928e9438e5494a720b77549db999cb3d0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.cec7fb987.0.tgz","fileCount":16,"integrity":"sha512-zacSShWZ1xiZ2YduepwIw0WtddKz6MIPQo+11uqhL5LLEeERi/4zbwSLg2jiLSizpDhwhCnkjTic/0sTBZGGfQ==","signatures":[{"sig":"MEQCIA8Iss1sUgag6EqI51OM+rEJoB8G2VuDFctRQ8AsLMZtAiA2dEsFOtiVNybW2yDGDsGGgQWwftCp6Me4fI6lnRdIeg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTTSrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpLsg/6AiAyyaBnqinSLv8ya5zmFHSBu28oAf3zUbg0aK/dMAcMvVB0\r\nfTpCznKRO0ns7b61JpFS6Fn0Oxqh+JT7jeYeQOC6Dfozx6D5wpTCgNXEfUJD\r\nTkqCcRxvP6fwoUndObBSREJkj9MMJQUe63w06NRHnJuC/IR4nfUHJ2ZX85nF\r\nAOgvKmjveR/Splt1OuYR1rmvu4Mr9AzuNQDtOsShOX39vx2pz+2A7aEQEDZp\r\nMDxuYseyQhBxH9m/QUS1TMJhSD1mea5vvNPPna6uZijoSGrSRqGUT3+tSneh\r\n77A5Amjj8l9X4Oz1JDlDqwJ941gRFtVqLNKNkP3JXdYk6m8EZ0lqznbve25M\r\neVzGryb7StnFrFJz7LGsYrl7NBELEwpo361+qRetyxoFcZst62ucGFQfEYCr\r\nujVgMP7GU3eOBbadVrmGlh4P4v9fY29qAJPdn28oFETFI6ejIFJzaxJEJdOD\r\nAocYlM8sDcJp0TMkiqlkopg9ztj7AoFuzDtwh0vfZZS5SMVyk0UBrnuXhmWo\r\nF904TXggG5iIv6tMVI3RXNDukQ1a2uDW2DqfAkWJ78vYEx0tqeVQ7Z+YYz4L\r\ndu6MhzsQSwE0PY14E7ffPRhJdJANIWakcPpOISHPRkIcrJyq6oNZAS3pz3OL\r\npnqRzbG3y9HVk2L1OTU+Pg1uTTw+0/CdLv0=\r\n=k9Rh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.cec7fb987.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.cec7fb987.0_1666004138801_0.49462797477613685","host":"s3://npm-registry-packages"}},"15.0.0-canary.4fff58b08.0":{"name":"@material/rtl","version":"15.0.0-canary.4fff58b08.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"be0157e3b402888fda99dc9974c02006c6647a20","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.4fff58b08.0.tgz","fileCount":16,"integrity":"sha512-hPCgL504kHGeUAAFOj6XChfnU2AuQtUT6SAksp8g2N6xiTZE4OCNy6uCyJteBTKODYfsSi8TUIlUtTnNnVVIgA==","signatures":[{"sig":"MEYCIQCW079aQA/zt8hHvRMve5mVApbRs7XMa0QUdkohG64JNgIhAJs0ipmMH58KV8599yWJjELZDlMsjXghtKqWhmc0wpzE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTXMKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo6EA//arumEXHoU72VRV+ymo19xPpeU0bUcEwcB71smE/boe+5stXV\r\nzoXerGrd8WGopp7jdKEPtDeZ3U+AyQ4G07LzFL8y9VV/kwu3LcpAsC1kkf/x\r\n5kyT88mHtxEUXkdzA6oOxV2qKEJwZosZnh7+D5QsS92Zf9vbogrGkCycBR43\r\nvcgKS1Oh5HHjJVw0F71M8OUs4qWu3mZCYCFluJKRPddOdbys7ENwopE3n6ew\r\nnrwnUQgL/cHy8HIJpPlL8rEXp5ouPnJObPi+HekRhBNmtA+WKjWKrSM7yG75\r\ni2c3jg3gBZvS1tilL9uIigiCbx9twNqLJ0ENZE2O+wj0si6RSQrpzrMSqSZh\r\nHjHma2FrDQ9k0jnINDZuv5iw4U75Eafz+XOPYlbfwvTllQH/rNbq7zN+ULvs\r\nGfVJjGn37IPjNcNI5U806nmYwylPH3nub+ptxoyTiwHjF7y6AS0Xg1Zd0aK7\r\nsTLH01J8FBnwS8Flw0p0d3cyg3wMz1oPTDi2cVCX7jf26h8M0o7HQK3FWWZe\r\nDrWU5WPWKT1viIdYQmwlMCvqutkeR1tu2/EMqcVPwtGdM87XTNKZjC2pP66h\r\nAH8VpqvBfXBMVBnlfXU0gSyWWQ9dMwCVa1nl37vGxumNBASCxY59IxEPuUZ9\r\nKL3ehlT6Df+ljIJY4kB5FmnjB9c0y3DztrY=\r\n=5llJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.4fff58b08.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.4fff58b08.0_1666020105831_0.8646451075683952","host":"s3://npm-registry-packages"}},"15.0.0-canary.587d8f871.0":{"name":"@material/rtl","version":"15.0.0-canary.587d8f871.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3371c51f0c30aa755e869c31d7ab0e05a106f16a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.587d8f871.0.tgz","fileCount":16,"integrity":"sha512-KGchzTPSBp+8FQvJLd9K/jazy+7+Mc3y62zSZLLMQIZHTrcr+LSjKhznXYH8hVhz4YCvHXGOt75poWg16xkGww==","signatures":[{"sig":"MEUCIQDbHMb57t413UnZUX64tx811efKfbsdC30cNTfYmME4VwIgUUIToD7MBvUkQTIpK/v/uTQoNx0qZixgh1C0PN8RKg4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTXstACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoeEA/6AkUWeLYPWBb3iZw8qlqZWao4O0AmoRCAurjKV/KqhGA3nkVT\r\n0Aef2a/ymnP1Vq5ulHVJ8quNvlWVmpzqWL5t8cD3let6BEjuFyVhvi3+4+LV\r\nErsNKacCfHzp9eeP+KNumRT1zGvqnHy4Wo5ENkH9fXwNM5DsitbBeSURlX5V\r\nsJder9RR+u1Sd+vRL8m5Uf1DN6XY8nGnIdg66uNcHOqF8wTHLJJDIdp1GZfn\r\nM0MxLFOYdIqIjvd2tOr90Pu9ycd4wOhEouyA5LefCg6pXE101aM6cTceemju\r\nZ0zjvSXCEs2XG23XI0tKNQsm0xXbJRfb3evHk6mWUtPJIIi7jUMg4PwlACnv\r\nC5nNoBt7ZkS6reo9CMccjv43YIfBhnA8qqC0UBI1T3EEJpOF6dm5e44kdXb+\r\n/qM1IbJ+1U1Sq/hO3/Cu+pimxx4jxUnP87Y0CLHQZi65Awx8mOAaAg1mIDmp\r\njdjfPUDDuAEAHy43Ew499W712qtmEF4uK1GmWmMRpWD9exa7rGEtaaz8chnC\r\nCXCq2da0OthUUvoPYcfTDTOtslnLIJUFDoN4OQk0WowiXp7W1usE+8e/LFA0\r\np0dSPIZ9PwGGU1Rxnikvqclf3VVr6oUUdRiS+RhJfnrUeJzsof7XO8KDLKVd\r\nbeLHOtKlVKUKf017mpIfqbHKVuVfc1ORsyw=\r\n=/61Q\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.587d8f871.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.587d8f871.0_1666022189210_0.8767071680188654","host":"s3://npm-registry-packages"}},"15.0.0-canary.edf4b98d0.0":{"name":"@material/rtl","version":"15.0.0-canary.edf4b98d0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9f612402549bbb6b979c8042d8a8fbfcafd250d7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.edf4b98d0.0.tgz","fileCount":16,"integrity":"sha512-03RXy/+J4jIJFjw22DUJao3hbvN//NgOnfsaLid051wYOgue784gou2RKz8qGYy8vEtCU72tss3PB6eJuHp0Ag==","signatures":[{"sig":"MEQCIAsDlIeJ1YuVaUmiu3wO8yVSDTBLFJJ8RXQj2k30E1VMAiAIfklALrC6meAmxmpogmAsM+yiYWPlFVftflhFUpT+5Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTYVVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoSxA/+PhU1kl0W1UiKbquDlTpzAr77TI7QqBaw/tg5RF5r22v2cs0y\r\nmNXCp7yEDDeF9lDmchorWWE/pAsO2HxWVTpuZsY7+crIHuc2jXGm5AIwe7KO\r\nyCLJMiGeaLoeen3rgJxTC5+WyoXqAwzj4z6kyw5ZCoBIDHAApYnoofqGu3sj\r\nwa5jRyfi725KLJ38drOpR/naHgL3lJBAIfIPmhOkxqOIFmjvvUISmPXDYgkP\r\ndacyCFJDZf9jrSmr0JvQNA3iEE4CwIZxVLB+WnnMSIp+3qtiA0xbCS090nCQ\r\n5sB9S49fR019XjJtGAhp5o8X6B5e9UmIHaIOMceiAzJb2ggJZdq5ShXooYPG\r\nP7ZsUSmSopMxWmMrYnI1ufM9QKBZQnFBY0KLJq8172EYpWxTY/27tGkW8nP8\r\nm4CSkBr5/v+TDGDRcZi+80t28UaqubaT4hAzl9A6U3NNId/voOqstX8gz8YC\r\nrBuF8CoGr2vDsgZKunbFDFuvZ5LwH9un1QB7yt8nYiy1pZpRTA6iLnZm3zTA\r\nt3qaJfxCGYkRoH/CjOXilkQSjW/nSEnlQGJCc9n+/ZDxDxkAVLDViXdPL6N2\r\neEOxPgnbw5ZGtP29Mw3KSV16IwPLM+72TlRxmc6mmlfwQO1kciE32Af63cir\r\n5A98j7p34iufssVLhEI/lYbzPnX++y9u4ck=\r\n=8+wZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.edf4b98d0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.edf4b98d0.0_1666024789499_0.36170582757198644","host":"s3://npm-registry-packages"}},"15.0.0-canary.024ac5f16.0":{"name":"@material/rtl","version":"15.0.0-canary.024ac5f16.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"48877c8d801e58388a2b6b44c931bb7f3b9a6ace","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.024ac5f16.0.tgz","fileCount":16,"integrity":"sha512-H3gxwCInSJQZ/tbNRFjyXhv1Bf8fxnJ2sLD+HA87fHP+/c6P/A3XQeNG1HkyXD5lSb3TtfYdlzN1BuaAH+FE6A==","signatures":[{"sig":"MEYCIQD6GOYyLtIvB9HTzdd0MOHVCIPSSKmJgoAuMvz+ptOW5gIhAOg9icrwxcY2zhFMCTglxuIzJSxjdDIfzz5XFArqhFtH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTdokACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrCAhAAny4NmRJWQzZusteWZeK38njRTMCoB3RKnh8PTTyBgAp7IAJi\r\nBlRCkwB0Io5Ydsw5z26VDK+4Ra0Byl0UN/XdbRfjzYUgTC3aouB2r4+RTmpN\r\n4IFzRfxzRa6Zhui4RNvYS9wwGEwDO6kRwoRup4thasfeXGcO98rDmXM5GCsY\r\nwVoiDZN5qYT405uGaePxB5UKxr2RJ7ZL8ThvuFwtX2T/TOD8Y1t/dlKkEBBK\r\nQUFsKeF6w7qphEdw2ILlky//J6N/r6OabVltufH6F8Lk6UjdRwHCHgoksjn7\r\nSYVPkZuVmoSk8ab+xQpEbq0QecqXZzSF5uGtxMIfL5sgQbu1h8IQ8sX18tMF\r\ngeZJHTMzb6DneHmeCYdAlQjrPHBUaahyJoGjaRbaV2AJX8WvCAMgTyK4DkQN\r\n8QSRAm8Nt93L5imaWuNVa5ZNewJ5T28/S/kORLZrbisjkAaGkKK5ZJxTj1N3\r\nSbAKfy3ACzL5DY6F+JEk2mAZ8MsKvO5EpUXsebWIhWKP1lQi/rLucKw27BBl\r\nbj/B5O73IgGry3I6Fz4A3gyiKNy4RaNIcVDRN72o3nB0gno0LNb1pvSEt86s\r\njH6TmkSOWKo9HmlAgXsDGO1IVJ24W8k34MUNKSOrgAMRmB4Qi52/ugskbpnN\r\n/V4SCHbHep5AxmqEZLrWjneAtlF+X8NkU+s=\r\n=EET1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.024ac5f16.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.024ac5f16.0_1666046500689_0.3281273769599524","host":"s3://npm-registry-packages"}},"15.0.0-canary.c8bdf6144.0":{"name":"@material/rtl","version":"15.0.0-canary.c8bdf6144.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ac6aa748e8501ecfaf95587728298b946ae9faf6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.c8bdf6144.0.tgz","fileCount":16,"integrity":"sha512-J3aV/QCaCr5/Z8M29T7TLBJsmHdX2TnbaI2BVv2PH32TGxmulr8l7nlAPySx4D6eZjgExyVQgNDDzgG/Qp2d6Q==","signatures":[{"sig":"MEYCIQCnSxsnHaKqOnBTNnPElN8foKc1e0UIh2OdST+rSvHKVwIhALxNGk4sjhk9VtXvibGp0WRtIJjWbMmhpCumPe6HokBj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTu71ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqENg//Xj+GtFGbGzNyHNWFqYEsj4wv77le1u3rLqY100oie+9TnwDT\r\nolrG/k9C5MUviG6hGHXbFhn8HZ8Rb8PxfxhjErSOjBxVj67nQc1EezAXyA0q\r\njsc4pxviOzitVhqpJYLnImo+y13qcEUijDiM8siYZio2tBEykrTY3Qmsc4Ja\r\nLGSjepjUZCSU4aqcPo30+h7ySrTYA/6WBPBVj4a6r+wb84EGRQzF4I6Kbu/i\r\nQbRTQhbauOls4s0F80NzYLXqaaiyebDhcHX5r0DY4/VhlnTkWEvQ1Uzsk5ox\r\n8YR+5SjMQGv2FjyKGtNrrOqi8NudrfVHg0CZaxidikRSnhjNRtQ8k3T422jE\r\nmHY6Arg4t66Oq3jOPQ+tiMIe9CqaojY3V3ARu5TLtQ6E53M92/oWe98OkuZQ\r\nd4bPaNAj0Vqi+cu8VN01nRDf6DLojapGDq1lB1uZXYdjWg5yG0TSgQcPZhHy\r\noOvmJprxNXmuigoITjIJ3tNcBgGCA2gV/4/X/wy0cv+kIuxB4BOdlmE+NWr8\r\n5dGG3X/LZMxYBJWOPVu1fbbjvhPzBAw9N7omvun1A0VuCxtejQLE0XJ87pYt\r\n6qjUyrcMNQ7kIwli8cvDD3wNn9Tg1xanNneGuKXtKUbTyboP4QMfc0Vrripy\r\nihgu8INVMumHhVSSKg2Ptu+Vsms03sFZf9U=\r\n=/Y13\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.c8bdf6144.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.c8bdf6144.0_1666117365409_0.4684482523048692","host":"s3://npm-registry-packages"}},"15.0.0-canary.bacda4885.0":{"name":"@material/rtl","version":"15.0.0-canary.bacda4885.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"375f1d35c49f62fab15b43d3465fed50aca2ce6f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.bacda4885.0.tgz","fileCount":16,"integrity":"sha512-3p9cR9RyJTRtHbtz/HaLMPVPbURPFgEblHowGgBNiUN+J73EzEkfXuONfC5ezI5NFoZOHYGTNT4IjVzNYdz58Q==","signatures":[{"sig":"MEUCIQCd8dtA5gNvRQzY8f67vsvFTNtpDL3vpTGIwd3GJyseewIgOgkUKkGW016DLar4dbUhMmhU1Pv0k8hrJ7zLAgBBoyA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjTvN6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpIeg//R1gYGbZDMA6/c1xS8amTI3Xc4WRlaMxbAtYZr66OjQDQd52G\r\niDRNSR5Ag6JEV8kaUPh25p7fvb9tlyH8JFcegF+xEDPR3KjB6TntP0QRuGYU\r\nG0ThMJYgSIljHx54opGb8r8tLAbtsAoouTm179dSs0CrXCLpGAY4U4ga3xHc\r\n6/vXZfgpMJciH2V4fdOLw7gbyD+9BJo5rhl8vP1+X6YnNOZocnoJRlbHw+dT\r\ntcvcz1AyhNqu/vDXj4XTk8Z1O4sKG9ZQx7aKbJBADmRUB9i6y8Zmcv2UpLJL\r\nyjyRgR0cW/Dlg4mfCelc3japxr5lMFL1Nd5Rg4AKq40Hept1wn6Tt+KvaAwz\r\nMWJj6YAyXvGSKNsNYzQbawNQqyDnK0rDzspefTrp1pHZvpdaOPVS4Ym1KJEN\r\nMVCamCFxeudqh3kMNIOTUeshm82CtoI2lAHbYpFkZteBWwoJqGYW23Mcinkt\r\n05f2AdZ36V++K4CGHexsZfyw/0GT+tWCcdii/tmEp+XTnG7lGf1O3QcwkUID\r\nLCaqeKsNtBp9mpzJBq0kYKiX+Di7y0MRBRAzOmZuRK8+pO3+d+J3Q11Z9UiP\r\nPVyNto9PEg8Cm+0MmfljHe707SkHPhnzPwCAcmvejVAYIg0fqtiX2akebrXS\r\nS4oUmBlnJ17dO7nVt4juipJx6KoGtPpBhpI=\r\n=YZc8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.bacda4885.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.bacda4885.0_1666118522667_0.53902219817593","host":"s3://npm-registry-packages"}},"15.0.0-canary.92b2556cf.0":{"name":"@material/rtl","version":"15.0.0-canary.92b2556cf.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b9985596eae6309690d6b7f87d5609c3082a9aeb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.92b2556cf.0.tgz","fileCount":16,"integrity":"sha512-QX89B0o8gUOrV0cy3PBszu/YJtvtTp1bMyRewJQZSi0lbI/oPiAJ2B0MY/zH/QJ1xh6irDPxa3p5o6/LOwVqMw==","signatures":[{"sig":"MEUCIG2L12Ki5/ixQ+/PX84Vvhv3dWgknDulOXAiVZQwgRjCAiEAgIEugu5Y8Vky0YRamNKiS62KRay9h3JqyHHXPu3fW68=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjT08OACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoehA/+LPkOeebJPazkE4XvEqRImX/gfbnysr80LeJmFGrB3ImYKuQu\r\nxWEmoudOx5rcb+ZiT+82A5Vmaq006YM1G2Q+SNK7rxh47Qp9jqOyImfzBMGP\r\nwAJEe63BP9cZtJ7h/tkXtcRCng1imrHvONC0bpH/N2tizwSXTzTLP0wQ6B7y\r\n+22VGNAinRf+vF4YN4iGUd5r+dooywOB4685Qpp8X350R/21umJRcqQXJSmF\r\n7YSHOM1wKaLNgIFUp9PsWXwWnrZfJOOAklTH8+Vj3J7cP0OORYrNQJL5NSaj\r\n35A9JAWSMLCBHXMmVmcd4/BNu0OvDHHPQnIlU6mQNZnrd1ciQ8qCqJfholSQ\r\n25vOhP/cKkB6cADZseOi0GkA299sL2fBmVoKqPtRB9Y6mxF3Lw9r5RNfKdeG\r\nFmBFG7WG7npcE1ZaQ1VbDsV6bbnmUNRm7QiB3hilt4WGKYlXC6DnsUHk7d8o\r\n2HvH52T66z6JmDaZ++5jWmP1oMffVO4OIgxRmRS3ubD40a2LLB0KE9Os3G16\r\nj4wu8QUc4w+5lm3lIWlxJPePkkWIU0k/hhqDBrNqomZsQVmh5yalU8Rf+sAH\r\nycSk5dYR0D76INicmjezjNfV68RyUGJ/F7bFa05+6zUKROp4DDK3RZID0md+\r\nzbHOu4KzxdwKIvbbe0CKqBT1DeSVz/LIPTw=\r\n=pUkI\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.92b2556cf.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.92b2556cf.0_1666141966293_0.7789589465307138","host":"s3://npm-registry-packages"}},"15.0.0-canary.cc804509a.0":{"name":"@material/rtl","version":"15.0.0-canary.cc804509a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6aae8e42f4dbba237fbb23c30d87546fcada500d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.cc804509a.0.tgz","fileCount":16,"integrity":"sha512-RA2HzRIxnhL5GvfAI5zwcdDHnOCbR7m1DtG41ES1PO3Y9cKyJbfs8qBkefO2Kp6NPrZ3DFmDJt6zi48jHG8nrA==","signatures":[{"sig":"MEYCIQD056sRUrWDMu4Z6cn9fUTbVk5D/oN9I5corK3BvNj/lwIhAKaBpDULyAPAOkizAmvM7Ql50UkFxPC/jGK40s4CyisO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjT0/yACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqU8hAAjmo5EF67EKCY4cU+xNlMwX/JtC6VduNS3rv2JDjbBMvpTbrS\r\n0eUUHn7R14B9stL/UIZ897O7PSlZIeJCObP0LAHsDUYQv7CAEYb19L4IW3XB\r\nY3y2HpMcKeo6dsur0Nvybz1Vay5ALCWIKUUx3GNmFuly2ywbfjtR3vkmH97p\r\np+Jzm5Ar2X7AURF+tIxY3H4XbVboyC5RVPVDLhtpAkawaXClgNX5Ypa3sPE2\r\nD2dOYD4cbwQ+K+k3s4r5NzOKXm5TjMUnsF0JfPbh2vahILnkpZq+kMykqrnw\r\n4t8vqZT3v8glUxjeNt8h+a9cMRzHUDbSUnuHuvyW1KR4MEdzBtbxl1mUJrJQ\r\nE5PdVP+gw7No47I53hL5w5MsRBQYKtjyumUADCQZoAzu8A8lTjWP6ITAxzSV\r\n//X7klIqR4w5NSO0q8wm/Bkb+MQsRvXEUdUPb1VS51JB1OCLqWJyzAl8BBpA\r\nLqSbj7c8SggbM1uO5ALxBSiFFjwfuBMfAhsPZxs4+iiTi2iBox9t5GUL3pmf\r\n+P7/TG2uBQOtYCa8eylHAYxxrJu3WYQNjwUdd+j2T256jzMNHLKaEDBoET14\r\nrKYeNicWtFTl9H4WIXz9PK9HGU/tpwgd50sKRNQGxiIkaF/CBvDJUVmisY6t\r\nCBKPgF8pbXebRQaHDUlAyRd+O/+yjh377yA=\r\n=l0OY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.cc804509a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.cc804509a.0_1666142193851_0.13947943884094838","host":"s3://npm-registry-packages"}},"15.0.0-canary.982bedae9.0":{"name":"@material/rtl","version":"15.0.0-canary.982bedae9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f7aafe25fea9b6c9b1194a40fd44713b7e5e48fe","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.982bedae9.0.tgz","fileCount":16,"integrity":"sha512-uqulziQ5oOvHXLCE9lY3CfOnLpCjzl6ctAxc1WsSJdT0tE69LU/SD9XzYQAH5S7IRh+Wp64IvWCKrvHH7YA7Rw==","signatures":[{"sig":"MEUCIQDq8VYQNmZ5HWEB/aVV/LIhyXYUTlrSMt4ZCPoeRm1XmQIgUpTn3BdsX0q/cNZ8GhCzctDyuTmmNm4om9n8PwazJ9U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjT1SVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpGzA//XqpjCJrUPUmX7npL9TLN82vk3yvCOOuV4V7S0MKG4nCe7N8j\r\nxcZef8CNlAhPaglW0zsTos8sBX/Yuv641NiPFdFMieWyDEQMmflnU8LqMwf/\r\nzZDGtU5ixIj46u55eBn2IszrSgRNrwYyGTYLX1dt+M9YmnzYOlBE7urDb0Es\r\nh0PMO63BhfR5Obd4zGJILSye8KCQvAN8XdtWHUZwe1cou2hquQryGlYDcMaW\r\nmassWdrsfWO4IqYdrOnZWmHYlvRpGoT/x2ytUlwaDcWhK+EdDBwZ/Q/WBNmm\r\nd9HKzYZHNC8sRq53Dk3mW2nHHKn9SQ+akUSau7J1IynLWmaWRTscJ2Uel9ie\r\nVqU5s8yxwPPlZfAaiFC38gHjG/FYlxzgKLch2+hqz6fiydD5ZUMEYNw8fnoc\r\nc8AZmNyckskbNYelkAveB1VHRms6OL/YQHFaNtYhYK3ib5Fnrs/KTazKfKlr\r\ntLVFh8Yh7GMGbazCxCtcmsVli1uCBD0Wf5jCEvImwthKidZnc91ubHOZApuv\r\nn/qig1xpw/xfGo1rE+Br95TH3aZubC068a5FhXS+KW3AriHX7KE5zF/IkZJg\r\n0XOA0UopPOSYXx2f/ZM+EAkSpQl/i/LlYY+Zr8rZYvP9gRapDgBoXY/930A1\r\nXNlc1pgqnwNtSTBk02q4LfzGtQx9ygc3gd4=\r\n=1no4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.982bedae9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.982bedae9.0_1666143381752_0.8253486440345095","host":"s3://npm-registry-packages"}},"15.0.0-canary.ee40081f4.0":{"name":"@material/rtl","version":"15.0.0-canary.ee40081f4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b45f0e89ec5d2876ae785871c9e0cb1c039e290e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.ee40081f4.0.tgz","fileCount":16,"integrity":"sha512-qv3TP8eT2qgVCZw3/AEXUv5rnq0ZgN5pc3O7mkpnSEz3y/XXRnEsewuKWukL3cGKRud6BNd3DESEE6Z2P0uwkQ==","signatures":[{"sig":"MEUCIDgWHB+E8LLTaHd5ZhBgM2gwsKjyuJu+DfO9GaK7rZ3BAiEAo2twXzEOCtb8pbV+AgFeZqTwq6Bn1mj/jDe/is1YRmw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjUFnZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr7Xg/6AkEuLIZNonVuOdoIviY3xYdplZ5VYbwT/wlg9modUem+OZGr\r\ndg+Em6GI3n8bUotBl4IfsQbh2Od/GjASjR/of7h1E0aj9yGlSa1/IgaeCEGp\r\nXwlZRUEHmLoN4WNfx435xfrg/D65CZR2ix5mhklr6BLDUAPyw4HxYSBaK8tV\r\n4kq6L8wxImVfIP9Swonag5DcV8+kV1JNVrjR8F1Co29C5h7E/PuFwYP6Q4Rj\r\nhqUv3uh5ss40mlOZfJrfcB7iMQ02dtLvPL2U71aKbPwwZ0VUhO11rJcCoTlk\r\n9QEm33rjUCB7I0AHd1zkIEPvsGuY+oWkxBrAYnLN69R7J/qp5s1yLFWEbMeM\r\nqTxRbA6/BFpnF96DLaK6fK4DjGryqi3jaMIS+91kl2xEoNsB6xHzp7lT6ZOj\r\nch0G3fFckTXXlX+/sHx1PBjlPsfSBraOBT4A2SX9YuP/TvHSMqBqYMdXMRu4\r\nxDLYxbUXFZAKZDjYQertrRJp5sxpa21lZylH9nk6BkS0H4xoqCvcPaOA4Ix0\r\nG7k7UGETnw1CLXnLHZv6kQZI0gvqMXYQjeup1zPcoD/7v6ArZWmh0gXT05WW\r\nzRr17gxgpA+VCsxaMnfmfgxWlkI00bAOIbjeCIqxh7RPC3GGq7bCWKoL9qlh\r\nIlwTL9mODE715/uRmOoVdGnHzpwjLmM5zO8=\r\n=5mUY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.ee40081f4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.ee40081f4.0_1666210265579_0.8222503850819864","host":"s3://npm-registry-packages"}},"15.0.0-canary.98f1b54e2.0":{"name":"@material/rtl","version":"15.0.0-canary.98f1b54e2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0a4362306ab00de40f515f7e9a4f6f10804be265","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.98f1b54e2.0.tgz","fileCount":16,"integrity":"sha512-BTef6hX5uHUsCUHfaAg6qwXxoplubmRhPKGEjFmGWOmyqhJYiEhfMJqRMpJN8xWSJpDw0rKMbLIrUtsURcTQXg==","signatures":[{"sig":"MEUCIFUiWqw0LDOjQA9SyWRVd8NXqa+M6LFUDKib65VTbTfDAiEA0gBBc7YWXCBNsP6sEtn5mGuOS1ku6hTLrffDc0cYWOo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjUdIGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNbRAAl05rt710W+PSr0cDPgkwJjeET74ytQ2vsZWlLWCsXtFvF69c\r\nlVeHZK+dQveANA94GXU647s3oMDVJ89Jah0yvLyyXTvjXSAcKfPpm8+KbWXe\r\n/THWDY1xQ3b3BiW5iPAAIpT+kaNR8HdOSvi6M1ZspZt9a3jfqn90QcwNjEMb\r\nXXOIjOsBAe4iIwChNEYBiurJ/2pXL5TraGXbB0jCU8f+GfQ+12lbOFLdkyHx\r\noySu6aKnGXBqDmNFaHjDbwDsf1MAfwPg6OqbPQLcFgiz9ZFEvEw4yCE4eU7v\r\ng5rJzKut0ZrYgnAlg4GttT8ab9sLgh672EgY3PQLiaSc8APgP0hL2BTcUjXz\r\n8F0cUq3UATA4VIUerDqgmoyVioQqhGap5RHOMla7pgesGrOJ3fJmF+nsxto9\r\nB+imUzhMGdKivO67JtqSOt/fCs8fN4yupQGlw31gr4S9z9pFnHE6DjBLIO+F\r\n+nsibE/GlFnjOv/1imTpbmyo0xd+NShjWzeWBc/SOZv/CpxrRX6+Vs8kx5wM\r\nepU18hRVVBRsV2o1jKUSjCY7xB4veIrBdItV0/w1cwTqsTvY2IXVDm8PXkQd\r\nQRnVN1k16G1SahAWywT280J3389EmhTYmjWJjNkffUhnkzHKs1/JKHeLqZoN\r\nZIGBngBj7dYBfUHrBMrJ987YUer3LoSU9Yg=\r\n=8e5f\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.98f1b54e2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.98f1b54e2.0_1666306566053_0.5446833501108441","host":"s3://npm-registry-packages"}},"15.0.0-canary.e74b7ba7e.0":{"name":"@material/rtl","version":"15.0.0-canary.e74b7ba7e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c0915acd60d715b7a2a659a940543bd436a08250","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.e74b7ba7e.0.tgz","fileCount":16,"integrity":"sha512-LWMTwDnLgVs++f9UiVCFW3u2AL0ECxJ34OLwB/wX/mogQ41vveMWoV8bLIufAoW4oZG0rFD5v3WzDCJyUGcDaA==","signatures":[{"sig":"MEYCIQCq+TLLQ3MmCTCBelsHBSJmiqsf3SXO22Sh9+ofGN6NcgIhAJ7ZAIcTEfV2o0627iuCJGe/5xIbxfrgbdr0lS06gnBO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjUtFGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqaFA//d+n24uTnkLC9OuzN1BuEWTmwCRAcx1jyaAn+ZJnQVm6vfmRy\r\nBcRIv4jHT9Ai3mZrVDCif3lID2uY6DqVdOg5QpwicVmhtiQXqPZQnuYCR7ti\r\nk4EIoeTDqbw7dqG63yZ344T+q6nAziYwDW0d2mcHdSO/lVvsWIVPFQFhhL0A\r\npZTP/bSfIogluqx/Aqw0aL3Mb5FrBgpydUMD242DH34i8ZrQsSVlogDLjbrc\r\nAvXdJCs2tYO0SmNtQD4uMa2lXIM0EY1mArt90akEOy5zERzAej6vOW/EQFUI\r\nlHuhDyzUP7kAwRZC5LNa+NZHlbNyGYkYo1jUfjFnmObgdeOu407zRx5xT0ks\r\n3NbZMeoX3UjENcrMuk4E/62wfnaNRCS3D3LxEDbQW9P/k5CkleR4q15rJn7T\r\nTKrPhe/Y8cyB2j+d65g2XHr5w4KBdY5pl2I3dIu7st0MR5AY3ArrSq37VYi5\r\nvOemvhyp7spO1JpqMQNktKKQHjOnW42f4+rBF6YIWUXT3eHo8K2TjoOV8fBG\r\nJpqjFZrzVY/AO4UYojZLha3Vlv8hA11fPkqi5go7ZyEU4EVGiER43io31YLe\r\n02MIdDeUD9O6FuO8ly2tyaTT8rIO2CiBr5vM3f5AGlgdZ+soAUi0rWPTrtnB\r\nzCp8hm/duGDigQG52uuMAvmmGQ0MvtS76xU=\r\n=nzGB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.e74b7ba7e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.e74b7ba7e.0_1666371909960_0.6970967990855306","host":"s3://npm-registry-packages"}},"15.0.0-canary.ab55c07d2.0":{"name":"@material/rtl","version":"15.0.0-canary.ab55c07d2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a76985cda99ac7a97afc5aa4b563ce5c4cffa254","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.ab55c07d2.0.tgz","fileCount":16,"integrity":"sha512-2Zfs9ELYnMnYBOFW4WXPiuT2wgvLBLju6ajf5mYD73iIOTxb6QRwDKjdmxjIAENzQuGFin1qEd7VXfITVgeumw==","signatures":[{"sig":"MEQCIG1Ipx2yhjZhjQK2Z9mR8E/VM6Zpj8aPyAYsQTw5WSwxAiBz9GbdzHum/tEQt8ihgs1aPoOYAMUb+C+FDWnZJvbg/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjVDP6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqPoA//cnEXlu4CFnTi2YyKTsUbmKbQmNQnaN01trKygs/VkVHNqbSo\r\nOUPx1dI9vkvDExWEIL01FGYDx0kDipnNIhFuX/1W0x6MqloagYf6bmYdDjZW\r\nHJLF+HuCjugqyjL4NZpq1xtcMSjpJmxojU+SJPKOvaZUvE0MYLaYAt6EbtMa\r\nQcZ5RzbQMVHKgpvQFTGkB7gkDWl/EIp+bifAKZFPXKDsjUtkr7c9+epcJyTK\r\nmOGx/TyY2FxupFSQ2fVN7MHNm3e3IEUWlpfCqMVYGA1MJGcs5mdjgmaRqfBz\r\nb/PHOijIboVOtxowgnOMM95h+iBzk+ofNhxy2bc2T7cXLBDBNVK/cQZREo4M\r\nZmxwVVIifU8K0W4q6em52Q4lJs9V8BPBATc3/bf5KkFQv6mm0qa453KRCB1f\r\nj0ZDpIR47guhjw6zGR5fRRp0vj5iovcwphCE4GWzJEAiu4ss/W7CeJ/LZAq7\r\nYDip5NaJoFDAcAtM2KpjVBxnLFWCGWbhoFRKv3jgJbHc0OHs12wDXqyo6TYV\r\nLwm+5a9fTP6d/yncySas/YyFaUXqeHtn5SCUxrHBgHQ2KRDdQGXQMtOx5ZRB\r\nrZIaiqbf15xwVhrR+foC5zRvvBX9+a1ngJKcmZUBWI4+4VNvv8RHKS74NYHR\r\nX4HCvkxN3pCe1FhsuV/ng2VQBeUU4tHaAUw=\r\n=wjlj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.ab55c07d2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.ab55c07d2.0_1666462714036_0.5315704241081847","host":"s3://npm-registry-packages"}},"15.0.0-canary.fc539db34.0":{"name":"@material/rtl","version":"15.0.0-canary.fc539db34.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2f81ef3c6fbed00a1912a04b509b043c98afce14","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.fc539db34.0.tgz","fileCount":16,"integrity":"sha512-Ad8Ga/XY70hdZqH1/kBVMdPhEgJeOAjCvCzS5U1b27XeYlI7z1Ny0V6V2pR2DQvebbb56+ikWcan+RRZATqsXA==","signatures":[{"sig":"MEUCIFZkM8utkBEJ5L4PzCQuc3u1McK9PrPsZopvR/4joCQZAiEA+DgRHbsYVgMRBBPeH4oiWj3J7afIDBbwnuw3/Ssd5Xw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjVuBYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqXlRAAiNfImuaH8hPI3xnIF+i8Ic0pFTWn6H3YNaTh0osQW/yVI9OB\r\nNXmBIzVKO1WiQcqkj0keTvimwfv0pV9OgJTCBGBmcecnFxNK/TEpn8vaNlD9\r\nUDGoFQqYaPZPOdt/vB+PBWnlQySIytT/i710otMlnaClVxotn4cXLvN7qlWV\r\nu8EupUxKrtbaXuP7wL+dJ6ukhnJrajrhUyj80cDcQtz1AXxr0nY++cD3xDQe\r\nl+SyAVLLDoblHzo2LsGV8LmKfYB31Lc1GfZ3q2SWIq/bAjoeLaz2hIk2BlhY\r\nQt3vMt3Of28mxWEpeP+MnlfxJoGDplrU5c3ILgbg3LegE4tOkZ5qELS0fB5V\r\ndZLoNtqILDWwsFybTA97qvVmxsfKoIVM0eZuLDyyrlYLfxmCqgindBLw6UJ0\r\niOgR6/dJP+6p49XecA7IO7VnehZWBf9QWte+wVgAorEyyUzDtgbEpAb6Mb4l\r\nnnXJHVDUB27jaCKFCcO0Swr8aNAFAz+HLT1/Ijah9ZOEBqHDckNLkuNe/qlV\r\nE8MXtuVsQTtHszZQEaBWRl7i3KI37r0cS074sQeHxePgmEsNyEFP58XFSDC4\r\nHNPtKmlKpcXkeVQ8Ky72BzdUzvPYtXcibf5o0PJuKbme1FzbKKkSfIS7AgZo\r\nnjUTuXJCJ84p7wOyWpoJzVVagwGXczLPWfc=\r\n=CZmO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.fc539db34.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.fc539db34.0_1666637911850_0.32988568533129925","host":"s3://npm-registry-packages"}},"15.0.0-canary.e340b04c5.0":{"name":"@material/rtl","version":"15.0.0-canary.e340b04c5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6ff2340392716503d5e205b97fda90434f4cb151","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.e340b04c5.0.tgz","fileCount":16,"integrity":"sha512-evSpNdMiMJonJFhHnq2CW35C7fh15SJIwOuMSZvQvO26OPb3TqeNbtmQWVwqReqNDaG+5wRW8uQ9WUow3BSHSw==","signatures":[{"sig":"MEUCIQDfxhqByT5asTTunTIrhQHkrrOsWiBTbNzvenjYwSW+wwIgVcmWW3Q2u4ZqCqSqDDedMrfI36bpDGBqCxG6qZ9LCDM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWHTYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqtzg//fVX8hmf/t7IeddmZJjt1Rl2Sl4zSt7DO2vQjaEBNQSvFIMVL\r\nvhiiPZ4S2iEmMpcSb7eyC9+MqA11y5ADjYezf5eNLfxSEOtXtc1FceY4q07E\r\n1dgad26CoPU7NxLSB5t3E6gzON3jTScbcrOkUQJzzyUdfKfkg4Ltr/3sxn1Y\r\nFe4Pz6cbcq5oCjAlRjWNkhy3d9FxNd7E804nzXgof7KCJOeSIvxTlX9vR2Qr\r\nAUwm9z7klWkRaWb7YEPOHkebn12IrPCDpBrrqmFrW/f8GlEWQpxPtKe8j02+\r\nNFRAR3iH2ImJudDM602MmGMaNzeuQ5ztWy5zOG9qz++/4liH9ilX0bKmOjth\r\nFDiApq9sGC4UFCtc4AZNECRxJDyuukbJaFZhHAckscN4YYdm/3H1falx5rzL\r\nJCHFJNNIyIMCYkdjEcjG5P6uI/CkfMPko12vk2z4TpcK5ioQaf94eg170DBg\r\n0XwBzebuO8SpizELFs+ElZytxRLphYV6BVD5/e2vo/udWrYbslYGvzzglgTP\r\nZ0qsXjgWxekXqbvF79C45NMXXfeNaZBSiEyPs0IvdMtAxjwc8toWELGmCJIV\r\n8BQhQ3fi2uW0yLnt+395Wd9sCnGbvYzv+xHTTwA/JpMRDdjxDGwfLihjaDW5\r\nYBJt0EDR55vp8LkAdugVJO+SbJxeiAUhduk=\r\n=C8ea\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.e340b04c5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.e340b04c5.0_1666741463878_0.8697078625050232","host":"s3://npm-registry-packages"}},"15.0.0-canary.2c1a8f8fd.0":{"name":"@material/rtl","version":"15.0.0-canary.2c1a8f8fd.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8a4e52569808e123fc5fa7142532cbfe2a04c172","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.2c1a8f8fd.0.tgz","fileCount":16,"integrity":"sha512-kFja9RxVy/QW9jHEdQwPUg/ZGojzFkXnBd5EXp/SPu7+QL/3RTnqKN0qxNPYKQPc/NIBEZj+oKEknaSe3r2KEQ==","signatures":[{"sig":"MEYCIQDZuitPBcMes+bB7XiWyBX4B21h3wbEXFdP2kgDcNQgpwIhAOEFIpfUMEWugLe8kZ11EhK6vO1I1KQpB1ISZpTXnEm+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWW6EACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4XQ//Y1kyUDtL1uTpQTXbNskbKpSpjEOQFvOGkOFRs49NZGhsNlYH\r\nN+w8DLOSXf5vANIf/QdnzI9B5XKGipTY2nWmdcfjDztD6J7hue688tldkBtw\r\nzHvuM1S2xbqXB1XYLWec2kUuB4D/iA1D+kEOkxL5q3VFUFYMzeN1WoNcs2Ue\r\ni92rIRHQ67ssS4CSYIzWVSrWbSnOuly0xqh9hpOrIkshaBtkBMywyF5eDAmy\r\nOCoTmgmseSWjrUgYjDyWGYqXLvFmhweXNrN4B1jOO1ZNQfjcNI4YaN6af9k+\r\nbgHMtAsTGDGi2htzoajQS0uLs/oDelPrFR41/7Ld4gZ+Vk7hVVwRb0TaQikc\r\n1EPoL8xFEN1NYqclYOu7SNyko8OoOo8ncB94zYTOU+W1TU+pz1M6YC+jB0I7\r\nP5ghIl3hyQtMe5RqdX8o+t5N3cfuUiGe24BTIfi//V+FxlgF6eafgz6/V8aC\r\nty8rAzeVrVcQTAQ2mn6UH9baHXqyqas/4aq5sXD6mUp4sftf9QV8bCMq795D\r\nKDeLBaOijaFZGzqAseaqLIAPx7Sh/tkMWD9H6i7DsDfIOeki59l31qAvBJ8C\r\nAigX1DPFFaXexOF8dXGz97I/Qby2pEZUQtgitd3yKNYo47PXL0b6wlRATqaU\r\ncX9D1ahNQycDWQtd6DvMzGimzA8Iz2hxFtE=\r\n=UtSN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.2c1a8f8fd.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.2c1a8f8fd.0_1666805380185_0.8557427368720714","host":"s3://npm-registry-packages"}},"15.0.0-canary.ecfee946f.0":{"name":"@material/rtl","version":"15.0.0-canary.ecfee946f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ca274a2dab3031a049f499a5de5f0997bc4b2b1d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.ecfee946f.0.tgz","fileCount":16,"integrity":"sha512-0PHfRqm5mgaXDarQQXVvPpZVXkc7e1DXVPZR2DaPMNc+N2OWeZoA50546p691JIAEAPLQIxassGLMIngBIJl1g==","signatures":[{"sig":"MEQCIAOVNms8QrcbmEf0LkFEvXQwUwjMdWKDwLe2R0w+yQb6AiAVQCbQaWjcnVCSWMpljfOLQzx6SpWctJZJXTDZI0BZzQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWZUkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoKWw/+IutZMVB0icbXEtZGuZj8EBhvpZXUjO61yc88PuZV1wlQf/Vn\r\nYkUVZhQXvl33p48SNK+7lABe89ZicHBKANLMfU6QxFExg4CrTbF3u47N6r+G\r\nThSrOfz6CyQd97MhboJJVWUmhfZTQPyDqQ905CTuThneuo/CO3qYNm8jU/qi\r\n8T6v2eQ8st0P/leK3/D/wJX/Tu801Sf8LBVAeNqf+kPoQFHQG1rR5mDNaVyx\r\n0jGgCz3FouZioXYWlxQBiirN46EZrJXkyA3JynSspFb5XpLMMtOvMZ6idgq8\r\nGonL13kZsvzXWB/XpuM+bB/FDwknlhnzDkRDZALBS6sh02+H59hPKIa+IPVm\r\nHzHfvzU7vMWIrXt2iVrUAaQ5otivKLEb/tytDP/beusmZfaSnRJAN4L3EFeB\r\nmUcvCZlF3G6uCvIOouFndJEkoFHexeDmGwz1LyRhaeF2Dz9Xi1NVSOdAzwRh\r\nVEW7qz7vxvsQLzyoBsuWFcyO2Jc+idOPJRv0g+gIfE3YQJW26lEZHjJBomjZ\r\nCFJSIUqYRaQ6hxzCiRc0/If5rW2BAXCFiwYSZleooO/d+XoNG3iI5nR1hCpE\r\n07G8hvgVvFibgWKyAIJoZABw+19tA0VKTR3Cd0LKazxMWlgOl4MtQ03sec9R\r\niteGpmZYlwUPl+KMjHc2ErrWuiphiBw7atc=\r\n=YwxU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.ecfee946f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.ecfee946f.0_1666815268387_0.09682612319644401","host":"s3://npm-registry-packages"}},"15.0.0-canary.73ca9dbb0.0":{"name":"@material/rtl","version":"15.0.0-canary.73ca9dbb0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7a8e82b16a00f1509be822cfa2f592fe62fa459b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.73ca9dbb0.0.tgz","fileCount":16,"integrity":"sha512-OG5h0h7qdcue9PZkRj/8cuYM4XupsItI0Huvs7YI5h/UIJz89vTUCXJBAi5Z1gTxKVNCwBfSO5l57Ne2T6hJeg==","signatures":[{"sig":"MEQCIH0G7k+aH1Z7GRVnYWO/kAhVgt531Drr/mAREO4b2InsAiAgW2fUK3FV+XdWs+QKVPPxQ11/NXYf9XcKunpo14HphQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYAaAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr14RAAoHxQFajCCNt0sWv74g9z5HmPVGcwPzUTNjPtcajjlno8IxqX\r\ntavmIkYdy9FLDllk4zyX1PDXGITM490nmu0M66WmZpcYyD5bnRqwWqob3XMy\r\na7FkaTm/ySTkJKLjVXul5JUjuZRPqRWazVHF/I7QXCIiZhmPxo5HVf5BCm4t\r\nTmOfUR5alJZGRSVN+/PL9qw7WsILUAqpPMVXeDt6mNObCcLbIrgtM9IacyPn\r\nftf9Gv5e+neVfexNyhsqTjkKuSHjcs+LP52rKHHKioaJNX+6XyF1ZnAj7TxC\r\nltgy7nH83fXsP2DZpqpdiKV3qm78I96BklWCvWXIN+DZ4zbWbTk3oZ2QKDqK\r\n6SqwoONIWZbqnr6D9Zv/sAasK0UO9/LhGxl262QQIkemTCCzLKzVwNYYPSOc\r\nuClO9JnXgoKTQbutXrABiDmbnv3T3Mw8uOw8qzx7UNUyxRBGlDDjDPDrydEx\r\nasoUTdiV12pmUkeLAYBkLF8R4UoVzNdoUD3pML57tu/aC7LHeIJmOcKod7eK\r\ns+Zi7FuPxr7+MN1SPHqhjTBVM139ZOBXyq5bJWDEekGj4j7QI5q4i13fwn+w\r\nndOoAdMadUdO6Taop3VfIPFrQ7dpAAsg5T3ynRN1lRjf9hqYpA/ilUPpLQHW\r\nQn6bHjsXziOgtNXYftPyDZA4ucPbenLyBtU=\r\n=RDJV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.73ca9dbb0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.73ca9dbb0.0_1667237504749_0.7726443526641398","host":"s3://npm-registry-packages"}},"15.0.0-canary.357f2e5f1.0":{"name":"@material/rtl","version":"15.0.0-canary.357f2e5f1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8c0cfafa41b3e317606a56207389c550d80ba5bc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.357f2e5f1.0.tgz","fileCount":16,"integrity":"sha512-bRPiUvPSeEb+MsLR2TVdtlSArj1lfaar152xGWvbEdfTP1bultrm2yQnhIiLVpAj+MA6RQWFBaZlhdde+67e2g==","signatures":[{"sig":"MEUCIHHzZnWggY/F0yBlu0+axRxcuWCqb/cDWOFGoSgX12A1AiEAtcYN+9FNpZr2YMxKxAhKbrU6E3c/YHUQmUM1XRjZV9k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYBiDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrAwxAAid0Yix/1qH7oy0/s0vs2N2yGKe+GiHp36m4ofNIo6xgnnEV3\r\nBitif837sxFMLyRR0ovrEgeWnv8colI2zgm1oGvcztJIkOd3e0kphzxATuvY\r\nsMEX234ghqJYP4PR3zQDlf1G4vm2Bgjw76fUmFwWGO434otasBKzV0c+Qaor\r\nemGLvm1iXGdtcZfPeD60aVC5LrbJB6hJnRK8upDysOlEwnW/iStWefHglaMc\r\nz8bJY6dv81B4hEC7RwAVZMP06xyDXTbdJLDA5oV2W3y9rj/ZZJAR+XfANSk8\r\nEGtV0c1pGnihvcAr8GMIk16i4VXrLZRwc/MsL65Mw3ugDHEnyP5LIU4yyZ9t\r\noFx8WjbCKTcxSdiAT/pYSUbWGRKyTguhGwa8UBb+Ja5ifT1hDkrQ3/kAVf15\r\nB8eOB+J+C511DAArU+CMLG8fXsor32D6L1JCJa8aEwiJDJhyhmcPHW4QZG8E\r\nk9daML80l8UIy7MqNYeuPdx+fm2x5ZIS+Ma3EDIY5wrsIOnuDJghS42AJDdB\r\n+m6zhHVrzM14FIt/SMVlaK0FnO815bacBXncRrAu8f5i25/fdUCQWGQChuAv\r\n3+zu7Wbbkpd2e07/CYue4z+tnHrgB9XpblYNwJ1fXsl1vKTNyFud9vfco9WE\r\nDloDi2AROI50xUbL3Lv0aiydU5vU1fh1RYY=\r\n=Xrwz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.357f2e5f1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.357f2e5f1.0_1667242114896_0.531333019245676","host":"s3://npm-registry-packages"}},"15.0.0-canary.eb103d4b5.0":{"name":"@material/rtl","version":"15.0.0-canary.eb103d4b5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a157b4413444fdd6b6ad0937eeca026b804dcd14","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.eb103d4b5.0.tgz","fileCount":16,"integrity":"sha512-5BTyJHk40L2Q6LEHRONQ7EGi+0niu3YG873PIAPtjH6lE8Fx3it1u3DwvFbYYuadfT+5XFoZElFkrBmM0OuNrg==","signatures":[{"sig":"MEYCIQDncso4GyK5RnYluiDxHHdD2trU4fJEaEB98qSGnS7XnQIhALLHBqskowxvsDwfiT0uSpZuLFn8zjNqcdR7xd1TXrr0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYCg+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqilw//S2hB+9fAPuL+7sd++1bEs3CdJNQaakHCD1aPoKxu+gjcttCa\r\nFWmpKRNzBs5MEw01AyscyBRrCFmc6fBF7c77Iy1VrsOcNj9jcpGqhCZhsldg\r\nJXxCvyrn/cNLnoqMBYkF/hqiAXiATeaNBEAEsqOPiBMfpVmq0FmRu6W8fdnG\r\normWMJvVNefjJZMT18v6JkgMvtbKN3h/x+iAo/3iaw7RSkxo8S6GbtDJtogg\r\nPmWMU/0X+xcrI/df7ig07RUG3N4I23JZtcZds+QxEtYM2ij2ywDZJu4cvkIQ\r\n3a07tH50M4bwhITdeGQlKZTB3wi19zoJUozj4m9n5PCFnpFiEoUBHRKsxAxt\r\nrJw7j9g1Yr6MhnXCXszjRRthXkpCalkaMOqGmvX6juo/l9FfM5rpPsYoGnbP\r\nx77RtKSiaZRZXb04JWGrRgp7me7JRjcGWRTgDsIbBf7SUWEqgb/kdbzeeJqL\r\n2dgGq25wtkPX/6CH74NtFMT0B4Ry5ZUyAfeU3w5hReuUc+8SXYLkUyONhCqs\r\ncAYXhWtmpaTPOVnvij2UuTXAYjY0N0ZvQx5VoHsH9LXTPG1EUyZ0zeFqnrXg\r\nOYPHxSooQG82HNKZ5OpUk3jFT8dCEt39e2xDS+v/qNN93iEldim9J9AJfo3Q\r\nCjz8KgGsjB97ncIs/p8YqgKOFrQRmjyD9Ug=\r\n=I+fV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.eb103d4b5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.eb103d4b5.0_1667246142428_0.01118849897739671","host":"s3://npm-registry-packages"}},"15.0.0-canary.af5f01223.0":{"name":"@material/rtl","version":"15.0.0-canary.af5f01223.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f9fe430732fa6a9ee6167941113aeca7e5320764","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.af5f01223.0.tgz","fileCount":16,"integrity":"sha512-JZ8KTH0i6HkQiEK1mzFSt4rCY7neyp0lzWuPMINR4BAJFAQi58788Hfu/gIxnzHf7ao9O2mSxQPctufryfPfeA==","signatures":[{"sig":"MEYCIQCojYAd3d9zKBMLUBVyYWMjCurL4MaF8bSS9PX24LKvQAIhALZkYH8VKYIusC4kMnDzQQ9FTVL0uRjThz5epoSKaqfO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYWccACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNiQ//V7kM+gfmIZkkFw2F11a4jwz6gmMvnPniWisacNUiB8xvJqSu\r\n8Pkt17KFW8gTOTkh/qTQ6DkfP8ZzdyQFhATVUzUEnR3SLb42yTozRVh04zex\r\nlIq3MwtX7FdI1FFcUdU9E1ibyUlDdcoqwh5j7rRqqrr0dLzIgf7+a7emRO2P\r\nSO2tblpiITlhrQamFg6cplunMIeKaDWLlggN/KJfS02rb0FwMnJtxnYxW+1n\r\nLd/992VXr/nnjoBMU2ZTVTyD507B41cTQrdW02LyIJ/28I3JJUb3J1NIaz5k\r\nCKyoSy/XhmdRkix0MlVPeUE5ant7voWnM5Gyjd+GJunWRUjEAAPmDBHIyw2R\r\nGLJTHNnryu5q7FKxw71Y04BuMBA+uA7O3Zfv01yYGB0EkA5Igug9MH+pfncu\r\nc3pMExSByeapgxerybDqVGp0hwUzCSxVpvFbam1Fy+QJjGYx7P/cU6ZJ93ml\r\nYFhMJoLyyDmSlyD0meSl6JkXWkepBmqNiMfpr3tC4F+58WxCwUnVbRRApTsv\r\n9ln2GFOuCQHDOQistgaQzY4YWYcIuqKUfgBvBGIsZjkiZZiMF5zPJYLC/wXj\r\nhwU3qhIy2iVT/r1G1o0p6CG+TdtG7LMZGDnzkN6n4CgxQGiRJ8Z2xDrvCW3T\r\nWBIOqLUmxNavTMff4xhDLVHGnfaXUmMAy+Q=\r\n=nPSx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.af5f01223.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.af5f01223.0_1667327772508_0.4590933743205916","host":"s3://npm-registry-packages"}},"15.0.0-canary.58733ef41.0":{"name":"@material/rtl","version":"15.0.0-canary.58733ef41.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a628c30a70f81fd0c5a25403c0880ea3898ec1d8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.58733ef41.0.tgz","fileCount":16,"integrity":"sha512-60a1a3rQR4fgwfpS1Qx3+tgyhwRLJ+mdvYNViI/MUyuKR2InJVsWMgRWbY1oKrux4hNs0ZyJ55vdw8Dt2eHFfw==","signatures":[{"sig":"MEUCIFREQYB2YzCBto9u3IcmOVv7m8foWSwiA/FwiV4bE/WjAiEAgqBD62hxnmBdpCxpN7PunL+k03PaBynq4U5v3NnWnMY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYrJ7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+eg//d7Uov7QDGfWjY377vtE+WD8pelzF4ohd/vBfbPRAueYtNvHa\r\n/lwKD2kBohx3lQy+hmQlK5N7yCji4R0xJfrn4AQI4/AZYATXa0WUpDs01O09\r\np4t+IP7/5B2ZMVFVcfiCm1cim0rEEro/9qoUXhiKB4OZQJYYgQJX3YCaeuzM\r\n2AJHp+rJDWBzybNPjLtPf22NSRObWabJaA1CNoRLkgXP2imCtlbLB7MYmnjT\r\nfGub5ePWKkHc0dZDOh0kIS0T69FX3/oxX2LPpsiK2UvYbBqlEPO1GDN3R0Go\r\ndXoSUGZ3maYGirx3n18EqrqPXy+r/ZTM+re8N0oqPdrA07sju8JD0IwBNSZ3\r\nmwFa8MP/pL0zk/TS3NbmvUV3k6eK48K8rQvoUKrlxXz0T31h6FHnvg9NVLB0\r\nSMOU1FbEaNHot18qdBD79DAFX9llyd8BJkW1yi2WVWEezJ5wG4+yJlz2jifA\r\n9q5iwCC15mmd31BdPMNcObXP6L8z7ZqddZ6hkmoxeVkEJYYNOdNH2SxD/QIx\r\nYwfmwrhWX/YZl9Ws471VwaQc895oMyCCPRLuSq9LzyMTVGHQB5twt/HG0+F3\r\n7GGtyNtlFBSrPtUVEa00b/aXWnTx2C//E83tYl0YqIU3GyDhvzaBOqCmbQBA\r\nocYZc+Tl7+UKLvC1Al06VILwpgO/zBFSoKk=\r\n=9upD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.58733ef41.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.58733ef41.0_1667412602699_0.0945458598184945","host":"s3://npm-registry-packages"}},"15.0.0-canary.909b48215.0":{"name":"@material/rtl","version":"15.0.0-canary.909b48215.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1c7ec7d1532f8e6a9d73e935dd97cc37fc13fe78","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.909b48215.0.tgz","fileCount":16,"integrity":"sha512-K9CLfOvGDmmJbtTUmMZcw+Yk6r01gFR/v81Rf98pOgJtP+QFJf7eZcPjpSPyZ/iLOc0TjulF6g5H8kN0+OdLZQ==","signatures":[{"sig":"MEUCIQD2E9PnMEvx47t5N0Hi4IZRHVY/eDHQZWeBPd2zYKXf5wIgSeXnKb0me33Wlw8NMIt6mxSNKg6O3mKlu05Wbu0fkuc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYz5rACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpdCBAAnTosKQEUc084BKzYSECN41Nk/K7KLjsq+ZRvMSkFj9t4+nX7\r\nbhuFHTNcwtExXjajcdPOCyFplzjWqSmuweAq1f6wui4K0E87U9sDVfgBg6Vj\r\nt4C/n5HwYU4RyvOTlwOHOeC/rOnQBTq7v3MdpfKZw/tN59KRYmsDabu1KCjT\r\nmhO3MK/zNRCUGRwG0gJMuHb0g26xL0wvQHoFYQ1Kz5RaZKBPkU+DqO9lgYr0\r\nh5kLyCTzfjCbnIQ7U6eNdjnza0fcmWPYzBOS5DsBB4022GkmD6yi0JKNrTQ2\r\ntg1FovCdtV+nI1l5qUrt0MCzy3AAd4iWJthaty9ANU04GpCbTB4jSUCPSP+t\r\nfMXaWtB7cecoso6HeDvmfb3X3fLQ03Ge+pvzT/FCD0VEhjK/87g+XXK4pvHE\r\niyJoYSO1RRsqNitZHeUiyvjXS6qCXTxSLP13f3SZIdZmpEQveepd2Pbx0nG2\r\nQXumYFJX0/pJiEEppMjbhaHfAYfZUfym8jJrImlG38oikKrVaVFafWs9GDkW\r\niebNUAv13oQ5SZUvosS3OwW3z/nnh061MBEkjM/dBFE+82G+OoSEeDOuu+79\r\nCx1Q0x4okP9jTGHHpLxtwDwV6IQjZFFaA1MjhbMasu5BvtB7ZZRgAn/rKMaZ\r\nw/GNG9nTxAUbZfkJEDhOfO+Gni/myB8bULE=\r\n=sOey\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.909b48215.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.909b48215.0_1667448427371_0.5896496079147695","host":"s3://npm-registry-packages"}},"15.0.0-canary.7f17127d5.0":{"name":"@material/rtl","version":"15.0.0-canary.7f17127d5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b69e25cf77d027b42c14cd2442651bf926654d24","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.7f17127d5.0.tgz","fileCount":16,"integrity":"sha512-MrRqg+oUo/ytsgMo8DOnVbdcX8WrBgw7LbVolc5s5CDt/xm2B8wxA5iGYSxOSMlhjNcL0Wt7fnSiCpEi2c9TyA==","signatures":[{"sig":"MEYCIQCzbNxgB/9xueuSMJ64zzFflULhd1b5GkcWojmZZ4IVrQIhANynGwkMQHHXWkL7cbWcWGAChpSDcjUD2c3r+gT+2+6L","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZAXvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrv/xAAlcKJdSl42uIuTPsvOUJS6Q6wqcGHRoR6wFxMXSuJhVGqfP+R\r\nOIGCf8leO2ZJW8E/17EYxspWuw61nXFlJfNgcDql485Ic5Jm26gfdIFwkggn\r\n/I4XzpMDuMK4AtUCmazKh+jeqCeaoEyiX21JfMVPe3CGeqQL+tXNhxQLM3wf\r\nF0s0YhK1Phg5cG6Xw07kExxSMyhK9/sccFOKVORVSPJPoMg9uc1K9gPKOiC1\r\nNNu9YZ+YFRw4nzJJw+9JqJQOG4FgMApu7eTT2EdptT+i6noseT8/r1C3zCFr\r\n/kO17vvazxARiO4yfqFwnHonG0AIGe+oHVDWKm+OvK5PFdFSwT9ewqeSwufb\r\nx49wJKndgUlz/sgpViriHV1CXsIQBpp51udW73d2Rbp6DINIIJGE631twNdx\r\ngBZ8/uymo7hd3CdcORmptrBboPDmDCCpIt8Do4CfaEFBgtDSVWpqoWmFcRxW\r\nHJ8HpcZORGO+KKHRrk/TnTDpWfGnI1tzAhqx1qaraXyau9BRH+gokrFmerXc\r\nF6L7DsKg87lPtafoqSESNnyUqk7LyZt4WSLqQ1YUrg0/NIG3iy6ageiEcdAR\r\n+SG7PlI5dLnqJx696EotHW1tf5GW0WbbXCdgEBJmeu3ThoVnqpH+WokepAs7\r\niDorEDuFOItOhjzLWqLX3wbgh1BnwSqY71c=\r\n=ntjD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.7f17127d5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.7f17127d5.0_1667499502912_0.4170960734500577","host":"s3://npm-registry-packages"}},"15.0.0-canary.da95e2a05.0":{"name":"@material/rtl","version":"15.0.0-canary.da95e2a05.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c632efa7933f1a1562d47dbc86e6630874a46d64","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.da95e2a05.0.tgz","fileCount":16,"integrity":"sha512-qeLErh76X/Gh+OQhnWuS77x09tf8nXtf5TE5/+JBrfh8yP82abFi6zVrmsHXsUZrLxfnWcyZZDD4o/427ucn9g==","signatures":[{"sig":"MEUCIQCNfcgHyF8BSkwbLLjkIrJlWTvQHAslq4Is/ewCgP6r5wIgNm6BbKoF3fg7Q2HzVfaJsHdoc6HdG3r8SazBSGAUpqo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZUSvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr/3Q//R7emXhWbBn/49iUy5ZwaFmwlmCKF0hV5kgt9vqOFa8BLIcF+\r\ns+h4IbCSGaXJ4dV6BtMOT8TnkysC8qfJp7Mm7SJ1uygXEVlbUuju6iE6StaG\r\n3Llag7qP8sEEouosLTwvYVKXcJxYxzYpbv2WSXHiGjRGW5PDbrvAPKYC4VsB\r\nlcPVKsaIsQ7zX+kQVy5wr6SQu1Dh01TVPXw/hj2Dt/X46fBKs7l501vkXy4v\r\n8ohra84MKBaPvn/HBCa7RzTMfhxYRNvSt21XAOp3tlUoAyhqJZSiKdzHWZNk\r\nBBQSiwCmdQtFhcJgrJSDhjQgf6M0i2DsJwrcI9928x1eAOqS4iG8f7R6ckQG\r\nca1dbcA9zhC34CIWDjuCtpirs4SZH59vad93aQkUbck2ejnh5SpsxtPVWjme\r\nCfvCwUEtTqflyQP/eTPVfolxA1PVp/yoScJPutOkMAs+FN0tMiLb7pd/4dr/\r\njHzSim+0ztWIZet+PES5QMaFmUGvcqcqUTAk/kY1bE0oi+A2kfwnNIgD0DIl\r\nzRPNzwtqKe829H1O+t+Pb1ba39h4sNNtmxOH/RDxeCK6Efwrq8m0nP2QNme6\r\ntZ7FRTYSyRSt37shFp9QpNHIIogVWm4Vvh71p0WWs4tmbpPI7ticIFvhaWRw\r\nH66hZ+of+iiGspfC4nQvNzRjAWRNPSSVowQ=\r\n=b7YQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.da95e2a05.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.da95e2a05.0_1667581103155_0.7862958270844278","host":"s3://npm-registry-packages"}},"15.0.0-canary.4832e2750.0":{"name":"@material/rtl","version":"15.0.0-canary.4832e2750.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5cddcf8c369a2f4e3df93d5dd9b8bd6b2573731f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.4832e2750.0.tgz","fileCount":16,"integrity":"sha512-Lq+bSj5zfOeFgrjaqJoWeDnT0Oa8n43H63DeXFSXFs/KXP+MFssK6+TB0+6aycSuKtCra2Osg8vGf7ZGWdD53A==","signatures":[{"sig":"MEYCIQCz/zsiSJzJRswz8H/Mn2wqEFcKrBHfMSFYPav/s2dPCgIhAPB35gMRz/VTJ/sx1XN8jR9HBt/VL5Cmam5Mam602xfm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZXx2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpaGw//Ze0rrzKSnW4qoI+uGavVWOMUXH2o7gHejPR4h/nGsRJewnca\r\n2gQ1NpEzbcSsD8PGM+jPLTATP2uClHN1G1B4w33Mjw152V0KYUUBdMxtkCcR\r\n0ym76ivnPEw/nxVl4wmjVIjPKZk+3X2VMNHD2yJbpEFEtrNyDG3jBsA26N0T\r\ndxYBaM6WCHsE69Trv0Qqa2ZILxtXLYbJkGL3bGckgO6KGu9bcaRnj7K8QsEl\r\nDBHzcXoJQQEoe+WvceGslhjGw44kA1A63zM+1CAopxIa7BA7GxjNKnsMR/cF\r\nA3QC6/vmT+IdjUlRor+EI8ACu71RaMpo9w8s4onsMrBRWnPjCbF3JsQToyHM\r\nyuKLz3q1HA6sPOffAQ07hlYKaWsWEy+PAFmDxRHdMO/QWtF4GqfywJFBvrgy\r\n1T48XWwKtT1CAC3inj6QFGHYA/NjdSQz5CQc6dMzFOGfz+3jU94Q9tjCZXxY\r\nGauM7z+adYfcTHytRoY8Z9Ebak6K0QpN7zKvqoRiX4lTpq76IQfxLT+let3r\r\nrqFu+u0DLbnG4p/QPdkMZmxGVBIc0PtZIjbUn3avLmUG7p+MyXbh7FzQZCaR\r\nJzewavquFFpUnvyNC6C2BDSeIUoQ+Xkuy6olJgJ5usjkxwqmr+s+bBgx0stC\r\nwy21GzZTlSG9UhrCzwf9m3cIYwkJnKLCMzU=\r\n=8FBZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.4832e2750.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.4832e2750.0_1667595382331_0.04686871097176204","host":"s3://npm-registry-packages"}},"15.0.0-canary.215506426.0":{"name":"@material/rtl","version":"15.0.0-canary.215506426.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0d088e0bb893d7f888cae013dbd33437faf67a26","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.215506426.0.tgz","fileCount":16,"integrity":"sha512-S0xTAJM92trjwuFrRIqGzVKCaEWiVl4OrYAQdsPKd8cR3nOt35yI7yUyudVo1xIKPjrL59z66t7ZyNFQ4Le/Tg==","signatures":[{"sig":"MEUCIQCxVvx9fHB2125PVt1C/fQE/o4C9Ye2/lAs2U8Us+psVgIgPeTzLGoUHrVb32fNXJO3CLEmTQDvkaBnZzwBxFXxDE8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZbbPACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqK3w//ba/LLdUIEzLEJ/SHkPYBEtuCqNCa0BAnT7qpsAIja6SRwagL\r\n5LJ5k6d5rS2rbU6gCQWgXYECXtLRd7XccOAKYKlyCiYO48hWGPjW+MQYyIo6\r\nQmSQWkV8WANsdM04mRo+pjoahHkSHs1wrHIFo94BfCmxhPFBNTobj0E+GvnI\r\nYnzbWe8c6CM8JcufihV1qzI69cSkuaR3sBBsb7lVxA5GC5fUnrXLLXhf263g\r\nwDWn+TYE8ufUe6RpaF13eDt9+vJYgnpA6jZNIBZT1MdwqPb+hNKXqVkyE1S8\r\nRQ6aidoZEdqSYypxM1VkPDaI/S04Qs1qv2FJNC/NPeMbcvGItnzRmSdJKPRz\r\nBNWNObvyLXAvaGGwCR60iFucyNS8hL/dHYr5uKKFDrNhgXFlm3Vpu1Bu900J\r\ntzbz1Kr807DB3Op7LM616EvvMg3+98M8yxNDnJupVa7l3dBLPCV+/s4fzcBa\r\nuJh16BzvqmduSSL+1p1wVgfpUdr0c5UPu67Zqb7d7T24GPbgKpPzse4Qp6qG\r\ni/0E8Z4nGivmu4/001rMZkUwFq0cPEQSS5rv1vnslyau08cZrj1Pw0n4QrZ7\r\n6ifOZt9UBKerRWMfAsMNt/duqfE28JYNE4Wmt4zaJLZSP/42iIKVwO/VCEB9\r\nrwyin64mnL3Ew/ZEEPVadnYs+1ciMojLYb0=\r\n=AyfF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.215506426.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.215506426.0_1667610319657_0.5542099625648913","host":"s3://npm-registry-packages"}},"15.0.0-canary.4cf917476.0":{"name":"@material/rtl","version":"15.0.0-canary.4cf917476.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b0de33bdb31321d92176b30ffb175c8d634369d5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.4cf917476.0.tgz","fileCount":16,"integrity":"sha512-sUp0i7j5ihbp9BAjW4lAXDO6bSSTa3cMsVtvuQGocH7gEgbMDOY7sPLr3kMfujSc3KVP4eUWZJQcqtk2Kz6vlQ==","signatures":[{"sig":"MEYCIQC99UVQFQ8MKJ0/7tdygSN5FFtHf5IN9ad18suZM9FLAgIhAPhHY6bDY7ewQ5qvPr6eu1Pn/6A5TdWG8shoAhSkN/xi","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZqVsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqRZQ/8DZfG9Zf38acA17cdi+yP+CLDyxBrvUDiXzddg8vrD/fX4vWQ\r\n5ZrCGKLAyKH2+a7DAdmEytxYe2Sd+Cy7hZwdBT35JdyDS3b1FMnuaJBJz0KM\r\nwnu8GpE6d0QBq2Ve+MmR/Wdmk68I7Z3fNSqGXf9u5TMF3R4dfOd9jR/XFM/V\r\n8nNNSh2He49wTQtsFqjsszmQ8VSl8FbXjVjt2XHMfMoMbW5Vof4nupE05kDY\r\n+RnaQdrOyXQf5qw/rpCPChZiamSj2bwsUVNBpwGNpz3oww+LKanf7cN0miSR\r\nERNAG8dUSzDbuAWrbJPl/8sd5Ir7zuI/Y3bs9aJB6+Sgqx/FM18PkE531Bpf\r\nCBbB1CB8LCo5FXruTqRNFOmnP5CQ7OneUi/pjdz5vGgY+1k30oPW6MV7ZiGa\r\nWMUeTuK38Mepuzm5sLse2oSBNJc5XwyYYymj/DgIU4CVwPS9uGNSDSjjTgYp\r\nxEKOYephJIGRm+zvrq9+TuhOPB/vMgtqQmRfoc259gWIZk3MMb7jAuHyDJTJ\r\nY7rb+XfUmn8RkAp+o5cI010JI0Okl8aXzYYQiVfktloKA/6dHkwN7KhEXmAb\r\ny0rM7cENfLuF3J1Yk6TnQ/WKHn0IUnqdlO4IFuoliWpAE7s1Z+W/cHkCgWw3\r\nAjy4VohAxCGxCFKBnasPiDAaK+oa7M23Ewk=\r\n=cVJd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.4cf917476.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.4cf917476.0_1667671404541_0.47425846717059517","host":"s3://npm-registry-packages"}},"15.0.0-canary.eef14bd32.0":{"name":"@material/rtl","version":"15.0.0-canary.eef14bd32.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"17d6527de19ddd8b9acd29df52fd91b8805b963d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.eef14bd32.0.tgz","fileCount":16,"integrity":"sha512-Gfc2SojosA9oYNyYNaZgSdE9kNpWCvX4EkWtbE+rDLRs4NyM1YwMLa7wh/aymmS96bfP4Vgx9+AMEdlH78UFwQ==","signatures":[{"sig":"MEYCIQCeOcR+H53WEtfLJhuHaOT/NRBNtRdkpFesvlue1fABWwIhALKS48Hx0gFbdXKFuQmje+BR/EfuY197i/L759ZqBC4A","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZ+2sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqV6Q//WnmjnB13OLjKBK0WzEFD2xoocTaqZqb62xykvV2V2ip8wPK6\r\ncoITXboH2KVeYGJcHXT/pcKrAxcBzPziYwK/9QjuEeTLbmvC+28zYNLC8RQF\r\nXZ4B0fhOKL5kCS/LQTosi1pO+fg5qrpFDEijG6ESAbmZPFd+G4dBa9Ch1n+y\r\nK3AgLXNnhjql3hyYg2gnPSXXbYoh+o1vcTQ+ZhbyBhioWoO7ydFiW17YodOi\r\n7chWn/na1Cr3DAROjApsgHaITNKXD2mw4jQTOIz6+5/CPdLt3lqOVl9eB31G\r\n74bJR6yjVM/dzCmuc2dt3ruA8lH07u0vbBaDivpFZtffgqw8C8losF89KI5z\r\nGi0u0ihWAYonswDED9HNeI+PjuQwmOyyqX5JNDHf1spFk2xiQR3iNgUxRCcm\r\nOOjpqlTl5fU9SXRXd6k2C7sfbqNE3oDJgcpUYzFhuj07HO52Z4sGtx4u3fSn\r\nsJy3Oh95k264rRiHt5f3rvpKjPrRPp9l3KY8iIxnJVPf2YN2O2Q57z+7dS3+\r\ntQHip8AeIEdV76oKwGzIMvOPy6Z9MZVjDGPtiPfgon+F+Z9wo+I3oU9pyidT\r\njv1jByUwQ7Mb1ec6X8QQQhM7S452ms9RV40G5tqIc9bQXkPt6+m69knAYrrm\r\n+lB+ezrGJD2054tYSvw8Yf9eDJWqIkTPGdA=\r\n=hqQG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.eef14bd32.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.eef14bd32.0_1667755436685_0.6215588292546281","host":"s3://npm-registry-packages"}},"15.0.0-canary.6faa29fe9.0":{"name":"@material/rtl","version":"15.0.0-canary.6faa29fe9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4bf17d9ccbd4a329c5092253fa84635ddf4960aa","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.6faa29fe9.0.tgz","fileCount":16,"integrity":"sha512-Api4WN4/I+XpkBG03kBTsZHfKfMwSSamlmaP9FuxJiA1ZRr4IJtkCeJ+g+c+xk2Iz8rIdkWjjOA/7UIZsi1pnA==","signatures":[{"sig":"MEYCIQDIg20UMu6yg9QOP5zRF1MJJ5voh9v1BL13IBKf3SbsWQIhAL8l8lguhc/NGsamURxi47X6t/zLEz8Jhufkvcyi6ika","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaHewACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrKNQ/+Imjqgpw1iu6sZysgzk4bw57E/q/mA90SRrS982XJi4/ADodp\r\nnOygyH6uf+tXD6d9907GcYVsy2bULmOVfd/j0TQzUS4pdILY3yeKlJWQUnB6\r\nZVinWFvJ85/MGtsq9svRqxvi6yTC5BSdyxHGfOCSCQG5wbC1xxokBZFZS73L\r\nOye+qQIOkx2YIq9vDvM8uQGkbZsoMb/HiVB94IXvASAN4XmW2FhNBYQS43DL\r\n8nbwWyhbcvi7wRiB8c5dEkeM3NBlyIj/SZZIIoYGFUai4a2jfdVmGH6eWTY1\r\noI3dtcjcQgpbFJRbLQ+aTnVjNieh6vN+5GF7f/lr5JOkma57Ob5XcZJN7HoU\r\nPfPXmvWljmp2rRQ6IsLVyvFfMRf6Xh/0qlVZRkqRM1RTkKNegFuBKkCe4boA\r\nnhxEqHfvF5hNPF7pc4Dpaoi18KbWLKlZpK0gfAgZ2rXFITBAZWrBB9t3LVD7\r\nvsFtvWjoENSjAAZDjE1258feWvInyDWwyYoOiLw+UhQ2KT4EoA/u1ZBOqtVM\r\nE9TAqnzFlwBPN7MN+3xv7et3N0uUNXR+046jLyXw6EYltlhd89jZAZA7lOMB\r\nZKsyHQ1dhi0ayxNv4I8rzi33kGZa7Bxgy6cGddK1z5dZdT0dk1aGUgAz5ey3\r\n3R4LI/eJfE6P07NCOQKUbVDfwNiOzqfE3FM=\r\n=yizF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.6faa29fe9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.6faa29fe9.0_1667790768200_0.8760245239096207","host":"s3://npm-registry-packages"}},"15.0.0-canary.9af09b967.0":{"name":"@material/rtl","version":"15.0.0-canary.9af09b967.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d7d0ea3f9b8e6c4af6c062eb1e4be3c98e32571d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.9af09b967.0.tgz","fileCount":16,"integrity":"sha512-IU8fTk1mb8tvUk9C72kG/nwMluXS41FY0NX8QI45Mil5rLSYdRmvu+4C00yJOyGdux2nHf7reATLr1QVRQZjpA==","signatures":[{"sig":"MEUCIEaz0rjY8GVOMJtjWHcRX8ry5IOBrNuZ1/v5ZtDrwbGsAiEAyPJ0OJZRgxQERV76tL2SE19Tx54xWpkptQ4c9Dv0TvA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaU3vACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqP1g//SW9mDRnQccxIM9h99LJqVW6ipqe9G078NH+wRalDpW/mTiBz\r\nflktbmRaL7D2gt7q2udIeRTN6V0W+iaw/Y2mVDLHSqGcsMB/6OZNxptYpc2w\r\nZHuEb7MHWWtFq+ckYxQLyBiL5SRkr25KEsfi3AdRohz6e773upGL7u032hft\r\nGbF+IKfr0oCQhkdpghv/wuQ+f4EEBHyyF7wylJ9RWayxLcPBBOEoXoErbCEC\r\n1KDz8WzgdIOdnWw+CHtR0+uImCqh646XsebGnLTpWDw/rT5C8rovdb0lhysg\r\np98GzlrqZSkBHaQ7eYkNV5YO27Xb3YfuQvFGUedKmpqmquB8O6GrdlZrMoBE\r\ngQgaSI9Lj76v6+QUhdRxny95J0o+4DLio/jBYuxupLvyHFm36lc/xF4lZUYC\r\n4tswK3bH8MX8EgWix0/6LntpGe9Tr+GvZOFpWCrLti7SmvB3NyqiXAHrCDTy\r\n3YGy9M5qm/5OwiM0WMGME4yt6dh8EZ8fYkZQqFz7rM5ynjTdcNPhSe/CftNc\r\nJkTZ8W5IUZniPUQe+zCbdoDynobAD1D0mzUtIFc4JI4MeZuNSJVbD8g76CUP\r\nWlbRHcBou4+x/kuU0ueg0IT/1ZydWivnqMk1G5U3i/D4oxLG4EryCuNDnH1b\r\nlygPtgI4ZCiEm/4YB4i+jEY3BwkFWkFykZo=\r\n=h6TO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.9af09b967.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.9af09b967.0_1667845615022_0.9245900546810666","host":"s3://npm-registry-packages"}},"15.0.0-canary.0f54fbb93.0":{"name":"@material/rtl","version":"15.0.0-canary.0f54fbb93.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e16849bd5bd39e13837cd8f290d67a917ebb53d9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.0f54fbb93.0.tgz","fileCount":16,"integrity":"sha512-WT8ZJPeW6gW0g7BH4Hl602F9Pp7FuuNCGcGatXTSLkAI/UOCnv+lEibc8vfcRQarjIXCizXbzlFaiasc1xG1pw==","signatures":[{"sig":"MEQCICjb2SLYOy9+3LQ6PiUEcm+mfIsr0/OfKGPpQ6BrLnVXAiBddgiSKRbRcsVY9C3TbAaR5vwCIVqR3B5P0TJoOvlLWA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjatBtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmopJQ//d3nX/25ZviDmO5K2AjHVXN81hadeSYqGiEZIO0u4uS7rToYy\r\n0cZppjwD2Xk45I+9Erkur/uXSA/2Zh1OTLMZP6Kb0xPEZw6tyy4isdegJDoa\r\n4022wxzqAna7cAnebWmEeHouF6xbPYz1ruPSlwPHthCWDOA+rOaZe/g29XRB\r\nqzhah/HdP2BcaqbUoeUA4wrL088ugSUlTLE6BMyLsAW/0H/LQFzrdPgKSSow\r\nWyiNrxFlvUA2sgz/SR2jgyRlkUVtdk5lSHEYF6rXK2QwvTm9PtbAAO82dQ7G\r\nJDN9HYdHR/P9C4KNv7YINkjsAfjuukanoeGyi+lpIZLKl1zllpxrPvQKXvyH\r\nCV3aVYMlccmenkpMNJe+hB31kXSwlUhx562igA2oSFoECTXCk2Ujr+1QM53X\r\nqvG2GR9FiwWez8voomsIC/T6/HmqNF+R7vlXrznbWKyiKVkOxBmzEJxQSKyt\r\nAtodjE/8cnG3XuQsBzjCYnKE3FVbuIhMsmGfDLxfJ/R8dxZRU1w0lIK6COog\r\nTqtkHGY+QGbG7JPw1dQiE6AIN73gk657I/vr7qYuffK7/Tg5+fhzDPsl7C0z\r\nlCRqjzqTbpLB5SbF222Ydt1kimX/iT61XwySvqGrLP958vqy/d86K8ZRsiMR\r\nevabIAzgf/KzFprgjXF93UEYLNVjQSRSsAA=\r\n=c1Qm\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.0f54fbb93.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.0f54fbb93.0_1667944557398_0.28476039824881205","host":"s3://npm-registry-packages"}},"15.0.0-canary.a8d47f9fe.0":{"name":"@material/rtl","version":"15.0.0-canary.a8d47f9fe.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ee0cdeb8e630770b6ca262c65677dc4caa759d04","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a8d47f9fe.0.tgz","fileCount":16,"integrity":"sha512-dAJHSapAYWRbXgXhkBjBNtqMYaLyqX4kQNg/lz9pQ0Zra889Ks5dPcyas+DlhEYpfIRQjyIvIqTrSiByXx2LzQ==","signatures":[{"sig":"MEUCIQDo8RZezIqVGIYR7is0rXNxF8bXZ4ZkI3uQ5pW9VlrlAQIgCvnioM7Qd4nVIVa+ijTZwGTWKHXRjeAu4oEMUjcUdHc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaym6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmra8RAAltu6aMEE8Gd8AexUguTl56+9GPA2eS6/5K5QLaKWNFldRmyU\r\nmiOJe4URG0R3nYOOO61AmSd4Ei3tBX7sYvg73QEJ0CTTYLoi+S9bIfaob9yV\r\n8XYWyOnxXoUCQdQxJHt6M9Qa+RFOs/T7OpfojA94TFL7bZbCG95Xnr3GmEiP\r\n56Ru4Znqk0uMR3b0439r4/VCU1+bRBQNhlHoEMkJIY0kmX0zZBSNVkSzUu9f\r\nB7hC1FqkbYw3/dJ4RuspuakSjmFmTY+Hmy/7Pv0S/na02A3hsQ/FdglhHSGT\r\nTXYxl+v/D3opJHbqlS2puDqPH0Nv9g9jZ3pFkdu7bJFdhqIBCdzFfSr6EfjP\r\nBsRdAA7CXHob1Rn3PsMpIkhKE3RLteiBM+RDllabEjP6CBZP1+Ho5Tt+iufb\r\n8KfhHi/UbRgusHm3/eX3MRcdTvulpZthX922+WrIxJVn21GyJSXmico2O+5X\r\nX/hbSwwL9hnc2o9+FZPx+8phsYea0nwa+v6BqAmaTMAggZ5jM+UHA8AwLiQe\r\njYfA4W6vTY3E4YxkSlCParsFiFGYHbdLvDKq1Lzb0LubZiX+wbhl4fXBQoYw\r\njiBEb+NP1Ebyd23UInIbX8XHRvvgJBbEQmhhN9gNZf0RmjSr4IUoRjg4tfCx\r\n+MDYkOIutvqUCzEzWhgs7v7v1UQEBRukVLk=\r\n=Umn5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a8d47f9fe.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a8d47f9fe.0_1667967418293_0.05995613258836552","host":"s3://npm-registry-packages"}},"15.0.0-canary.66a1e75e6.0":{"name":"@material/rtl","version":"15.0.0-canary.66a1e75e6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2a07eac61faca20a4912e02713d01d1b8476188a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.66a1e75e6.0.tgz","fileCount":16,"integrity":"sha512-I5h1tbVC/8piyPQ1Zrl7ZF3fXI7vzr41fp/iCKqOlVEp7IkLAVkGkt2vV4Ekn1BMD6MhVJRb5ch/QxIRldd9Lw==","signatures":[{"sig":"MEUCIC6LKZqDX/COEJ7vjGNCDkTS/qjI1dJ/LnWcCHq0t97KAiEAiVwIP7Zcu21Bhpf/ITULFp7VbPNA8dRPp9CeMHOn7GU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJja3Q/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqnXQ//dpSsz/WEWwYAcTtLbHzvXPZTkOzqByOeFYvhuTlM2VlESrC3\r\nSlPHgiAz8DP2ul7VOionTVXsuEYoCxZZuJHt6NQquHOeq+rRi7P+qf1JmTuw\r\ngEJO8oTaSrmzdmBtMOw1v3wkgHS6Ss6v0Xs4Yf5cOQHXcdtAibjRYMhOceFF\r\nObRue7kQfa7zBWpYssIcZqBsvM2tEp7Lo+mb0c0yagzud59odJl5XsHzrxvM\r\nlB4BHDPS3AWcnkHqLLaM3bDTPYW+iC1PyH6PqTolE+9wdIzbQFgjBuewtCM6\r\nA/4CG4GMGqDORyYr1rvmFOiMKyzQ7V5wp6meNrNSAQvGBnPfXtkGNfURSEy1\r\ng3+bqyr9z3IW19feNp+UXyH7VJlorvHO7rOc8nwx4mx4ztsvEXg2GqTyf9gQ\r\nqOJR6ncvyKn5hWlt69l9PWsnW+S8HFgYtFTVPLH/evfhZiGuFLu3DDu9RVmH\r\nSjCcRUa76GnrIh/Wzzn5asSmpHeXSLqlec3lkzVSqsOiFU1/1EBhkQi+y3oC\r\nrQteIukPMuBK1jvx4edbiMDX3Cx0Fzll5nW9pvuIsBemdUVQTAEY89laIRYu\r\nOE62spX2a/ScvCe/Uf/6tvy9cEJbwa8duUHqYySiw0Kfa3Na5ESX4gX9HU37\r\nKsjsnyBJUOvNO5OyNF3ckcOzGBfxwVNP+Gg=\r\n=Rbze\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.66a1e75e6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.66a1e75e6.0_1667986495330_0.7981089356347801","host":"s3://npm-registry-packages"}},"15.0.0-canary.5e5c2afc0.0":{"name":"@material/rtl","version":"15.0.0-canary.5e5c2afc0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4dba61143e7c302678aef210dbe0d9187f2288a6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.5e5c2afc0.0.tgz","fileCount":16,"integrity":"sha512-bzSAVWbKgyeNlv4ZPrAUO6dubYm0DYFtleqXSpWT8xz5O4+ZA+VRYibNGBd473MnFZlVipF0ZHeYkJSCyGjWPA==","signatures":[{"sig":"MEUCIHN5Mc4lYIZOQZYOWRzhbbK/tnW6AVtyIhn0AyKVq6LCAiEAwvZRK1jUfJxWEU7Vt8Y1dSN6eBlwiTuyAin+QqWXAaA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJja5SCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJNw//QhI1DGViLxIA056vUV570GvHbYWkIfyk4xq7rDiV28jqhjXE\r\nWSTYojwUhCt1YKfqVTTthftgcIgyLdo6Y8QCrfTYH7LDIsxTQVPXZ4h8nvqf\r\n4wOlCbpTkHIX2iDwDv1ZOcBdflqjdp8q+dj1e8R1DI6SFUGzzJy+CRJCBSH6\r\n/B7H2Lj59pn0VGIxxEdpQRB1RWUlaKhz5pohCAr6LMIiZB3n6kbPTTNR5z/p\r\nfMVStxjzWuru5xOWtnIm3XUcr5fXqhdZrH9JMVX/JEqac868qlVCXupCfCHL\r\nkeiFj6N0k1IZ+kYqux4J3PK+geaySFQd7trFgWbUuGSmtz1o0vZ1CvlAoOF6\r\nDLz4zY1RCz4WnVNzVMqKmESWD9ClfSJhoQWYvkRl5iZneFvOMbqfxJdaFdKs\r\nHo/w0BcrUAHaQhpskRYpa6sNti5cYOGH5Q53V50lmfQ3/TeAeaA2QdL2Lyzb\r\njohrdeF9XhVU1XKGlGRh/IIKItnoEROiSLIHquP9L4H8BaJdjVpt+4udYIJt\r\nO7Wzps/MgPB24FS9XH8Z5AxFf9Ylbk5z0zYcqm+MWQpRv90RlVFVvSn7/3D4\r\n29MeQQBhDD19h46GDzhdru818pMN7DrpK71EGlbVC4+3UvMmgH0lBv/mxcJk\r\n6LAF9qpHHCyvvIMwTwfuTmSIG4ZQjXgNrv4=\r\n=7JVs\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.5e5c2afc0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.5e5c2afc0.0_1667994754316_0.7028101631122179","host":"s3://npm-registry-packages"}},"15.0.0-canary.3e3f43359.0":{"name":"@material/rtl","version":"15.0.0-canary.3e3f43359.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9f732b001abb65a6c25f49fda3c7d78125243b7c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.3e3f43359.0.tgz","fileCount":16,"integrity":"sha512-sy9SffShkWo0eTFSOiuE2x37fAEyKYe3adLI5DDtWw+1GdsSU8ExX9JpO0uoihJdB/DHdr4XTuwX/bB2n+QYhQ==","signatures":[{"sig":"MEUCIQC8awMY3tB1df1N6xJRvuucDTmRpcpe4Pym3SiwVhbFWQIgCpUvDBbKlcrjVVnU2H3QqSprAiOKyvzjIw8meL/gG1c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbAdDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmooEA//ZdhUXH4IUVqoA/iD0eUr+NaYxvMZEbOBoCxK9OKwrvbZVoEF\r\nXpqjApZ1Qlg2PaxZYAEMcfuQFNSaRk/Ep6Ttb0VRaEPuUBoAAktek+pZbydj\r\n03F7tioRX+ZYKYt1ScshJQRK2bTgZ9ZlcqQGfg70g8tQ6npJ/bmvApJq0yYZ\r\ngvfpeL5Jajjx3OqWZY9QUA63cCAqNn6WkfhORgiIrUqjVBzlYEkMBTqOTOnB\r\n8U+57YP/k2rWaaEtRyCZRVKjuJEQS0LpbMaQVZQkR0dknzQ7/1ANNYllBIQf\r\nahgf/kBkqJMIp+aptbwYSBJGB2FuAhQyojEBTI7lsLXI3SUtihVDYRTRqjvO\r\nVOtVdnlvQP4BSA0kl8SOEdfAnJadnmNumHsl7iwi2jCK2pYa+ttebJRFp9zb\r\nWnqIZksVqWwhOnahM3LEArhWWusftMYsiMnzbXAq5TbVelb/duksKBpje2hS\r\nIuQQol/bZ3KdR8VZKhyBNK5IK7Hy/ZT/fptvXau2UcK25R4a1k2YCZyvDvqC\r\nOjAFD1ZccSJjwbuT6YyhxiKSMU4oeo1/B/3BRtZncHPNmn4Omosex41EtDwS\r\nTzVIj7DjntmSOtRlbMjBRQKKccvsERLovyA7jOeecoY3c1fIUvdfD1l0WvPU\r\nHgR5LROkLelgj8OpoiNmxwam38dGCaOgBLQ=\r\n=DoIj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.3e3f43359.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.3e3f43359.0_1668024131478_0.24665812204941262","host":"s3://npm-registry-packages"}},"15.0.0-canary.3f667fac6.0":{"name":"@material/rtl","version":"15.0.0-canary.3f667fac6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e2673edcd3dfbad3c84ef44a790207b4ca82381b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.3f667fac6.0.tgz","fileCount":16,"integrity":"sha512-biszSKFlawCPsbbTM2mTy8WtFptVSi8+w3h+eWXy8B6ZhK+qa9EMJaFc078SCec5VxiBCZd29TtFE1501u87Vw==","signatures":[{"sig":"MEQCIGJc1/m234gMD39UflP7DgXE/jVX2kN0Dr0t7KWXqRp5AiA3fqn74JLGKxEXfvItcbmrfIy/Ewv/6JL0Sxq1JZtmTw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbCQfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr7iw//Y3ynI0cfsa/olwDVJ+9wm4Kg1pDleYEcS77PwXHCU43ZjfPf\r\nEr+Isw1alliub7b42tZBNlfc7l3OlAHLcCtl+2B0pbQv8VH6GTUKb669wG7Q\r\npn6SaHgt2VIt/9AB2u4PxtBIMIQExObpGiN0tkAHTut72sCeAkE6H7WT2sed\r\nPhYAfiaTbg7H6BJYbSgC7buVXieifG18u833IL8yyjYzn03ASyN7g3nhIxV+\r\nXYJHTPsuvSs7qxEni4z/5Wu+nm723wkOqS/E8FAq9SbxA64iP0bCW4tsFslz\r\nqYH+AmTaIY42QRhamicjJ4I4ZrbTjQ/IkmfwUIMhBtdk3uOvT3Y6vK1CKGAe\r\npdBxI5jq3CbDaIF1WYN1+c+FAvV++/7+artXq+2kuMtN7hMGq+NCasCSTOjn\r\neeh6J4LctJmsU6hQaCJoSoOU7a7g1n3KFCE6+v2s/5kgNVBeTqJhpiGgw/x7\r\nGYAnbAEp3GriuzhoD/7S3cSkfGnChuMY6uMPOojxNis0k1arxWkmBo92Wued\r\nHwFhdrxD7a4mICfQlIiAmi3yrxg5K7dROGyt4UC/o0XQSFmBI4RZD01VIe/j\r\nk/DDGZLvTETVbfL7QW9myxhHPOSIUvPkQ5CqDMVAGUV+xTd/Oa3wkvZfzz3t\r\ndkLk4wG3BglgPnM7kEbePcDKPVLHgQ0xHSo=\r\n=fH5g\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.3f667fac6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.3f667fac6.0_1668031519767_0.03922932780450772","host":"s3://npm-registry-packages"}},"15.0.0-canary.faa28c1c5.0":{"name":"@material/rtl","version":"15.0.0-canary.faa28c1c5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ccc013da15822e8facb8863bcdd0d86af6577f7a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.faa28c1c5.0.tgz","fileCount":16,"integrity":"sha512-m4xIr2O/i27W/0nE+G01r0ey+4NKhIyfUDAFbUXqLDqs15NE3MqDKyV9RNJW6UHoUYElCsjrzLMapraAVX0b4A==","signatures":[{"sig":"MEQCIHwc5xEGwljpZ2LlyJE+hjYBPx8LT0H5EmENUa6kLMnvAiAZhyvqIcCyG717oRbVPZhU3iPSLGLHWtLN8CP2ZyyDbA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbnm5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrJJxAAlRgHaH3ntuRgBHfKafYM3mfQV3k4SQ5uceyq1zoUnB93B7J2\r\ncoMXOhvrgu7UUyXw23FQ8ncAT73BJjkC37nSkeDYx29n7l1nrvKlYlVJmy3x\r\n6zQfxURBrAEqFyogHs7lXpexbks4vnBxFbekI9GmwMlLGPkPQC9J7exG1LNK\r\nPIK1vCzBMtbH8RWvcyzrmX4xNx4R9QBjgnbnhLwzi3s3Ne1q7BqZiAGkcBrt\r\n26dXVb/VnrYpnIjfFwzzQnKucK9cM5SjtYJYZkv4YcRWcUoOJ6sWClGj55jl\r\nASciTL1Ykeoi+A476KKBk1CkqrCVMFMlFEoZy/c5wzXBRpy3dXGLUSdj6XGS\r\n1/AsEEeKj0iOk05s9jbgaWUJZNqBWN0bSPjnSiX6rEvoG7EFV1WhKrbMN2KK\r\nvFsCr1S/PrwFQqZXxXSbpAJBC0IbKFEsx3Oj52BJ6vmQ0+T91eruvAJ5arj2\r\ndNsNWBHJzHKpOMcct5S0JbCiNaiz3U0+MfBINTMs7djUpYWm+kQ2G8emsFa3\r\nU84CcOBDiYpuvIuSJktjQZPn46DPmWqwS2XwySXPFyw2n6fOchHR8zVaWBGP\r\n/BIS2LwGzVoP9RC3XAuxUvz09NqptfrNk7mmA4eEQtarGO17xJ6Xd6xs4IHp\r\ntCOLP7I5lzG7WMtMoycDFvFeXj1gPD+P4uo=\r\n=TB2U\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.faa28c1c5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.faa28c1c5.0_1668184505222_0.49969023399055956","host":"s3://npm-registry-packages"}},"15.0.0-canary.a868c7866.0":{"name":"@material/rtl","version":"15.0.0-canary.a868c7866.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"70a1eced2944b65f8c32975f85fe78c8b7a85552","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a868c7866.0.tgz","fileCount":16,"integrity":"sha512-A7YoG6Pog9IxLCIZ1nN/lRYM5ulGV6U5atJiwI7SRf0wTtgMTzDq4x9TxJsRZH+VBA5Mjb3oqhBYA3Ow1N66tw==","signatures":[{"sig":"MEQCIAyLJ+if9JzkjpQVn5FuA03YphaEIwc3tGb4mE79Gh3oAiA9xD27i4Ba/jdBOc7jM4Gn9hmsiAjP513Gw9J0+RbiUw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbnnkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp9XhAAgYAlOwCgpVYMVtJ8Yx8wrd8eTIupwqzhKWBGt2mAuv4lTt5b\r\n7vvLrpMVO9c94ePq9Pw/CAgHv+NIqUdhteiCKl1zag2QGtVedNKdySX2WoZ8\r\nYJGi86+U1lFFSHkckebnZGxoFNgebgcg0/NrC6LF1kBbQGlAgGH/YQ1qIAgI\r\n7iRKw9l1FwFBTu5pomSQs2lxLJ78A8q3Mf9BgWruh6vHJxMJY3Q3KF5q5gDS\r\nv+bzUPnexYe6k2i/hogxtY6Fk6z8SyiMSjvo5MItdBE4yaCxHQVMC8eSmf68\r\nWB2crH6quthWS3JPkjQ3+gjQD8jETwtobWYk1xFPYa0nPO6fb2jMmOde3ufJ\r\nzQ0MuiUOtfq4bbnxCqXkWXzxko9IsNlGGwTmcfcMAEewElX7r99+++b5MTvn\r\nHV041KetAz84EA6aAa/rWfkXgEnsRpjlF4R6SHcI6pHalgu4z4klp9t60L2d\r\nEXAe39ToxfkLXk8ynrbDVup54y6ycEPDKXhAaYSLujOU0HkQl8miU5TXlGfE\r\noLbgWxAkT78i2o1K2XdA32QK01kLXaozNsyhxkNhwRpsIiKK80A81bRF5D5F\r\noHRrwxGfauziyJpz8AXBAjVF3NlRdwtx+anO4hADjzdiblW3BKc/sfIgd8Up\r\nHM/6gjdkRyeh3bKZMSSzt6QknEaTYxlAP1M=\r\n=I+2W\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a868c7866.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a868c7866.0_1668184548573_0.10144227338161782","host":"s3://npm-registry-packages"}},"15.0.0-canary.602fe8efa.0":{"name":"@material/rtl","version":"15.0.0-canary.602fe8efa.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"54f30425e78fd236c463e4f853dc785a59745a01","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.602fe8efa.0.tgz","fileCount":16,"integrity":"sha512-ZBGQlGLaZKz2VwXVCMnsqCa3RJ3Jd+v0xb73K1C8X/hfTlgmUfwIp+3ePSamP7hWbWq6r4Xn+7MxDrNqJAGs2g==","signatures":[{"sig":"MEUCIQDdbAMshAGbgeFzdLzthVCXSJot/kVbsdR5zBhHz+765wIgIseaxSGh4PPq3fsIpbdykSAK7rDesqpxoPCFKWnaBLU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjboItACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVpg//atbiv9qjNJlt2ra/Ygpsen/BMdQKB/+AqZMrW/8jUdamEFhL\r\nd4pY2lYBDdKMNGt24ESFOx7RJLL6l5+IDkG62Cp7P9Jnd0cuR8PiTOQP1VRs\r\n+oGAhQs7YRbKOSIZZQ+YGWrSSn95fHQ+viVDfndQ3N8SEBSz947Tr0rdM/sl\r\niFtgHtAoFSg8halppf68JJUQKEcCf1u/eKgJGrn5qIeA4fJG4L5VyHQvDJ38\r\nDQuzYSIuWQ62GGiR7EA5ar0p9+1PPLE9jdnn/Zm7hEQQXr+FKFvr2T1VK2tw\r\neE/J0LYInXUfFLNSVyf+C7UP7dxSoBlF8O+x0Y7YotRFW15p3FM+/VWvLoEz\r\nv6hzLqQnLiKq1mr0P0jmvGe8QsXmiKsfxPD4VRkgJJcEb/ZvDrQqS5wP3XoN\r\nv49K1uyg0DAHDGQtBRTiYRva54BdQup205ws9YfQIr3ekQ3Pt3dZ0kmnC1V8\r\nVQ/PbJaaEvVKj4pUvb3yDgTyuXDxM7T+bsB2mKNy76lIE3jcChXAkCYNkTGg\r\nzxFiFzkWrcUhmxXeTnBgPHgS+LHfRh+pAE2qf93XDH5Mn+MIpXLt3HKkk6wb\r\n+ZvY6FUgXbXj6JQal2SX+WJLqgnaedDIETuY82HLgusCnSQWpA2faMa7sS9x\r\nXiFEQl619OlXgQNePgo5NqKx+3swFRMJrcI=\r\n=PYrq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.602fe8efa.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.602fe8efa.0_1668186669634_0.5657382438859675","host":"s3://npm-registry-packages"}},"15.0.0-canary.558c2be62.0":{"name":"@material/rtl","version":"15.0.0-canary.558c2be62.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"72200a2612fbb89118480edeccf53c899eee5817","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.558c2be62.0.tgz","fileCount":16,"integrity":"sha512-kdRqK39sWjO8kgB2qUV33DzwQ3Ldisl6C46JsgzqQgJ1XaOJF4sJMfzc+POJ4Uk8pVH4nAVZjEKf3OpnWIP4sA==","signatures":[{"sig":"MEYCIQCty/P3Fy4oZyMOfJ5K9uS4VhESH8q9RrR2CcYKEiGfewIhALf63t3M2DI3jOJO0cZf2qCbIlk/Uz5o3oFzJLWccKaZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjbtBWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq35w//ba3pLy0iYO1tHC0GTVP0RmPiRvskvXgSVhO9CYRP30xhYkzX\r\nnNFvDbsF8pBQhhJUfhXeQWPTke4CPoR3qRh7G5VzaAtWkI60bFJljOr38zUS\r\nwdgDJJWIGVtmhV8gXa7/u8Du0Fc1mcM8okuYRwiN4kyiFFLImBV/D7ycVs3n\r\nDOBJmtplJ6Fa4Rshvf5H1moBaviAbuUfdBMvNofDDChl25n/1w8rCTspoVKq\r\nQ7RPBqLwbBiTIlONdy1pJwIM/fRHWHyB3yu4IhLtx1uz+Lo8zkkScY8ZRzfW\r\nKWDIzdoj9txi9jgg0lqaAWYdQe9DlVq4gau3kQxTpYGUWN38FdBDE4Hentb+\r\nM0V5M3Z5+m/xi0tix6XtpzpP0fNs/jkUIwfad847Ur71g5pMUX9K5Mn8bLsi\r\nTDiQ43HJGfRZelCYPuZuhRPJ24hnJNFFLEQ2UTqI+Ip3hCXipnXW5NoxASnm\r\nh5KQbyTzdAd/mEk/8Wi49tHrML/VVzzOp4DtfjminotZMlP3+cqc+iggaiMu\r\nppFqzy5SVI/iRyArzR2JjnjNiNasKIBnmRi+5kD4z+wTvxkOuiLzK7ghpXwv\r\nFf2YvrixE5nKWG+39BcZhQXjXgcDpslBiPK1jDlyeVAwntK+2q9wrp59huG3\r\n0FjIRmXKRvBDPrC0l/hfcSMXRQCPVYpXNd4=\r\n=i8yl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.558c2be62.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.558c2be62.0_1668206677981_0.6582369726834649","host":"s3://npm-registry-packages"}},"15.0.0-canary.b5c13a7a8.0":{"name":"@material/rtl","version":"15.0.0-canary.b5c13a7a8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6b4288aa9fb3ed001dd126fd69fbbbf5b8a869ea","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.b5c13a7a8.0.tgz","fileCount":16,"integrity":"sha512-MTrI1dRoNKQI6u1YV+XfGMYdFRoI8ScL3zNfu2ZLrnrP/ZOMjY1rgln8QGkycv9OOj0f/5jtzA/+m4t0J12Ayg==","signatures":[{"sig":"MEUCIGB95DBUWCk7KRqxA6hRh6la0f0xhTpl3Ld4cHUfaLCLAiEAieUyjt5SA2kwOMa131SNEngBqJyT2rBiAf7cSDHqG0o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjcmV9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3xw/+P31cp796oMPiId8ETGKnmkF+iycNYcMDFouGYQjgIYvPOcSn\r\nRF6V70U53Y5w7OXlkqQPuxHxe3i89vIAMqwicgAPItcUBvYqq7ZcYUSeIGMT\r\nt5IeGoZHr1Y0rAvvnpPEw+JO8oc/GLvPtlGqaQiqtugOR+yEmeXYtF1u5PEL\r\n4DQVpl5NnJvjnQFHiK6HVYkq8aKux3Zt6fl6R5OZW3368muo5sP1bwEWSc0h\r\n3QQE41J4VccD/WkJhYS1yxPLVO+IHRZq3i5zrrzIxLJex3ZloQ+E0tvktLKx\r\nOvXf/M/L45keXSUzI9s2jMSBIQrn6x8ZPvS+VU74C+YrGllPkn2sk35PP0pM\r\nRnSAGxvHObYImqvQ3r9i2Hz1Wf0CN8wTpRsfvIPamkN4oFQrmJmCs4iNOQMn\r\n8XSWjR/lX+NFdQAk4/aeUBYbs/FTQHuQJNPTAUrBYs7OQ7fFYbQkj+EkZOi4\r\nSF3Tdy3gcdw7jv0BeuG4ICC06YSaX9a+z65Vf4LIwU907QRgG1Xm8C4eroyY\r\nSjoV8D5qkC8lkLmYTEmNJpTg+ia8rKKCxIpH0tHxKIXU67muy3I98ONBJ1AV\r\nxz/WW9pt+EVZ9riptCxTYbrfaoVfJGKK4o+QPEXJyURdGfwSwv4SmwmJwsC4\r\n9HtMSXERnMDi+jlcXNwWHv1kE7hGKpqiTEI=\r\n=hCV3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.b5c13a7a8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.b5c13a7a8.0_1668441469100_0.8295097489463743","host":"s3://npm-registry-packages"}},"15.0.0-canary.a6e1c0702.0":{"name":"@material/rtl","version":"15.0.0-canary.a6e1c0702.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ecee41841797ba2db2708969e1086b889edfd829","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a6e1c0702.0.tgz","fileCount":16,"integrity":"sha512-jMzPmW0lOKD7NE8q8gcjD69Yqdo883szfIheZ19+fj7J6r/p9wN/ajlSR8Q9M/IMl7YG6dkSlrnEav6OAbhPqA==","signatures":[{"sig":"MEQCIEXis+tj1z1QEavs1nDQgZQ8GK8k4hsqAze9pDnPz6gVAiAKKtazjpUFcf+oOAOV1PfP7Ee4Ou4iu/LFwid+d3JBUw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjcno9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrwyA//W0CIcxJtnCZCxd9X5t/JZZ8s4CUU2zq1FwxLPKiNFYbljhgd\r\n5dZZ59TPWAqIy8Mxd6IaYJAyXOc83lnWwtk1hYVA8HU4g6fY3WY4A+xg1tCg\r\nOlmMuak5RgJX1UYA+hZEVfEDwBFcS5F771YyjiqJn74gWNnPn1O2jjLYtyqA\r\n29RjAEs2Ue6JRrWzWwtv0khUAzCW3MPvmMl6dAjnP/T3z6pYRtUl6yKIaBBM\r\nT4DL8kfQAKs763Fjevjf9koW99lhszPBauD6OPUOrLm2/Xg5FtS2chOOxR45\r\nTrtdWdW6kjuyo2pCUQpYdbtfRgUhv14Vljg3YmXQCVLIp4Ol0wgKOVMcULRC\r\nCs0YyW/0vV8IDP53wukDNkTFGe/1Cdi7pUklUjwbDX0TB8769TkoCBf6ivip\r\n7rDxhTNw5pCpB57RqwBewC3gTPajaTrOfrlkEG9gbyd+xlV9jkC9hU1r2Cyi\r\n+4DXM3ipTKuciATj7NilJ9j3tgFtk5GgcKe+1Tl4nbYJPCwXujVz1aoj5CYg\r\nKMCwCasde1/JnRUp2ya2r2K9DF2hNxnTEfi0cug1SObkDFnur5HIF6iFUIz2\r\n5U1PsIzRruU5u2ADBgHYYyw4mk7YftnsC00pvQqBm9EE55k/O9Ir+4B/lGNC\r\npnnmiX4Hz+VLehicE+51Q/4/PygkgxbSpKQ=\r\n=W9w9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a6e1c0702.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a6e1c0702.0_1668446781124_0.2552458139769902","host":"s3://npm-registry-packages"}},"15.0.0-canary.b6f8a06de.0":{"name":"@material/rtl","version":"15.0.0-canary.b6f8a06de.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a43b7416430d9ad49ffa56dcc4e897ad11423845","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.b6f8a06de.0.tgz","fileCount":16,"integrity":"sha512-SA3ZpXEURxfPfFdnnjIgJ0xu825y4scw6KboadkXWN3vJqp+O4/Y2q1Z3s7LB7OlhNY94Scg44rKIW9O8O8LLA==","signatures":[{"sig":"MEYCIQCA+DVLneklhjbBlnNvYQt1om25B1WPo8depuKi6AIKRwIhANTljc5+IeSpCZStG1IvY+M/IjEFNCZiYyDYsbrW/xR1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjc1uIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1PhAAjJhC+ji71cB4KCUohS89v71ql7N2nBd6vql+ct/Sp2Vcl4+H\r\n3Q/i+njG56vbJWtA5OiGfIyCtsOZrnSNU1LPffc9hesqkaENZrG5Ho2dpMIY\r\nCbC8CfRgBhFG8SxNrvSggG2j7HxNpefx522uMnDBO51aAIN5Bfji3nwHfNJK\r\nu9ixF6ooaQfUjMupIUBpaxYsno0+RSVFc4GcKfnuixCOu8a2NwRM7wrWy0b6\r\n3qY8jL2EmFtjdk5TxHTp/L4a75YteyKUlp5YZKKZxnFsrbDOm/zrjz73iUOY\r\ngOyGFRx8zqp/IipSxfHFHlkJz6Wx/lgqA+0cH3G7tkvSCS0b5ihJH0DonBHr\r\nhZGx7mO9C4VJSFzCB9s39TNpz9YgnVab/KdmYGDb6JPRXuRprdObiJTBylYb\r\nuqba8X6yqR9qODRdmzIi8UqLNjgEYSf/Fxaat59Q61Q1me3rA/RC/FEnc2gL\r\naDH/q+6WZ98z7J7JMiJQOldgnQW56LDjfz0B+vzIEHZ1Fz9SJagfeLjXhYxa\r\npOWfSaXnMtZPUoOX8hN8MTt8PzLTAvFtFZnCLjgpUIlWZ9DCmVHOBhZjhmuv\r\nTK2zfqhr+khHgQhE6PiXs1i2LznfY/InhVu49qgMFOIjF9ylyIfU9z05nhqM\r\ngtiamgBWOzxVgHhn8W91aLRMmQbXfRdPVJM=\r\n=WB3T\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.b6f8a06de.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.b6f8a06de.0_1668504456768_0.2596525940892529","host":"s3://npm-registry-packages"}},"15.0.0-canary.0163f3ba5.0":{"name":"@material/rtl","version":"15.0.0-canary.0163f3ba5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b6273e6883aa630744fdaa48b90432fbef16ba46","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.0163f3ba5.0.tgz","fileCount":16,"integrity":"sha512-xUE14DM3CrEC5u7SVEdhk0xKFh5fZjkdDRYsN7nYmllnNz9wh7WcBFMj7UB5DIeA+56abEiUSHuO7ZkbBdzKog==","signatures":[{"sig":"MEQCIBQYWFPZ7ev8xRZiFxC7qEqKdS81vinLgCBP9FXB0HZIAiA99nSV7UwjLpZRm5dfpyVjx0AaiFXaYhtV8iTuBe4AEw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjc9PsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoyCg/9E1KYkh66ZqJ+xcO+6bIkoASq3AQI46jGgDSRJdW1QDaKEFUS\r\n+kA7pAfF2ptN2XRXy+s1vjyg9R81eoI/KBdpEXhfW/aMchixbclpdYnwK4r2\r\nK11jV21m3+c6IATssM9n3qGZGf4yIc6BAZMhP/mj7Vo3Mf80UIDZWUynB8kT\r\nP7MDhB/oHXjv2m7yb/xXX0wtblAbsXajYO90BjZnZNdMId6oJpVOptUTJxBN\r\ncZlLb7v5ZHxmcP8SZDDWaxqHYXSo27mrLD94aKnt6k7ok4GFge6cgrujHLgU\r\nQrrj+VNKG12KoiXiWBJHRgq7lj1xt0b8ODjHR2ZnFZ1kEdEvz3bvvx0/h0oU\r\nG0cPhZUjySc9DDNxBhWuroBWnUHkclDEnjUWFTfJlIMmWx1f2inYB9qJM9A0\r\n9U4Bt++by4xsmk1xgotNuMdtJoOaFqPv81ecUo4smd4HC+9EPqlV0lg/1dqy\r\nGNU/zcpOsupo3OJKeqYE9hXQgTct4PhLJHsCwVCXnI17m/euVJayn5UJvZgp\r\nJHQ5aB3sKhJ+0zwdSNiraqCc6ICEmW81v5XEjcBZhmmYsgh3fIBDpbYI/yJf\r\nZ2UPWl0HSMvr8+lj2v9340+R+3SwngbrBTXrIyBzxjhb1NI82pj7j4DsO1Em\r\nGTBcHs/6hWQ3d4zikctCigYWqWaYKxC1WW0=\r\n=DQEj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.0163f3ba5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.0163f3ba5.0_1668535276645_0.4350377066054263","host":"s3://npm-registry-packages"}},"15.0.0-canary.66c5cbb94.0":{"name":"@material/rtl","version":"15.0.0-canary.66c5cbb94.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7e9fcfd248a12e854d99a9de04281d08181e71da","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.66c5cbb94.0.tgz","fileCount":16,"integrity":"sha512-9vgi5eICBQOZjiFI4Fgh3SSCYNoIJM8Lc++0tjtjFc1ywSkbqcywDeH6TlQodQo15S6Hqr49yRj2Iyjm2kWMKA==","signatures":[{"sig":"MEQCIHc98MBKub54lIMGiu5GuFdci8W6bK6gEU0ZMKNTpU/QAiB/u3ZFhV4FqC/Ufaw1vz3K1UeFnIHNXHPkN5keJfmSZw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjc+iIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpiug/+JsJJ0vjxvq3QkLdFohUvPZ0GKiz7xbVtLQwqva2JWu53PPXk\r\nJ1uWhJFtnRx9kaWj1ieaOtnMc2v2AYBBUAywutBfH6E12yFqmw3LIbUjjnip\r\natYUT2igb/QCiqLa2aZZDeITSqNAbGPZRFtfZxeuU+sL1VRA3LguJMC7770N\r\nDUWblIfixjzd2MrhaHy5Vo3GyDT0s1KDiZpqe5oJz/8tHWbpcPfG3fonkGde\r\nQOGxMSvIIvWUwY5C6SSr/1NWNW471tP2sqFZlsMnvHg5dE4J9DDNqG+4oqKN\r\nYlGFA+XL6FbP+/eBU7YamZOjzrPPhq7J1z2VIW8cd41jon4b18fuU6632J5p\r\niWC4vmzYCEHvT1Or7s/mkoqySOfgmeUcclUuZ3hdpQPHxYyDtH8vRDwDJ1nL\r\nlKQQ4kF+kKasqM6Oo6ou2PvU/c/5pju+ug+iFLF7gG/OCMscdBBGcbIAthQr\r\n62udm5Fzr8a1RBSDZNVnYUKpteGVtGVduveQ2TvkG+pBd9NDsRLCrZdsOD8/\r\nDm7a00vo1Z1zEXQT4mnYmvJedQPuT+sp+RxBX8AQgCbmsZGAGcg0op+fjPNk\r\nTYak2dT4NEdBr6SVybHdRsLTYI0nBqVHo8lJyQQsGUlbgTbNbQMjGg70oqTM\r\nRHnVkJ5M/b+IdzWho4kgeRupx7JOUiIaqS0=\r\n=xk66\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.66c5cbb94.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.66c5cbb94.0_1668540552720_0.705851464665241","host":"s3://npm-registry-packages"}},"15.0.0-canary.b01136063.0":{"name":"@material/rtl","version":"15.0.0-canary.b01136063.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e3c27d78117da4e9a7351a93a005f95a18b0a41b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.b01136063.0.tgz","fileCount":16,"integrity":"sha512-CsQKMo0mPXd1ysJYvQQhk1Wdsimryn3/ysJBU+a3Hugy9GcyougeQgBwEjtuj2Z7PIA0CYOKLUKENNGNumMw1g==","signatures":[{"sig":"MEQCICGOk/ZQQ5xrHoKC7sIixNxlqUndnHbDNVKR7Yk3EJkbAiBkACPUGaAHzpF5MfFxozp1tUm6AR7FX8Phk82tNgEuRg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdCuHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpS1xAAgbsIN5OxHbjboSu/ZJsw8wIMYcdaAtu7MNQmSPiA2dQKD9nY\r\nlYQL0bO/I8lbcyuazL6+WafHAF9Mn9tAyjP1+Hx/xZ5mYCjHjJd7Whvw+BZP\r\nDJJ8OCChPQDZZgPEL65vxY8hJ4vok38XlKfQEzkc+BXcUqokL3KUKG8TYMuW\r\nafVTRUA8VvdGu6idpwhz45YqD0xaKvU9l+KhaahwjztrI0AmGqvVelSHqh5P\r\no7EBA34hJW7CjpWDRIxtQQp+e3IwhAcXXgErJOPHVm4T2erNv+Dh5qq//BIG\r\nY/Y+DIelOoBzquN/556sgsOI1gF1AKclFU33gy9VACR00wjUInipdzkTx/fV\r\n+UMRYrp/L1dsC6xs8lCuyj0DKPTZbsnD8SxCNbcBnKbkGvICfss0Cs7mndjy\r\nDgbda/wJJKAgXeHJpGWCCpklcLfWAdN/YHmJXuuLn7s6ekdur6oiTgyZ3sRi\r\n4LbWCSyLF5iV+1EubRqyvWq8xEwhMHwvVWJPTe4uFtDks22GkY0Me1Pii/es\r\ngtF2D8w7DWRfMWeIW8FQKUcFz9gvHWY+ro1Si6yr1TmvB3s5LjrC6VwYe+2Z\r\nVkhqwWpKXSAXPAaTjvEzZISYlJmPa8NV56t1SJ27ixYmhcYUcMZyhG4Wm9H0\r\nO9oP5a8GgjPWqzieCdazt5qSvIql59YZXIg=\r\n=g4L0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.b01136063.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.b01136063.0_1668557703088_0.47784400810162597","host":"s3://npm-registry-packages"}},"15.0.0-canary.01da0cabb.0":{"name":"@material/rtl","version":"15.0.0-canary.01da0cabb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b6c553d09351654c5eb555a867dff984626f0de5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.01da0cabb.0.tgz","fileCount":16,"integrity":"sha512-lGxUS9+yvNDqVviCPef3SYDf3CSNp/l82LK66DY145hW2HD/Pr8zzmZlS3jFBt+2AGzhVJx3azFQBWMOVVZfMw==","signatures":[{"sig":"MEUCIH1s0f5zZVdJJ8uPVAyIq26PJ/slP+3bei5/7GYjUSyeAiEA3LGm64q0HO/Jo7iTMlC4jA7t3LW4L//WYe6PWSlb30Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdKl7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrU6w//QfV1xFVEcfsSvsxd/aVjFAhdsu4hrp8uJn2HsvVvez8XuSyD\r\nZIc1hjOtjs2hNsjhxgF5XD1KjszFdSy3h7Qd9bev0JxU+5ZB3mXbrvnFe12l\r\n/FnM9jov9iwtN+54cMibqml2l0cD4PYXLswVxlFfkHDVx4eL8oR9LlCgpuqg\r\nrnT52ThZMT1p6M359uszg9T0cbshc3+AqUbYBPkd+HOIkB72ivwE9dY4oDtR\r\nh2/D4+aNv6TS9A0s+M9VYLOLPL27f6sVbAXcRomSzYmD/0FLmno+KRMwwmGu\r\nLh6llhnyUt/wcxbZPGybRHJqQ4qMTVI4etGMKukdYZcJCbom2yOXc30gHf00\r\n5/PQS6a9KQWmAVUV+Hy3v6rriM5BkrAk6thC/bH7fepGaHDGwU1O2q+c4Ix0\r\nI/2zWeJ68q3FsSghBjAxsC7NzJ5hbQNdw4AasNuYCnsQ98bHbapXnGkv4MZ9\r\nLBql5wPrD8ucRc4/F/aqM2R86MWrU1L6FXuaE08/rOJCt9queHRZTIj8SeLX\r\nf8fJkv7jA4Bigt4G00kihFAU9/nh2hsKWxO/Az0+y/DOcUBP5JKA7krq6Fys\r\nKSxoxQh08x1mJoPPsbQUkcwmnkbwNhJRyKTpvoTWLONB5wP/C1CsY1PIrxlt\r\nWKxEU3OBZx3b4maEErchQk7O9jrv6t7O6ic=\r\n=W0ow\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.01da0cabb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.01da0cabb.0_1668589947755_0.9959136643430175","host":"s3://npm-registry-packages"}},"15.0.0-canary.4ac393164.0":{"name":"@material/rtl","version":"15.0.0-canary.4ac393164.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"59e9b72ce0c2a6598a74814822a519ebcfa015a0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.4ac393164.0.tgz","fileCount":16,"integrity":"sha512-KtEGohLXZaFYMltWLR+BBKo8iOLBeTFVVYYzF5yr5/acuqDSa81PPk16TyxILP4M20rnXfx8UDuN2uvyd5m4Ow==","signatures":[{"sig":"MEUCIQCSHMjqQ7zMgzIfI5pDbfWWM2xGwU2Jho2kIw7MjybqwQIgKYhoPD3mebKjU3Cybq55u6qLApbA1/sUHd/cCi8Eig4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdQxjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpFNg//UBgvErhbCWpry1uq5Tsw2ni9928jOPUnpU8xBdGsKXn9tjAW\r\nGMne6uheqUYscVWv8Spi8vLtiN2D08qXZb9jUmOtorf5LbfQljTneY/+eIir\r\nqnWXShjlQgtqMSPfdVpXFiDfjdnc/2fv/vNLRMcXQZDlk+CmTOtmhdc1nJvo\r\n3Y5wtaU+1lP+QEz5fbG+BfRHzHg1TaPtt97aVp9UV1GvrMHPW8fWvZyaQXgl\r\nKF5uJ3tsPOugyBOiqr8OHXExD66PKMWEK3Q+nEHqTjiOBy80x20cka8gG1XT\r\nPN2RTXpRISIfxO1EWJjVil0J/bVadcou8548UWcmZCG2kkGlr4WzLMDnTckx\r\nB9y7YA/j2dHaZk4beL1PDfvA+Km1E3nGX6oPbP5ZIiik3n2hju5IPNQGTbJc\r\n5MM227SieH6WvrGw6SZblTuLJDCUhApo3uKBBN5BBlVdJQjHSIuzN8a3KCsh\r\n71lbXWL5MMwy0rBVzXsSieti8LrLHF2hfs+/G9tG9Hea7J1KuWI4LInO3AVh\r\nU5cbBU33smgnBlY5miuP8Qa94M2JnbH7AidslaUHV//ggeowYA2gssbPU+gz\r\nGPGTtL5Gi2++u0FVbSpfOR2i3DXPKi+BQj5+reXYOW0QfGzNkdfLlvZCGpCD\r\n79wIVa4dqbQWlpl7bagd5prwPm7UgSluCBc=\r\n=bDMM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.4ac393164.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.4ac393164.0_1668615267523_0.6169179286071551","host":"s3://npm-registry-packages"}},"15.0.0-canary.6048fb563.0":{"name":"@material/rtl","version":"15.0.0-canary.6048fb563.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"926757e096d9c158d4405ac38b49338c9d6bd78d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.6048fb563.0.tgz","fileCount":16,"integrity":"sha512-qh+niY97u+WBrJn94yQkMQS6vQyeMs4Odo89OqpXTx9j5/m82MZ4eF9NZv3PUOI1za2/lVbL87F9DNH2XFfaJQ==","signatures":[{"sig":"MEYCIQCpzCX6ZBjPk9n9h8YrzzmssrJJd1GAltKHW4sRu/tzawIhANMUhOQx/DT8KppKK3qPSHf9nxxQg00tnZPWEQPKOrxP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdQzvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpmog//eCG7meSt8yIAem8PQkNUWUz8jPXVVSLGsV3OqqdQPiA2dSVi\r\n3iKldQInzh+XIqmpL1lDyyVt7uOkLnwIKFz5PjdswXcXOf69hS4+CYrbJyOQ\r\nziiqWl/3wrLoit/lNPlw60cbdTr9XLXscfCQZOEkKP95U9AdWu1NhFt5lg6b\r\nAeskEDmihrt5AZMX1rrEHefDnTiin0JUg9G1S5Mffvs7TCWN+TkN/438RW+W\r\nu6g6TH8bhqGLuo9Bqgz5PW9d9Xk2Wr1SlBBTy0mXjSjX6rY1MRsfCaSzJxmg\r\nmC8ze3Dzmiq4fZBemvQj5EOd5NpjjWngekXdv2bnoVgx/vrKFmWatPZCCtax\r\nN+zQjFY931LDoz7Krnph4Jr84WAyR1YzKSEvjpeYq4GIV/N7v0laYaCmJMZc\r\n0LTS2V9d6CGcdpJIcBHqM5bJ5hc/qQ2DgH/3haKhgrWDZHKeHsHDj/9/r7oi\r\npeUgpbpFWqBu2vfZQwn9x36LK9gWTPtt5mlLNtAR9aKv+6i3biAzEddGQm+L\r\nTAqxDFLSfn4syaibp0OuddQsG/y4pORe5AVFKTd2lOPNeBcoKA+mVHGaMWZY\r\nNjOwQel7/mbE+SWqq7cKQ4TdFpdUobY3XjlX8yrOa+okhLeQQdD5WhFhD5E5\r\n2xseAfc+bhzHYmHxyqDorKa/Z93oDNJWgjs=\r\n=krdd\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.6048fb563.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.6048fb563.0_1668615407503_0.8315335660264207","host":"s3://npm-registry-packages"}},"15.0.0-canary.3777b03cb.0":{"name":"@material/rtl","version":"15.0.0-canary.3777b03cb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2d0fa92b276418405b1c3af740400f0480c74c7e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.3777b03cb.0.tgz","fileCount":16,"integrity":"sha512-uYmX9QtFVPPO3IYBhPy3WOqIjy8m/Jknthp9c07qI7taRcRwKbA514JpHiMP84ydSY0s1Oo/5O+YxliZwUwl6A==","signatures":[{"sig":"MEYCIQCVKtgXwaiwhOavuzEg/7bJ773BrGjPYnhMK0ws/a5rcwIhAOVdGDU3Q/zBu81c4xzW/wKs20edjGMKGyduEe6Z1K1m","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdS6kACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLvhAApFfSk68JVMG+jCSSH/8fhf4TUJQmXZS70TDcP3Rv7IpT2UJk\r\nX2lpq2rrS7vL64JuBaLhTuZOoWxttO111n1UnMRO6PBBCs7pMnPJrbNDsEeV\r\nfLvp+QR9xHfqyspzqWywK/quhGq6bfzC0i4Vz9gwWO/9IwKlFqM7Umcg/db0\r\n8+hfdSclMpdOaCtW0sTDy73cUrF28HktPbQm3wUvwX69qzrS0cjJb7mo4VOE\r\nY5GB+dxXCdBwzIm38H1cRTwb68ZX3xV+BdIGvmI23CuQoCNRXeQdnfNkeQKg\r\na3ks7KYO0cVwIEom7Gc7HSJ0F33rpdxAnYSz2mxdkiSLLGHHAN+45SD9dI0d\r\nnL7r4/cU9OiwG3wdrHCbBWxVJNgozIJvb0pbRpeaceX2ngQ2PP58xOjzN9Rc\r\nSPWeTPfNavyOKKAoZAn54hea4KVSABvzKQWd56xDjp4s2Va8c+5mQSSlJbhS\r\n3vLqvB1hJWLYyAxDnNYb6CcqlA3yem1yabWR2uWBAjtnUwvVlCFvi1YDj0lr\r\nDElkefgKZTe0BYtrAoeOmEna/sqPulD11yGA5Olpiey7AEUiLFjc8zTBIurE\r\n3fqXhj2iqECcaB5rxK8KeXpIK8FKXCoWyl7+IR9AIv+POT9sD54ySDHoMm4B\r\nJU7ehX9RM5KZY64TxXcgqmvKzcvVObNsuBQ=\r\n=v0/k\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.3777b03cb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.3777b03cb.0_1668624035964_0.7427200457573242","host":"s3://npm-registry-packages"}},"15.0.0-canary.f7f56fff7.0":{"name":"@material/rtl","version":"15.0.0-canary.f7f56fff7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3498af607b1b3d536d7fc7fe0b9e8f7e50a40339","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.f7f56fff7.0.tgz","fileCount":16,"integrity":"sha512-c1/ApwbKl+ZEkNJQW8nJ2qCML5vFCrufhiuuMt3GSXPLJsDid+PPoCmcao27fSETaBzZtdFG/C5EiGRwdRVSuQ==","signatures":[{"sig":"MEUCIQC+pis+sDIxSPKT4Dc7CCLxCRXYTe8sOiE5kwEgvo0kfAIgAQPvKbo0RRKEzpVw9adxR9VCfxmZ/IJ4997BewFS5A4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdUAlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmooYw/+N6Zq9JtBolPa5aFOdVhREZuCexDWo1EeT6/PPtGY+xse+BuC\r\n5NyOJZu6RA43DkYTxt0oAC9wY4+2ZNjyJzAiWThOsjwGs9TwrARc/keOIW6j\r\nOKxefVK47qJlNfXD37W2HFDZdfMI0K9g3EHbmREapEk5dJPKQwa02GV/37OU\r\nVEYcz3XXk4vEMIQbLy6GyvKiTLUDEK2fhxBDVCNJLq5cFjHb94uTz8Qg6vGQ\r\nZ/WiXSDItlkuKt4O0tmJrX0YCJTNt6GS9fus/t/i7igzqPCkoVCDqxtLu6rH\r\nSmvzzmjIdOsjCxCtdQNiwhTFNrRMifiLSB4n5wV+naABAVkbg9zDm09NAwTu\r\nv+n5CbM10OswW6woOP/1TRl6UCFCfmHrw02qh3ZEzzP9O+PSBsyIXHRjKM2R\r\n6fZv8Wqprp0O4MCSzplCiiKfQmQF0FN3XndjmNputWAVlstHz6+HCmrAsd0V\r\nmubRcQeHh+d0LeGDY3WTJC2wE43obOD9CTQo5xEqrJSzJjbmc2uGY38ElkVl\r\n7bcpUcJBub3K1dykuzJzEHsn4xooR72PGW6fl62YkXR8VQfCzJEFnGIgkMFk\r\nr/735YH6WN6HLgus4moyL94gQ1bAonaVUHtWevYhCzvs+uGCOj1vcJfkr+kj\r\n7Ja23zWqwnjI1uN7VcpaKXtaJu8RbZgJTA8=\r\n=HLJp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.f7f56fff7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.f7f56fff7.0_1668628517447_0.6836588571189339","host":"s3://npm-registry-packages"}},"15.0.0-canary.7c73f6134.0":{"name":"@material/rtl","version":"15.0.0-canary.7c73f6134.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7d9069362d8fbdebb2f586a226b4636d4c844335","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.7c73f6134.0.tgz","fileCount":16,"integrity":"sha512-arYyItD5wWkK3U+1Sy9LSf5OfqasuOuqLcdGiXPR3alW+9pRVm5mX22BUJkFTx70A6C3ln5IjYDTrZVlyzF6WQ==","signatures":[{"sig":"MEUCIHuoWv+lmiNG/W3mLIJRt59QjGqcoLS6r5rhlD/DssFTAiEAvkJCZoHfk5Nc4B4vbN2jTVpGOWLtB3N9kpJTOJbzIe4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdUD9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpmoQ/5AHfbi5TB8kAQtY1CbHmYJ2IXTi2sxwaA+Oo4GVmsxDqYyFBp\r\nKRRlUhJsh85WFd89Smjhoc/w7a86EuFG4Q670azNQcyWZkNn+RxpufM30iLi\r\nh5wU4OFjF7NS5BMXiQEZrdMFT3g8nciiIb+RFNZVN2gpr1Ac2OvOcJHFpXLo\r\n6EvyQ1cjYM2OVbsdDR3oH6HyRKxDoTzfdGWiyCQthmapw+quxmaXqN6N4PFR\r\n535JaSgsd512hqlsFuIA0cmE4awBPUT4Pl0QC7psGwNjXhjAZgH0cZJ2TZhs\r\nvX0q/SvnJOZmFFNmVGrrsTVerutwXRK6rShmLINhyINKfRPuoD+J/d6gW2Gz\r\nyWmk8Dckln8Fq0B5T5p0WX3+4ntvUR/bS0/uYmDo4bUZvxuoWtkNkq0ZlkXH\r\nA/g9WtESBhwungUMHEs0uiDCw26Wq85+snTI+ajCqz+kt12oloM6YsMhb4pW\r\n+lpi3b4h5W1QXgYf5+9askT5r1tUeFT3qK7j9DEs5DJgv7yPzMnCzsOoAWL4\r\nGz7zXQZ7rXsSF8L5P82Xft8c3F+wUoPXRimuQV5LBmD4kq77kB9Pysyp/Rda\r\nwOg3/iNqaOs6CD4xjUxU5jFHu1kDbOwaxkGmh62MytIbKT1ZS4T/vjF7rh3z\r\nX7EkE6uH9vD1sSRU2SDpnCkqqonxIZoOgH4=\r\n=4+TN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.7c73f6134.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.7c73f6134.0_1668628733639_0.928704757397856","host":"s3://npm-registry-packages"}},"15.0.0-canary.f1e037150.0":{"name":"@material/rtl","version":"15.0.0-canary.f1e037150.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ebcacbcbcc44b902d7f271a92fc9747105da9f18","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.f1e037150.0.tgz","fileCount":16,"integrity":"sha512-I6+8EwxKPCENwOvTGe35uSYWL6lLpnok6xeKFf0uJE5oUWD0GF3uI2XHEa69D3MltI67MYTTXkC6DUK79uevrw==","signatures":[{"sig":"MEUCIGgJvhFaUfm0bhIgbyzg4JmBZvL1ORD65DzDadY+3Yu+AiEAxQNGFAaq1hsiGRp32KIBUr6WYGOSbCrVZNbxmBdagyc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdUJHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr2pQ/+MC92caLe/D41pL0KGHnBegaQIonk/h0weYnQPqVlNk4zz6QX\r\nyMo1fv0lc+SaKL4I9hsBZytrkeoyjcG9ZDg+x+S/GmEiVF+c11nJEuK1Uil0\r\n0LGWu9/ImN0QHj/LRkNTo9b5Edfkxs0D0UEWdfTy4nlXj7GIOdnlVwoocexJ\r\no2v3UgLkWCs176d2RbI99KvyoCtQ2kQ3NEVZc6hoaO+Iiir6aKH/btbToQt1\r\nyMW88n9n/TEynyr53R/BE7INcwUlKRiAF+04S/jr25i1BemooJQ7jY2GDbOl\r\nX9O6HUu8KDb3JiIiiZhzm5JE1kiPVkIDFngYPjDhHMFWw/aBlKs2sLNHbDOS\r\nT/oY0FoMoESOWDEz2/iHlSCAxdmIcQ112eymjEMX0EGy4U4bjNToAT6MjbiO\r\nxyUQTSPyarh8sn5zTLQbcgXn92Hp1QIdhTAEz6R7y62GR80cEKBIVxuDWGHH\r\nwWh/iWPQ0kSE3QCUTCi3t1qn3Y8e6a0IIv1ZKyWLAxT8C6IBbyUVLVgpkW2y\r\nToqqO7W4XXEnBFL6kiEPu6fU+V4Lg4M028s5Q1whRSKvTpPtHlHvM28tOBWd\r\njfbGOlMOgFnaPEUBvsAz+YXwmnnkDyy/fDFMNZLDdrKb7444jYbJkfBSIA9x\r\nrQ8pF7BA5YgyLXOkl0ZkOGQ8VPUeGVUOd9M=\r\n=ZnGf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.f1e037150.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.f1e037150.0_1668629063256_0.6958839506180712","host":"s3://npm-registry-packages"}},"15.0.0-canary.40b18d043.0":{"name":"@material/rtl","version":"15.0.0-canary.40b18d043.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6ff3b9e67ee6df25e6b5080da476711645e75edb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.40b18d043.0.tgz","fileCount":16,"integrity":"sha512-dmSi27hmrnwi9WiVYaCyzZWkE+L9oUzhg0XgeXnHeXratA6jCJwxV2rN4eKUqTn6SxWHcTpb6aywfrnl6DCE3g==","signatures":[{"sig":"MEUCIExWHZk70p8VaZkeP8OJv8HiY3lGCyZKeUpJI5npBmEgAiEA9+XQDNUluQavTsV8+MEvZTkSv2DafjxSVnIMdo0MxMA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdWr9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmryFBAAjG8pYCPfCUZ9gB7BsH3TMmtf89KiqUafPxe9pH0A9wHefhBW\r\nn5A3c+mk9Hk/iFsveiucwPVoEoo5PyfG16i3gfp1Nv45x5h9OJoomqMO6YAp\r\nXTJsSU/XVeURQMUuGGhwHktk46vZfI6ngpqPa9WVS3/IKxgctBkrgLCknoUc\r\n4MAhIOWiY3mnQjWV1QbEjK27yDnzQKqoEMeSufwdrRPR4vuJXHG4yFMMeniG\r\nCQEBFZ04Gylhl4OJzqEmargkL9elYtGq2nRCoHd2sVYs0Iv5yN066VldMdrw\r\noIlWp+V98m9j3FxE9hU0RqOc22qvtSopssHbO+Hrj1jTOM3wd0F5jaYv06tK\r\neof7tts+g4Wz3GCgdxCboD5QQSz9OUrmhAyQ5hv0zSFmzcDuBctckwwgofmq\r\nd7v0UAX4Cne/JEVmjK3IV73IkB36ukigKo323J3Vw9nT8b9AyP4+R5fydJws\r\ngdJeaaQv6u2ZSRvxlxbdr5HxZsDYPizAxfIM3xpIK5J6XegpLvtydr+l8FaU\r\n8rWKROwhO5UvzNZPln5N7/vXDrXmjc5DR/nKIR4nAx+hqyri2x2kT7BR1OLm\r\ntpnYwVjGr8+gfjvolSG31K6yldSnwY7uyuIC5Dlmfj3jRoT4P/xLEwFsOI1G\r\n7Hx1iKhw6HqTruiBWHWeb8m/5pk+iEPuHls=\r\n=vpgy\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.40b18d043.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.40b18d043.0_1668639485083_0.3613377745992976","host":"s3://npm-registry-packages"}},"15.0.0-canary.86bde5c06.0":{"name":"@material/rtl","version":"15.0.0-canary.86bde5c06.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2acb1e025a12f65b785008d766af018aca5610d2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.86bde5c06.0.tgz","fileCount":16,"integrity":"sha512-5mOjHz17Ct/TdhUDIGDSk4FnI2fYPyZ4p1/qqIX3ztK51XR7iT4pJAuQkJjnvRSideSjg/bRbp+nc2J8a/bTCA==","signatures":[{"sig":"MEYCIQDpttVAsb6yMg+/cW9FDca38vWQ4+pvmMJVvsHohZkF8QIhANZmwZhQWnrHG+bqD6vG0CiBtB5cftdiaQijz1VqPkQO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdW1gACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqs2g/+KJHbdWUn07EdGWHDxSkwv9/B3hzz1foPr9nzLzthV0uNkENc\r\nQ4S/24XPw1Su9e4vlhZE6flzkXqrLjj6MVY7PhxXRWI1zUbcZIAQFThpToBN\r\nfQ3Lgeq3nuRr3tiDQCk76mcD/JGMnPhnNdgYWWL+17QRe+e80F3nGEhVsSBW\r\n/ZEuJNjn5Zfn5LSRhnrCI+X3uKNWNc0FfYeagd4cAhcZMzXYjjnd8kY2chBy\r\n3PROOHw0gNlBDMrqOCyjMJCuEovPSgYmsTxfq/AxwkLNXdYc7NkurtEkwZoM\r\nK4KxwxNoILdEUoK+VSgBMUM3k4UzHLVb/u+lOQ7CeWr08xwaNusOdm/s+0Br\r\nEHvJPbf21bpitgA6teaQnib1rU14alayorPuo3k97aJ3fQmUcG5uB68DkmKQ\r\n/2pYbs/n4tuF81cxxLE/HpXPpOVVjLG7YTU1IacEJxutFs/axNeqSbzdYpVx\r\nYZWzxeP2NLc5QMdYNtjESKKAWP2ohl+SULzeryVYUUPSO5b+XcVmWiiWGji4\r\nYRE2+3y7ppF23pV/N3wSd5u30q42EOu0Dk+vXBt7iNW0wtY7KtfuX4Wgo4lD\r\nH+VSLNtGJstbXPjTBmG56W0DQcXPtmZ1uyVEMpWnzJuCPmKpFp0WvtRtwGhs\r\nLPQaLTpUUUFz+r7QI1gLLA/YreaO4bd73Z8=\r\n=1H1+\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.86bde5c06.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.86bde5c06.0_1668640096457_0.6571665598982672","host":"s3://npm-registry-packages"}},"15.0.0-canary.bb7751002.0":{"name":"@material/rtl","version":"15.0.0-canary.bb7751002.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"30ef5b4b56820e62c081b0624c4407522439b113","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.bb7751002.0.tgz","fileCount":16,"integrity":"sha512-y7aipCIxqh7JAxfl8nxlmLgL/yEtR1CqY41oU1m7LlkVPU6SK7tV6XZ+L1EV8ulPZOdtLGvBR0qb3YBJ9rjWyQ==","signatures":[{"sig":"MEQCICIJ+4HRv2uNaAt44A8kvJpaTHXsu/mKdB/MJLoacgwTAiARsLT+vPcxQOW532mDWLglqpaQWHVblIlsU1xPS9XUpg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdXldACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+WA/8D/NmKVlIbtc0AXD664ud5k3BZMfBNJs8BJcX7q3RGNKXkMG1\r\nrq7gT8+Y9kz3JBvN7g/f4ANNeBTrLO/u4wUV2xQttS9CKczEv7JX+E4nc29F\r\n8HjSGX8o7q3/B/MPgB+/9oUqXt6IGS5GlkAPssN5NsLL1j0Rk06pKArLll5f\r\n03tKcvRX+3UlNrkINpv5KnLL2h1uFgY70FGXiVL71LBFiWNDHbg+D+KMIIE7\r\nv2WWRSxwQJ0SG+OXI7ox7pKL1Mzc17GId8Cf2oqY4HLdJQwWQKCEFJ+fyxv1\r\nuEcj9BWRGJaFuWWxtUYJ/UQUlTzCenOz5CE6bhcZFN6Ioa4ITyS9vFstiYn0\r\nc0xuYB4Y3VTXccn9kXma6jg/WmSTrNEd0i7p4RegauLVKpAdp6G1d8FvL9pX\r\n2fgnmcLjVSY/hvwX9pPwGDSzm6jK9b4IZbmuC/MuelOgN9BPOeWIXWAuzDbF\r\n0uUKLNr+fNk1SZVccAw7ia0owm1T2i81xPeUAGb6IZcCcVQk62zxHzs4Zd0O\r\n65l2YX2+ezABXKTC3DodYHAjMf8lGNb8xWt6XzdP14a9BM2KNclIAqJog/ua\r\n9y/FGIjyuPnU9IKQp5ZpjECoDrVxtSTT5NwwMnceD5D4oN7eQXVXJx9rDTBS\r\nvA1aNfqY4aBWoWzG5H24cHRcVfdpkqimfPE=\r\n=i459\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.bb7751002.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.bb7751002.0_1668643165692_0.3696968424256635","host":"s3://npm-registry-packages"}},"15.0.0-canary.63aca9af6.0":{"name":"@material/rtl","version":"15.0.0-canary.63aca9af6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"77d4ffe397b5b204b6f8df80f1958844b3eea05d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.63aca9af6.0.tgz","fileCount":16,"integrity":"sha512-kK/yk6T7Jgt7s+lqt6M3Stoyh+WFbz5nthAiVKfKBk+BGj6BDorciumTLxMHVqBZkjl0C9cBjJlklFEdP8jJSg==","signatures":[{"sig":"MEUCIQCQdXVXBvI1391FduoTzscvaDlildooAlBiyU8oLfcjYgIgBJOBO7sgpSTszJ4nRyczdjr+gly/tqZh1iOQBWbUCNo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdoTRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqTGA/+PKjRU9jwz63V5xG5cMbxGM4HwWnOVwZwJgz5si7vkHR34upP\r\n/oJ/e+158chi66vNQ5AU/uwGJujv46JwQlSxYNdmal8v1I+5eefYmcDhXmCw\r\nO7Epa6eM+8/c5jr1b9yp+htrpfI7OIqG+yiyNuO0YOIfOXZkWji/QCJk2mpH\r\n0iZwlTKdV98ZOX++eh6WfisDM8BZGdM8YzG5eQMtlGE57i6pghnnfZSK7Cxz\r\ne8EQWeK4r51rbvfKcYGCseOekMdC81ecnqsdkaGwGx1NBqj9iHes+4eIEFKK\r\niDomSMmPeDlX4calz3qH/jy6uqEk1azmSm1RDRLPiktNYpS921h7llIsskix\r\n9UY43qKLZfYdPBViplhFT6PJcVH8PcosVQY60vsVD+GqqQNrn0VUMJ+ascsB\r\nfcICVHD1r44v/AgDx5kAfWxug2lMfScr/Dyv9S5eF55fCBRvsD5voGa4WJ5w\r\n3Ce+sh6LCClylKLUCRxzGLnAQ28uOtEMcpI7PdmRHiO7bDNDJwRvDJQ+UTYa\r\nSNiv81A6DgYAgkEUiOAcVF2R7pBVTeX4eJAiHpTau5SHdbIAgRf2XrZUnGkG\r\nuv5Klyx5zYQHdMkvxxflzMwSlXp3XJ+ZChNSg+rcpPsyWnuMIKXr6Ri/1b2j\r\npsQAFdwFD8PNsTI8wNaPBuUuKsbhi6ZVGgI=\r\n=oAJz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.63aca9af6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.63aca9af6.0_1668711633066_0.8470135700901789","host":"s3://npm-registry-packages"}},"15.0.0-canary.56482dc2e.0":{"name":"@material/rtl","version":"15.0.0-canary.56482dc2e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4ce24358cc9c35da89b17c9d17b5cb8fa2dcf2a4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.56482dc2e.0.tgz","fileCount":16,"integrity":"sha512-eeNOmkuhvo6jEvwZdzyR+3N1hucXdzlq17gS35w70k80Dx2bsAuBiGCTwnZwYj6oEPg/84LjqVu80JfFfPtHZA==","signatures":[{"sig":"MEQCIEnZlcbQLyHQj5vqGgwM34MfAM22wdGHdvSi25qVwEBqAiAEwukmBg00PeRLZzpCAx+8kR5+Wm889Go4d0fILhrWjw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdq2ZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpauw/9GFL75/N1qdiKO54djRK4j+Bo3UvGWx66+J3AYH8yy2vbJxY8\r\nkBUpBT9DD92TurEFiQomVn8r85tGdkFpj7G9GwasGW/ub47S1wdL6L7X0i7g\r\nAON4XqMKbu4uy22ycBjXvXlJ0qmNtX05YNk4SJcwVAwAilbuK6qIEHa116Ng\r\nUDrv6i9KP3Nu2bO5Pvrsixn5W2EuOMSuJyx9ruK9XFUSrXLj1M0yfxo7xV3x\r\nZjr+th7qH++K1YuNeIzLS0f2CAh17DprIj/0ORLBnhlX/xIKleH6Cd/cCp5e\r\n6y4r4+f9Wmz9Ke2U0QP9LveqZbAx8vsGS202cRoIIBtpTXH/5tJNPTSZa5PZ\r\nsRrauHEEMiqKnxthx2uHCQt3EiQryJPCIw0VbRCfWmJqz8WYvmqkTnNWbMOW\r\nKQrnYfRYYnEX+sumgPtO4cAGZbbeI35bc61HllLxTRpT96o0yN3c8j8mBD0D\r\nwffctpBmyZbyY20r5e6C1dJji8PKT5fE6aSKHVvh3PWHHiERbTgS69YQUkdS\r\n++5hx/ILh+o23/nzC8PzMjA5pcfnHCC2V4MQDUfwBf9dhbEFuRfQwfSJZOm5\r\nQ8T68mu5cF25Kt6Uh4gzkUTXebsp/0zJOBfiR/2LAf80/JtPrmFg8dczylHi\r\nlGI0lY1nF9N5x4A5EpBZTZk7EtRcRP+MyiQ=\r\n=FwU1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.56482dc2e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.56482dc2e.0_1668722073373_0.08990658442182342","host":"s3://npm-registry-packages"}},"15.0.0-canary.953e689f3.0":{"name":"@material/rtl","version":"15.0.0-canary.953e689f3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5bcd7daa7aa62dd47a8f505d9b58a85dad00a70c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.953e689f3.0.tgz","fileCount":16,"integrity":"sha512-Ef9QKLDwIYvP4jFwSswZHx4ExPVsIF2/uQoJ6bzuk8+Q2oa4cv9fwECX+QiLIYm9t3rKHbAGYbNyvfRfNHEjKQ==","signatures":[{"sig":"MEQCIAev+ncKiwQfgb6zBELVFo85fXhHjIawlAcjmoWfsrBBAiA2G3AwfOO+reSEHfRUgsZzoehzAF2zh2Xyywj5PECH4w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdq/RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq/BBAAmYsxSaKN0tOtnfDWDRsImmHFhOuQAcPFSND8y7dZQW7PjnsB\r\neVEpXVMa5yIhoPxFC7mc1w/qxQy5A5zBslwr+00H7mWgKYKBsaz6shyWXRkk\r\n6oM8EIF9hKUTgd3dScb9N/M61p9HCXNdGrEHwe6r76kOJ20aesVFAvzt+fJo\r\ng75QH+HUKN4hgW5sSJrC3B0Gm8O34Up0VKGZh4HhbFl1l51tmQmOn06X1m93\r\nu0fyYVMZfk+d7zHV0ruGt9NMsHjEDxDO0jHhRLGpJO0JVb+sRtc0pHUpZHrG\r\nrSCIAmEXQyEq6GfEFHmuoFiYb7wFOOHCqwkcVGuctTtIAcWUROA5AR33oPMk\r\nmyxA+j/1O9OkG/Av59C8Xrp/uL0Uv9bC1dm3OJoCBRmpLbnZQklCFjRhhrSe\r\nxT4vsI6Bm5+NWDBvIqZKD+xi9rRul6h20GHPy8ST+kASxqMcrvN4ZKc0PEZx\r\nBf4pLUpXVHyGWjCyb6FMoY/7bIESpWDl3WlZlxm6DM4XJW+SvYwHsroMClM0\r\n/QY4qR6Y4z8yJsV02lC/Qpao9rtZMrhNQgLVm7rketnVbXNdCQBZ9YaaCV8l\r\n7ibklCh/9GYn78L+2AL01hRRPSr2DB7rz1lsTX913uWBxOLW6VegX2JioZax\r\nL+CjNVguMTAR2bEeF8+Si3Fu0LQX8NuigdA=\r\n=aVgg\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.953e689f3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.953e689f3.0_1668722641399_0.4259875676695015","host":"s3://npm-registry-packages"}},"15.0.0-canary.b5606a793.0":{"name":"@material/rtl","version":"15.0.0-canary.b5606a793.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"21e021d6395e826332643fc5bcccaf34366fcd5d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.b5606a793.0.tgz","fileCount":16,"integrity":"sha512-7+hf9enqR651u2idURGNv8/mHkBtw+8bZ3wn/jf3KNwHIbkjHlMpVQ/NOOLN6dZLt+RFekhUaLfGq8/R+27Fjw==","signatures":[{"sig":"MEYCIQDfubxvQgjw8ohxnNcTdJ583YvUo+VlvSvbWSenEq/CSwIhAJ8ANLJ9xMaHdbQv2LFnn8FwdxMFSr22XPbQpE60xnMX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjd1xoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp7ZQ//cFVupoTGWQLccZanNmKiRkd4Bs80ddLQNg3mEMiGHXWRqd3T\r\nWYNN0GRwr8Ph29hDgUu5TLcL47LWc7GAer63UrGBTbMzRnYJvAm/9wzhtVNM\r\nKtM5jSSnx00CrpFYHoL+dGwFepXmU88/+MdgknYyVRXnjf++QBAZPhqMlLWa\r\nfluOeH+pt5i34SyEuUi1hTWWCZI4O6V575efx5iXUIK0qoQmVIzIrEyijuxv\r\nazWB3Ny8DaIrI+AMzsLHOH38zqcPjCOe8njKv/+nnnE9qat9t2kceSd8faFr\r\n3ySyfWEkTgpZPgRg1RD9kL8qVBfwNIZdztSrxAuqkgiHvbhUmSvPW85ROFY3\r\neaaFwBvml23Yr5/+28T5bmNlwd2JnlX5IIdYk1TK/cI9zveU+D3rjlucVGVz\r\nTEjhkEWGQD4GbzG3TQ0KWTQSH7P46B4ndkJRdxKAfsDnT1/KJhLJTGK1zuLK\r\nxPYtEhUEldN0lWr4nK5H56NN3xgxncMwhKvqxdy81ro6erLAiEofS3NDOoRI\r\n0zRunnfOR+37e2QFy+/s0nZ67tkW7FhOgjAtJLIPvlbXI8rUi3xM7pwmiOY+\r\nDlKhycGJFOCtLyG0BrD41ojl/Z++V8foSomTIbx8Ls3xkspR2qBkjYEsVWKQ\r\nJOlhC0F9RSh+7sCUMADOw2CnnrYf3wvHCj4=\r\n=hcp2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.b5606a793.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.b5606a793.0_1668766824250_0.6952069048552658","host":"s3://npm-registry-packages"}},"15.0.0-canary.8c5675942.0":{"name":"@material/rtl","version":"15.0.0-canary.8c5675942.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d87e414dc1b6522b3597e2c016e76aee93005f80","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.8c5675942.0.tgz","fileCount":16,"integrity":"sha512-4AWD5lg/G6qm+KV+cjTFORFZsA/SBUV20g5kgO7Kfso15zzm7PbeGMMGkM9gH6l6T+dmM+hRqsmtxEITYOeGTg==","signatures":[{"sig":"MEUCIAp3voMqn9yc0Ug3WR9IC4nBwvKdK6R8SsTdGOKog527AiEA63iO6QYDsBuSMhuJBmKWOHPmL5xz3OaupPimIHbZdzU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjd6GSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmofGA/8D5BFxoOSCjvFOLt3YzNrb0Ww5H/hkqVYmgC6GPIocxLuQjZ8\r\naUXEVKMvrEr09EBzKFtcSKt+78MqmRikc1ro1klvPk8eNvJ3cfAwks0+0gAe\r\n98f87v1wj2DK6KiZ+vr2kNhsZrlYJuOlBephQpXK80NAsyoIBzgSUu++zSz0\r\nG1vho5TA0OnnJ2SHFTs/O63buLPPPRVYXfnlfw8FZa0dcmB8N2+DPuv9k7ew\r\nCfmIjuJJhb/ChXpk20rzdhUHML+WpZeIOhYoCWM77VKe41u0EzQc+tpcNS4l\r\nZco6NXp5YNnFywc6TAei/AP9PtENNgyYqLXOmxi6TA6qu+MyG4JqpKTYXo0/\r\n451phrPWF6U+T9kbqctXpC7s4kDUl3BZXuUOwc6/SHYSkAfJg1uoWNGOHdij\r\n/3TRKtboPcAhOSGHlkbOH+2udKjMAocc3J5a8NBuUp418gLGYcBZF7bXN3ct\r\nUVtUmeF5OQbwWcShbOAIOY5bXdptsryYqptLu4mTUmRhohn1BGbZVcDZPqgr\r\n+rEEJBo1xJ9IUdc128+m2tBnvdsd4eAS2cSuAg8qcahjdDdb/LD1lsGX6uER\r\nCDrkOR/NfIekb7apBK6I5oHYbXbrbcqLRqVKMu+LqOJCNW/UWFTqgYz8zlgN\r\nVz3p7HNXr6CkmLuERZq2rDH/Oyf+4M+aHng=\r\n=4Xll\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.8c5675942.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.8c5675942.0_1668784530138_0.27090668598276557","host":"s3://npm-registry-packages"}},"15.0.0-canary.697fbdebd.0":{"name":"@material/rtl","version":"15.0.0-canary.697fbdebd.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"61fa9354f83492d11d45042a1363b247488cf77d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.697fbdebd.0.tgz","fileCount":16,"integrity":"sha512-2Ah2h1Qz68q2oZBRhNMluQ2gQ7f2Unp1irOopGLhbpBP8FWUuTIcZwLfKtMgJMMr05YYxNvj4rp8k3OnUdGXRA==","signatures":[{"sig":"MEYCIQD5cHjxO2O7F7SCyuiZtbJdq/qcZTpVr6JnW7WfSgbDvwIhAPUKtqfLeAF9h2nHXa15KvHBcktDLSlJ2SFcW5VJPxjB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjd7oLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr1NBAAhLQSFPP5gR5bMrZU0gxgglz+F9RLzqFF+gButgKFYsGGPvk1\r\nkJ9wsz4szOSI799w6uApy7cV0e1dN0wNy+gjC1kOKw1sQkrpVgUEed4s3Stq\r\nftqcR7un7d0JHj/dvAB+Cat2ikvoTdWf63Eh9EK7WLZCuqbEUmmzjNXVf6tU\r\nkFRnmw4ogD2i6zXSrqe0nFv206j3nvF/EN+t1cUc84g5nxjO19NkdgBYObj+\r\nKLfglkHUFR/ELCiVuNz9vVo5BBlkF/twV9zhd+xr5Lq4wIEIjKAUrDwrXEjV\r\nLzIElniKwZHyaHKlsx0NVr/grfpm7tqiRzsnDJHTo9DbvOjF8RNVWDqIR9TZ\r\nQ4d2bnm6k3xRmFWUAk12tUb/qtnfCr1XxWOu16TwwfYQbATgC0L+SBI3s3/a\r\naM0nADaV8/a0zjBh2/sKvmAvH/k/gkn99jgdx4P/+fcVWbG9+iiVNWLXMBb5\r\nW4SL6PvWJ2lUcPWKpHtA6tKCwbpWyEtyYJmA0HzZUsktibPum5i4b6Ifu6PU\r\nxHe7qmE9+7XUzIqwnZX8IsOmKGjeASc+58Cz5bvCphXZKEahYrZXe0c08sS/\r\neBs9FwLML0LIKRLFYkTB3b4lddIkookFvJdf+Q1fp9xMAr43wFMc1tchUuuU\r\n85pm75Cce3j6j/ipg5YdTNIzTF1NK3ANAyA=\r\n=2H7f\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.697fbdebd.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.697fbdebd.0_1668790795263_0.1137073951111165","host":"s3://npm-registry-packages"}},"15.0.0-canary.d58410453.0":{"name":"@material/rtl","version":"15.0.0-canary.d58410453.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d3bbee9d7fac02a2e033c77182fdb2187261427d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.d58410453.0.tgz","fileCount":16,"integrity":"sha512-CfHJs3yO8pi7vDDnvffcin2uIDGGqPpPituP5pdUMav63lWUpZPOj132K5IBl8rtSkIlW7x/5l4hvkDZOwLTiQ==","signatures":[{"sig":"MEQCIAIFEvlUo/kwUrConHRcjm8pOBD3KAdaH1W+PVOJdYjiAiBo6Pfp2qEyM0bqbQa6BZ/gZuwzE0i9hhSpd/eCUmW9dg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjd9vhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpIbg//RHH0fxhfa+eZmvkuMbF1zoOuXyxgiU9Q7L3UPKN2M3mHH/rQ\r\nSQWSZb79Qe2LsBHWAMtT5Ys4b4uj+roHIqJuvLH+m9E5XsePQLd6J1SpknNI\r\ni/xxPCoN2cG3bquxFt0xhqIGyUoQHYxF0HxXcrWAzLzfWf75/d7WGmklqcD7\r\neKm0sJFfFtRcsoMCxCq4E6ncLXDvQ2rdnrqBTXHX78Mq+XJ20HfpZVYubYGg\r\nYesReOW2e5nvDdpiBqRBO8qVVEoH8uCMeqJfu2hXnlAJ/iQV7FCWEteFOm5K\r\nQu7/kTOcJWLEBK5g6WYZbeW0vFYRdN6w3Vlzip3WMg+Y4WhXv0lFSSf1quUj\r\n54RdY77s2NNHQ0Rn97cyIxTbmGzE17TQt9/6fb6/9BH0XJwQeR3KbdQqqBFw\r\nSaGJnhrQ7N7bdgBE9SJ2DJ3NpBVt8lcPvPxUjYRJtKQcynIRVMDZRBNaz1RN\r\ntomTBcfH8FgH/YTowzG22F3qhQPD5tTtA8kKYR8tUzxvGJZolhX7D5Hy8Nng\r\n3uIuzSmG6ye5JhN4lZOpew06LanhUpDsJP+RmZQ7IuH/auZkPxtCjnZnpG9M\r\n5eR7UVi1M79/KCh6d75c4UEi94g8+fMVvYeNZ6vRMon8LuEI5PP61KvGXDYa\r\nHV37nmktIL7vK+C+mZIsIWTVuYma1lD2RGA=\r\n=qe74\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.d58410453.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.d58410453.0_1668799457680_0.7653574860724264","host":"s3://npm-registry-packages"}},"15.0.0-canary.7971d6ad5.0":{"name":"@material/rtl","version":"15.0.0-canary.7971d6ad5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3dfecf466d64bf99e525416f110610966714ffeb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.7971d6ad5.0.tgz","fileCount":16,"integrity":"sha512-G02MQTQxHPhNlAIoOToCalxSba48VZ+CdrqkWr53eBb/P1I6Do0drMElqNmO5CYS5G/8AEScXmfJ0xSq92ABew==","signatures":[{"sig":"MEYCIQDbSc0zUhe6lvy8ktjCq3J1VVtVDoKkoibslSbpGnn+UwIhAMBVfXBbJCbs2XFk5nhEUAMRe/+MrSXvRwggTQt8wD1N","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjeJdyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrfuQ/9F2s4xj17ohdHxNZyA05gJUUNDcSlqBDvCElw8w6+zHjZ0el1\r\n1cr1IkOM+mKEWCe2+uJwX4ABvIyA9KXTAFgpS63HY8HYK5yqYeuE2BNbegZw\r\nr5oqog0rJKZhe+oEDDJmScqpNQneAZT3zuCzbvIqjAhRV3tmSwXfOlTM+r32\r\nZP31Mjrnw2e0cEG+fNmQ4dvXFHrLnlQWXshjg8qpzsXAJEAYR+AxXQrj4VvW\r\nBlpfSmHFVR21d4hXNMBtiou3twKvOjVUokcuzUb6pxJW1ws64JHeMj3c8FsD\r\n6BuFf5BaPUNqQkomVHaPTAuQ3K7ZKJ53jN9QEmliXwwygRJBtosbdLBujh90\r\nFiaXp6r+7BxWT6WNFHRkLpAWCWKYNgS+18pu/LxXv8vKyAVULKhX3pso0+WF\r\nOkB42LB0It0DnEOMKpeviPU9vJOmJfY7S31WEH0lYEY0up6QFHdsRnibM1UK\r\nM4LaWVpCt/h9BOydjuPxVc7OJIZH/eTrELtkHo1RLb4qa0zvSaq8F3P0vrfw\r\nxAXxuZNTeSSOwGxfkMvb8BT4/gs+A19UGZs03pV1Pb8mTxcfED3xHkuye/Ay\r\n/6kwsIAehZDb7IHPJIyXyLpqYZXyXVoEgn9g20RM3KDhO9g2coSDnaVcLN1b\r\ngZCJ4EhFifyRSCpvAkXmZHys1VM9d2d0F8k=\r\n=Oud8\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.7971d6ad5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.7971d6ad5.0_1668847474796_0.3783868552218359","host":"s3://npm-registry-packages"}},"15.0.0-canary.a0ae73b0e.0":{"name":"@material/rtl","version":"15.0.0-canary.a0ae73b0e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"34f99d40e14d966ac8e1666acd22b579c6c9051c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a0ae73b0e.0.tgz","fileCount":16,"integrity":"sha512-7oBBXqMi/kTNNaU0usRRIp5SS8dks8qotozgQAVOd0qn23jebf9vq3BM8RrTAq59XfEgeJGzeF3KrbHg2IhEbg==","signatures":[{"sig":"MEUCIQDVr4mnCysHyofZA9FAif1HfegNHoxzZWdIi8wHGDSZPwIgXGl1F864dF2//nAaGYSWycUPApxQ/zTkZsmRbSBIDFo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJje1iQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqyOg//Z7j7FUDsZy8DUGFXNKx9JLqP9N2qD2biKTRnSvqw3erGc02t\r\nXQN3tiYPaXDlEmQrPuOh+msqhtyZekgGYmOXUyl5xURvfIab4VyzIyOxm642\r\nQrl5o7dxjhV2AHoNZUzB5H7Z/0GLcWgjsAF2JRz24wwV+sIB3sr8MMQP18Iy\r\n96c8hR2J1VkkJLA9CfGxnv8kjIFFqgcykwgIoEAPEY58ZrCQ/yyO8DWUDp1N\r\nrFRM7miLW51aVG4kky0F7paWpZR7sV/RVh3qUwSXmfgcqxwpM9O9SMDY/RKt\r\nEFc92Yn7RNaFysNoLk/oVu/QU/z7k8x2tIyVwy0qY/QK8ZxsmkJhAVdGfTcb\r\nR26RL6NCw5Ma9R0E25IBC1uCAkf74WH+x2USjNoCxW3kLymrR46tm5d6xGxU\r\nAm/8B7s7t0+dmtQ3cg7OxbdlEn0lYFzFh28FOhAxsPJ4AaximdIbeY+ICTBc\r\nWS7wiZLtq7MqmrydOw6YeH+tug+hDXc8pZOr5cJRb340E0M+qZIBJfQm2UuA\r\nboxwHLYmiYQgotHbBm49K5uaWP5E7LjSMIwFyzbKVB57C2mjghC4h4BtICsc\r\nH/Z0hkgiVWNwCa9gjpT01pZ6GIlYDxffr5oVQk+p27NrMhCLELFMqlQYimlw\r\nEfytv0gcH5BNZvbyYzY3bdQQcGXDgioyo1Q=\r\n=UbYf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a0ae73b0e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a0ae73b0e.0_1669027983987_0.7558495615665699","host":"s3://npm-registry-packages"}},"15.0.0-canary.96f472604.0":{"name":"@material/rtl","version":"15.0.0-canary.96f472604.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"353a44b36b59f21652b73450b563760262c19b93","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.96f472604.0.tgz","fileCount":16,"integrity":"sha512-1g6FFNszSrEivq1FTVLEDHkUNzBv4yetI8LeBzVzcjTjUXmqymCZ9xK/lHYS9Erz0ptMNaFdJCgJSELjZZ0z/g==","signatures":[{"sig":"MEUCICm5baqKxhXhP4rbb+s/Y4EpjNLeTBI6uZQhKH85CjwSAiEAgNz0jGhOi06+8X3NS6ZTjl2xdlmETpYNySgJQjkFcOk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJje3RwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHPg/9FUvPTGm7lCkL29K6v6EURBKPhkvwj1gmMXxrqSz4css92aJL\r\nISbTHQTO/XDszUaJM6uMTTxXAUL74FGXizX7iAUS0iW+DhkddQTQAUE/oy1r\r\nWhafiFaeyu9VCpFzvJzoFI6k1kQmcc4/Mm+1PqvM4vpyaweYvNqhHgunsNsI\r\nMYHj2QwUn2LK09jYYNsHPNKOQWs19cwdIi6dYUlko0qqzpE62gkPOPQ/IMbi\r\nvHAiwuO26/Tgtwe4cZuZixYWpnbYdXDZASdlkNM+09t4BrpEGG0u0WNogmVY\r\n/HBcvbUGEkx67Uyc/CYzU6evd3BdjWwW/kDw5sMPL8UjcJCcpKCYTNMop53J\r\na5riCrgCfCcPTr7+RAiJsZ+7slPJiaUN1SDpCQ5YbQ4wrXcPFStmbwFW5TtS\r\niLHw6KxeoNpYjrXXVMLLKv7qn6HQv3v5RaNlKuWv55kRUydQHf0Bk+hMP0B6\r\n5V0YIN07FOeAYlzvhBoMIBAM+UnykfibUevWrjW6GAWarqcYMtDIpfwSUFz4\r\ngHsWeD+jPwJUJljaorQvWG/jkJokTQfMXdtCCG75KyFEl5C48uT8DZVwm4WR\r\n9hnm63kKatwZYewPDBmk0HcPKWQ/+8eGUPp/K3wFm9zoLQqZgiPlTd+nMGJm\r\n9B7AzRycukbNe+rJfmZ/zt+cIaLDPUIhycA=\r\n=ucfM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.96f472604.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.96f472604.0_1669035119887_0.19837332869792323","host":"s3://npm-registry-packages"}},"15.0.0-canary.18b8f31e1.0":{"name":"@material/rtl","version":"15.0.0-canary.18b8f31e1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"abd7f516be975f200b25f2592243898d5bd51782","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.18b8f31e1.0.tgz","fileCount":16,"integrity":"sha512-023AG++cQENNRqStGSogxAH695F5QSoDuTbpfcME65c+x0+SBfnaLjzhV3G+D6I6pG9bZX2+2VAr3ZU6jvG9ag==","signatures":[{"sig":"MEUCIQDAmIZOLc1J3yZ41F3YFSbeWS54m/FuEMYsSiN94moyhwIgGeWdpHf+oF6F3Xhn9ku0YCE/xq1mDw1S3QKBa9F+tgc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJje6DlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo08w/+JfyGcNDRvm/BSmD02FOrHlekCrbVOXNVbrW1b8d8LAY7mxVn\r\nX9mDrTG0rKTkcUxIX4rZ3TE5AMdTkbntPqpMWNb92CJv/e2mmfE/geJmePvH\r\nodri9nO/LhXqyMoK2th9jgS8KSypsjpevR55rd3+GStCJ/J05h+dsYiSsChQ\r\nGqL0bldmC98Bu8kJnQVPTvEC7KOhOdtdNyh6bVycvdrPKE3YHrsw1ruRJfdF\r\nG581mijB9DZIryTZH093FxTFJkL1LOHE9Bt0xtni6xaBqavLjpwGxjJIVmWD\r\nBQCGk7fy22Liq8bNXhXg2qjAlKxqrvt8yYgJyrbjmobcbemvWP8q9ojNHZZc\r\njk3aPPP1sLqVEHofKKBnkiZuCVVcjdJwYWd6lOR6iZax9IVFkjrzf0xiMWJu\r\nJoczQ9s8G0CQIMmsTdnv1iuaFRtEUuIGMbJRlmhLP6Cgsb8gmRFrtktS7xYG\r\n0vSeuDVFKMyr27+AQMQdBPFleYLDh1PfDmaMGptEfxxjj/CrlcIlUZ1KkJy6\r\nJNg24uF6PuOIyKnv9tD1vOk+NOD4EGvbaOLR8ljHNh6lwe4VTewBfn0glLlv\r\nouDimcdvA7nK4RBVLNplE4yTZn66f7T9L2EFBOAnzLCbAhbr/dz4TGFZ2S4X\r\nyKF4heUgDoG/pgk97V1aOSnhStC4zgc3HK4=\r\n=lsVU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.18b8f31e1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.18b8f31e1.0_1669046501563_0.3699806044486247","host":"s3://npm-registry-packages"}},"15.0.0-canary.912f33ce4.0":{"name":"@material/rtl","version":"15.0.0-canary.912f33ce4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8d8ab33ad15d67d3fd1e50b4ac151aa7ddeee11d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.912f33ce4.0.tgz","fileCount":16,"integrity":"sha512-Jno0cmgnQ10kMabWmHAv8C2ujJelryrmh5tV2VLm9ZDr140PGT1dwsc9gKJPBrDyzwlPMHX4hbiJMzLwRq7Yzg==","signatures":[{"sig":"MEUCIH6acgtAcU5vkrkqQao+EsC3mgeRc8YohqYGPXqZb9cOAiEAh0hkB6MvT/1Hp+IWYqpX278ix2RXzSoKHqmYrzPMAQo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJje7sOACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqZxw//QgDSwSeEmP430Lr3X9UuoN8V/1KB2bdxxaN+cfuZ4vxm12KK\r\nS7ZQapBuWXaIXN7wtHNVPUJvyUDMJjT50sEhm/Z3w4mOfxVyh+LNMZed7i3I\r\nRkxtaLzAGLEVMPn26uNKtw97nVatD4KbWKKiFvFw28F4LafIVm5yeJJERj/+\r\nnisuJZJBed1cJyPgcHOgckmAML1Ll0UKYv0Mmu+XAsy0G/CsXFxf769t7M3A\r\nZmSMqlG/BzuwHD3o2K3Wi3x2e66bGI1XVAQPMEAlFKG7oeT7R1P3wS06E+Yt\r\nIKGSOuizT+SNi4HWi9SOU8S/j9BEgBnHiTL50rS30UiiV8g+r0eVHKQ+JQzy\r\nP89lfJXrOcJKXFBcdsqXrFxMggtE7JcPpT7+7WbMP6rpeZtXDNw7Zh/L3lI6\r\nH5nQ00+LmTqSQ270nA+xGbzQwLNRriiShcengsXNdfPyAXg7M12ebxWF9RJA\r\nHeKCMpj8VXrb7y28FYWYA4MT3wISZ+zGbubtsdgE4K93UkFZNovHmAqINQFD\r\nUQEpweTH7D1lHEx2Jvrca0uBfUFA2XkWh8M6Ny7sz5+FET3wMunHOewt9Jgs\r\nYe36cDv7xRcLMJWA/k7cRMjD+BloMTIN5m1f9boLKIvmk70b6Iz1WVo/MBIQ\r\nJAiwASMgsC8oke9Xiru0QPpqzk4nkVdlu0E=\r\n=L5nJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.912f33ce4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.912f33ce4.0_1669053198114_0.1272918640270846","host":"s3://npm-registry-packages"}},"15.0.0-canary.1e1b1c369.0":{"name":"@material/rtl","version":"15.0.0-canary.1e1b1c369.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"fb5872746fbf17a2ca81440664ef59179105ae60","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.1e1b1c369.0.tgz","fileCount":16,"integrity":"sha512-j8+KNEDwxWOu6rbgqcCQqXQZcWKqWCqcUzu9+UTcLLm5++kUf7mYex2AiJhe+pt4cW1oXbMvEkaauE7+xKYHog==","signatures":[{"sig":"MEYCIQCoP3VIP5pFr73OctNRx85e7lNNt3zJ5zadT7eXaQvRTwIhAI5LO1Xo2t6+C2IiXODkQuUiboPWmvtqzvqyyGWmlIwE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfm2nACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqKgA/8CR1KJuOvTejwQB/wm9tBbg95VsVt+7lU+OrOj6ovGXLN130A\r\nCFdrixd79Ro4yUv6geC6u8QgBIR3IGpTM4RY+Q8SQQCw5+f0kPVorEhpoIpu\r\no39AvKXnC0BagzsR8IPkq+waMlW8Tt0z9edXXB3oqSdVS79h1yf9oM8KNVFx\r\nCEkO7P1UK8cuUYzCWGRkULzZn+h/Q1XUmnkGVvtjSzBnxIpSL3vKvjcLoni4\r\neHhadRnUFOZYHD+vENFNTbnVp6HDvfiCQMCBWS0WRMOWPhHVVhoB1IuZptDR\r\noERjpjljk7ptRyWg5Bjj8RRZOZhxkMrYsQnm2TjcX+BBHmmSE5E4N3kIZgtl\r\ng8+TuvE7lPdoGpcQKZcPurD/L4QD7dVNNgbtnAGaTN92c32qypLs43wSSb1O\r\n0i/zmrpajFTrFVwEnojX3NMp2saTh2Tr/jwGP1NGyDwyXfsVNNtSfOQsO9d8\r\ni8e4cvgD7PjLmNe7TDQyv+PpviCZJ3GrVWIkADigEe7tDnbdPoe4k5EIyFfH\r\nNS4uo6XYQkneuk9zk7fppFiHfJx84tBhCJGqFdvZTTPvLyEFTzjk1In0XBj2\r\ncZRszxaHOvTGn3FvbrSpLdHQfmDRm3uu4xIIDXAqIaDxARfZiI9jSXzzH7Fj\r\nrxHHmP6SCCfvKxq8xBL4rIXtl3j61ezYn+E=\r\n=qylc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.1e1b1c369.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.1e1b1c369.0_1669229991252_0.8083362738051993","host":"s3://npm-registry-packages"}},"15.0.0-canary.a2ec49244.0":{"name":"@material/rtl","version":"15.0.0-canary.a2ec49244.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"013861c70b5c0ce62faa0505d05b6dff5d158fea","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a2ec49244.0.tgz","fileCount":16,"integrity":"sha512-/MtSMnkECHZYqoR/zOBAMu2duvY9FTy0iYcUxhPTbbjfWPK7FE6aaupXzzc1FE3HPQ9W7cAgiBN2FYarEko3Rw==","signatures":[{"sig":"MEQCIBx+k/N4I0bzpkeQy6mfKs0jK1bhlA9atvFNqMg8AVBtAiBPzAEblg09mqqw/sd5aQbY3V8gfKjOeESV+f7Ug258ow==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfnTIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZYQ//at2N+pnQieEjlVCi1kN9ctId5DmNOBNylkWPlGM22dbUbQGf\r\nH6NawiB8G761zSKsCtM401xs1GeRPEUHVjHWcBnWeh2bb6l+XtxZJslmvkI+\r\nfkPDCw77eJlDhgdWUDLJYoYYBgwk3SmoIv3mOIpa/x83/F1rN5HzbRDZNBnP\r\nl0D5GI7Qi3EQ8+KdAqm3f/e/gnV8ej6dZGUf5nrUXxYl0f/FHGaf9sSpS5Nk\r\nF+dlRtOinkBm7dgp24f7t3qA2mFugnfzMIJpxXm5sL9h1QChx4SSgQNpjVwR\r\nyS4ROWNR+aUUc8uisguPrPrRhqMK/HYuFNbLnwLmZITLkBaH2+GVJ3tzwuTl\r\n23PdHFjpQTljmMuV67hqptWdZsCS1oC72dlO1yR1eZCVaCkqh/0f/vkjJ291\r\ngEQUa/qHHCrfFxm7HUtGkfXzuMRkwG7FyuGzsKkdAtA1x00K3fDMdNCPlXrN\r\nCpxEGnKJl84SSD7wULg0hvlFLzsf/JbO8MNxUMmhOVWuC38wruiAK+d63dNC\r\nMTsqyPOr71LwCexUi7CQ46jAfsCCVNA+l3Qo/geksgF3wDbjITtkILx19Nbp\r\nPRkZvnSz4I4LQJHQojzJWkN3pFCO2Xw9LSwNsn1u3JNXrvot0xRyz0CLTiGq\r\ngNCpL3E19MMng84EovJmUTDdMOO3EZelMVk=\r\n=Avey\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a2ec49244.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a2ec49244.0_1669231816644_0.06594550126184728","host":"s3://npm-registry-packages"}},"15.0.0-canary.a7458ba0b.0":{"name":"@material/rtl","version":"15.0.0-canary.a7458ba0b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3137da58eb047d8a31838e064ae1514ad568d3ec","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a7458ba0b.0.tgz","fileCount":16,"integrity":"sha512-dI5o2PzUAHD2Wziz4ndFigLyta24bf6eXXadu+NBg+1RYj0zjavH0JfmNMMjyrE9tFtPnG+3WF2GeWKtTvWDng==","signatures":[{"sig":"MEYCIQDEEKQego/PK34qHB4khPMI/OULENczeXFnKPcJJAFS8gIhAIMEo3l5jsFIS91XMDh5ZCwigz9sRh1IXK16C2n3h7k1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfn9yACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqR/Q/+JbKzxitGRZ6jXaZdlxm94FyqWLZoEAupfdzh0u5WA6OysZie\r\nzAPI72+f6VJ7s3EwSMzqVwlVOuYgecP9GF6DvWcz+AQwK8StCChspWPe5rNb\r\nbXer46J0FpxIQ1fQFHVQUOtRfoEZW2+FJuqOhN6iBmrmyuLo9o5OMAW+62fh\r\n8BuVSRlZj4vlCEvAosdViOTUb8BmXreZOywdIcS4O7N3qUMiBDV4694/WBtK\r\nUY6dgPzqWiP3uTX/cfBR4brwgTLsLWAUPXsJ6xDYkdBI/JvkTzLilT/0YnTF\r\niPmtIYawFmU160dsP5Ch3+e212DK7lZhPUfD4+IDWeoqzzaQR1NWgSDwGlPF\r\nl67XF49QRCdSJYZYxLdpYzNIecPAf+UUT1B+3zhcy6VKysCEEukAQWU+75hg\r\nsfsK1DXVQmuX/9zlGvODqkzeaaUF7Dp+48H4zHWGMB1eCvbdAixnkLpIqzGH\r\nF1Vy7jkkdZRnzYtfH/StB62SuqWGoN6o2qB71+VmscmajBkrQESe25WHmBS0\r\nH/4btbpl0Uu9xlJv1+FisohbT4PMe/siT+6sSV4M6VKvLDFUNig6su1DnZAV\r\nw0Mw+fPNuLXbdIoL5kM45VGS+WEUWcsTTSOLoFzEKBr6Tbj6Y9HSFi4qCXEk\r\ngfZ8XnkdFrZHRBxJNXHO4qzhk1nePjiu/IQ=\r\n=FEa9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a7458ba0b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a7458ba0b.0_1669234546262_0.42745626183170327","host":"s3://npm-registry-packages"}},"15.0.0-canary.7c35e5036.0":{"name":"@material/rtl","version":"15.0.0-canary.7c35e5036.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a1919d8552f7a03ee12681fd4eb130a0c9659fd5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.7c35e5036.0.tgz","fileCount":16,"integrity":"sha512-efiN1T/iJqcQM0cfW4ZhDnq8v5quAPxzXhukdlW3iQdjPLR3Q5WKk105yWa0iKKkZxoBq+8385twu5ffdaeuOA==","signatures":[{"sig":"MEYCIQDCfBSUtfEyGRwvu2MExAaY7LijESKGXo7hu4PP2rLmoQIhAKfPHCRRU5VlpB7s4zEk2klQEo1tm+bkHYF0FM6F6/v0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfy2RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo1/BAAgbCKZTQsS6/VIrP/b75VuMsGxOmbzA101aM14TNtfx195x0Q\r\nJv3J3OkRMOVcxwWHJxA8PMfQ7jon5k3SkSDMTWfq2gAgCgl3W6F8Qalb+gyJ\r\n9NCr163zXw/XKuco2DivHDndQIz/ZbBDFpwy6XMjN7MWu0ilBu8hh0TDiTVM\r\nR/B11/3iHhjw+HAZqfTuleCBeOV3ws2en0yn3QimqOeekA80KyboP84tWnb/\r\nKrrGoH0Cgx+EUz7vldi4280NRERyyjPLExpLSGcaLGHs48GE1L2Ot/w/85MH\r\naTIUEncQRMxLmmE00ibN7JKlMTMtXOqSGQ3Tfx3tRm7B84v7d+VcpnWk43qv\r\nGz0vLbl/fUNNBB95ivJA7+1c5ZXjjexNcqNxapPciaZRg9A4OUu+8GdusMjA\r\nWk/fXZ01qnkhK7QE51w/UtTnPQDHx1fqahVu9vEFB7lprVF+24aL+CM93PhN\r\nlOAF1ZReKA3+I1m2DrHX8097wylEcILLaGXjf/97u7sLKvYhq9Xhxc/GEX5U\r\nG32KoZj6A3A4eRLFfLGAJFxeItPI9Son6gD1sO2xoPEugfiNvs8i13H42aWE\r\nVgjaNCdOd11mS8jJYt/UcXOH2irqxqqHeNWsM+gGRz04dvohKWohUg2OER5N\r\nJynr6ZxOOc4v6oBO8os+e2KNeyy8ljl+ous=\r\n=/Q2f\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.20.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.20.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.7c35e5036.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.7c35e5036.0_1669279120978_0.9631028760772975","host":"s3://npm-registry-packages"}},"15.0.0-canary.4356e05c5.0":{"name":"@material/rtl","version":"15.0.0-canary.4356e05c5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b7008c3b39a6ceb3f22dfe774d72cc8dbc4b4678","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.4356e05c5.0.tgz","fileCount":16,"integrity":"sha512-5Or+hBdLgs3zRXhQyO2jtBr4m07gVoGKeTGvZMfdOIqTIVAanUbqslEE9+iXp/Jy+f1q28vRbUDmSs/0d3CBDg==","signatures":[{"sig":"MEUCIQCvvroqYdU4OGyL3Z28wb1VFtP1rTw0tgCT3MxLow5uTAIgTk9PDnnbtQZY3pqabRr9O0nAAyZkqU68/eNIIXeJyPo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjfz+0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo4Qw//d99aUXdCL+CYGd5SGlY6dJu9uBlVKTKdhPBFVbWEuRvyRKbU\r\ni/FjkZAHY5sOcsFJtTEk0Ll9d/1Eu0Sih2jr835OKMAhVHM79hJMw2R+VlMr\r\nY6tqc32xQocDeVmzi2RSU9CQlLWnfNFG83c0QH8WnaESeYejjAJK6Dki9XsJ\r\nBFSjYUMkLPWGlvmH6zkgi0O0vg929O0FjjifcYaNZdrYt7CvryNaYodX+CmP\r\nnHCTEeomJHQj94EJubxBF5kWopgNU6qUu+G8LuPb/d3E8eAdBFDMAUJaovxN\r\nSyQLxNI1a285nsnPuCfnPhe4AW6+C3so37PDemOmINdisQ8Yjsu9qo/e330p\r\npY7WZNLOE1g6+MlqX517Rc6oLtI3gSXgfqdhkueYRE9K/x7NtUh5BS/O7Vl8\r\nDXiWAbE0D6GrXBAYg8sXQbAUKQzP+m79Vvx/DuOtkGNhCeQwqrcg5ESj1DGc\r\ngC3yrizStUbYKz8GlMvZj/z/f4DOJAJgllMR6cAOnUrqROmF/hWt7P1kD88O\r\nxA7oLQSxdw6UZjwMPKVUwke58qsS3lgocWetVgwFT3aw8HZ76Xq+ES9BQ8Fl\r\nAglMTJiF6HH6TwvvS7q1yIo7i9Yuxd+ay4jzSEZQFhfUV5pneQNohvBokxDU\r\nGU+8h774eDrXmcfsfkNeeRjY8UEdkbQhylc=\r\n=HdOL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.4356e05c5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.4356e05c5.0_1669283763860_0.12734639371709378","host":"s3://npm-registry-packages"}},"15.0.0-canary.cb605f8af.0":{"name":"@material/rtl","version":"15.0.0-canary.cb605f8af.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3f8b6d41858336e029c99d748ca45627ae1a05c9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.cb605f8af.0.tgz","fileCount":16,"integrity":"sha512-YRFQ0V5M/XYgPwMtIZG8ohk7vurjtn5X7Rn6q345ybI/m7rLBq/RJ6Em0jPL+Fg1N5VcEA1gwsXDx1YeIhJypw==","signatures":[{"sig":"MEQCIHA3y7n/y+80DbqXZTdyPu22PK2xCzkLe4wvmd0LYb+4AiAlx5d4lyaLE4F5PsuH12EzH3bZVJt48VfCtmeZ65FvZw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf0QSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYiA/9FJPUWFtJBiQvEU5Pe1ZOoNwF7wvBi5rnjmiOK3RTj/TT3QlH\r\nG21lGOjaxtIJJ05sMcH/ij58LckmwxLgFL8EU9R7aQOK6cZXUU+qWtornOlV\r\nSVWdJ3/SzNZWoOlb0z4e3tFryBVc0qWIgaOeB9M3tw0JGXOtUo1Z7jMeIgJg\r\nPHCda10U9vSXnbuABmchbqx+aKOLlgPGc89HJrYb1j5jVrkLwschdtHKQ49l\r\nlTFr5dgz318ryHIow0wrZAt1Ajndoh2cReR72Us4JersnbhRmKeNRfFMrvlI\r\nr2bDQjhYO2X4zMUUpB5UAMx793IzjnCKBA8OaIuSk4q8F3P/A8DYunIX+Ns8\r\nNvAC6O87qB4c4VHLexCT148ZjG/nfgQJrbwCikBM9mzlV1AhSdlpCokxquYC\r\nNMChtY1FflAt4TBwdD57hVoh3RiYChesmM146LLVYhUETstj4/agKDfsUzHL\r\ndY8Ea/rigXEiR5NdM9zrEHkaCnzSul6vyz6uhMSGumNQD2PJx5EKo32AvYgB\r\nFgWrGdLdiL2MRB/m2gf8bA9ezWwbmnGLNW1nVAjAMdqiXrgWkMRbG6FngcIA\r\nmFXjUoaA2ycZSOhLWAULkpnbJS0V0c3fIvV5TbggJD3U+ylWdphSDvN+aisw\r\nlDGxzABKTBKY/UXHcmYs4TSijoQwnqbaeBE=\r\n=axdc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.cb605f8af.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.cb605f8af.0_1669284882135_0.39797051321544474","host":"s3://npm-registry-packages"}},"15.0.0-canary.05fb07f9f.0":{"name":"@material/rtl","version":"15.0.0-canary.05fb07f9f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a2633dab4db292c832db7943adf854b19d043f5b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.05fb07f9f.0.tgz","fileCount":16,"integrity":"sha512-EbFcYmsR0gRvbqEvFXZD3f80lps8GhTTGOk6haDx4udAfGTI+QA7SYtkWpSEX30sMq/FyzBps3gde4C2eIXXBg==","signatures":[{"sig":"MEQCIEokNyItxcxiDHQI/NSs2DzoubhWQudLL9F/w+BEDfm2AiBuJyG0a4sxyd/Ibb9A/y9BV2CSDYGZVx6RwL5BWBb4Hg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjf6YiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo+Rw//TmUrAvid5bxoFs5jSUSm7xPF4RsMovEx8wfh1AynZUgVBpfL\r\ngi+xIdzaQphBubWsYgJxznF7H9BNdQKPGoKLTnu1zabHnS3UY8KZNr3Vcucm\r\nslqfnNaCOM6482rdtj3lo9wkmAK1Bw/uGzaPcql91igznaQWK8tIof/nIyqb\r\nZAHFZ7zcxjaPyP2nm2to7AiZo647/U+3o4mtdhua8alAMajOubQDcim3EvyJ\r\n2ekqo3BrVRyLhJv2WTe0WkQORJZnUC/ywrKvQRNYH4yWu9IhmxkZ4Ww6SkpR\r\nzd6wUTD0sH+kDZbH8UAA41W7hEljK5ZaF9WiDSxF57Z1nD0l0adCN6E8vKbM\r\nlXah5jAfD8Zcv9nHN2ZYdG6yRKouMXA8Es9QPHRtbLAiPLZfBRwvaxE/1dJh\r\n8Y2sMBIDM/UHFUQgA6+bBewDCJaE1Tolb+sFLn/vupDwXIU6dNg9+SeWEFfg\r\n8v7v7dSlfnXxQklmhe9RVWU/nS5diEZqlBRkxfQ0AO5suB65E5wxE442MECh\r\nP/h4XBo5SO/N+37XMb4NAiw1Mq86eXEFnIzO4rrWQmZGmZb1WsKMAIHIJ/yk\r\n+PIAXtVKKUidemKNCye54cZgTDQjRfegr2gb9QNuzuJUYtcOE226trb5eFSH\r\nqrjWKbsLz96MMJAxpE3zu8ulqHVaA+q9OKE=\r\n=DYXb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.05fb07f9f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.05fb07f9f.0_1669309986636_0.24668738258359002","host":"s3://npm-registry-packages"}},"15.0.0-canary.a911b386b.0":{"name":"@material/rtl","version":"15.0.0-canary.a911b386b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"207318fc6b2bcd606ccaa86e2f1167cf95a5591f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a911b386b.0.tgz","fileCount":16,"integrity":"sha512-1T9g8HpRo78QRM19QejM5dwsNiArLZE/ualz/WQD6GpbxEvZeK/gcAAObe6AqVSqL/Y3lMyJG7ie2xFwtSr+KQ==","signatures":[{"sig":"MEUCIHjJiCTbVWkL1NFmmmNHYZ2XXwlJLBqwyuPeIDhieKQMAiEA8CbrdGedgY+BcMd3nV/9Xfm9Zz4ouL6th8YP21naIxY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhOXwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrw7Q//ULzL3sQxhOZWRBJKUkmn4Xh5FlU3hIU1nsPSnNlQrKQnwnf7\r\n63pvcw/bwqBzUAQj4m8ccTec6L6hMEbBt3+nxSOk0Qwf5ZnlipVQC2ei3sBz\r\nQuFLHZMMlrBobaJDirzWo2LY55vga30XYmTuOjfbxmhqUsEIFaB9g7wLnIZC\r\nRQwsJsbbjT9vCwRw72jlo2p24Ea23/uNlCIgAmryylhW/7jBo36yihobWafm\r\nNgFyfwTe+Y66IP3ZAG0mNfmU6+GjvBtyFKosA4tYTjF1LwQIQ1XPlgQJrfGo\r\n0rfav+uCBlM8GoPl3kto9wzig2XIQpwOsO/t9NL0dmuNYq94KXkNxqUNLKEj\r\nMCQJfv6FU0MfppC/DRM/EIAsLTgBoLhgbNCPCe5jQd4Cz56/DDJtnxsm/6bC\r\nH2ssdNbnyvK4V8IQZsj3J98SoU/yNDNFfEvgD+wMw23yAsi+djEyNqlATiKX\r\nLyYYwPM+0E7+IWyeqUbzA0jSHaT4JRq7G82tb04voeRkZXHw5aeqo23zTZy9\r\nz2DrMLSewl7nVRqpoY+TO2jAxbKm2miAfvbFC49hE8qcZnmKRebuOOIn6R78\r\ngFWrmbBAEucJUcG1jDFGHzXC2fhoHL1Qyb/DgkOb1SS0nybP1CS1RHSbXLXh\r\nGbCWjv/TF6In7HgDk42ZJYmfVMnk9KO9594=\r\n=go2u\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a911b386b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a911b386b.0_1669654000134_0.5286959678326246","host":"s3://npm-registry-packages"}},"15.0.0-canary.2aa8050b4.0":{"name":"@material/rtl","version":"15.0.0-canary.2aa8050b4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0017db00c615ec69368bebaa46ccc7912e3fdfda","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.2aa8050b4.0.tgz","fileCount":16,"integrity":"sha512-h5OZcfum+qj6keB5BDyXh2rUW+r+cn7rvIazcQ1xByusEzdcPtVZmUuTWP/Uoljij0z4rRDtgjKgVQGtFgZ7ZQ==","signatures":[{"sig":"MEUCIQCxmJNb/MTupaD2qTxO6ml4R1xGI/xtIdBDm+9jEmelqQIgD0qnd2cHEQ0Oen+TWgisJqG4m/JuBE9rS+Ca8UZGyYQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhQfBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqI4Q/+JokdjFThP5MKW7O2NoTCmVyIDsIfbt/XE9Fy3vtdavlHY6pe\r\n91Z9Rv7IKY04xqeUvuhq898yxgSyW5dkoEioZInDtnTI02OC4MTg3kkBCRN6\r\nV2xZ21IWHC+MtUs2S4g7KI7q3n+ixQhYhcSwIVR9WyxVYhC6nDo/q2o10AM/\r\nuY6eaz5UxS5HX7baXiJ+5d1z4sHLlr/GFjM+KAUdWvLbQ7WCJ4CRE02uCT2y\r\ngfUtshBPnTgX7vCqjeVnzkvftl6uBDOuoxWvfVsyHuOTcmpyAlmYlbLzB2cp\r\nQeN54aAjZVa1nmlmZprCLnY4uBYAiVhIrsq3kBEL9l7Aq8xPe4N9h4maX1vc\r\napDCiku6jwE1trDWFNGj2nSPW7kr6cPCeUKDfhbddxeIA3OA/zzDAD5mzdiw\r\nGnPLA1A3eL+dksYQq10bdOOHErvtSeZfq2oftG6461/Zwkt6/sivf8gQTgb5\r\nUJkJGRRn2QiXDo3GacvnFGtGYBHTK3OBTic49beLba1+axTwW3A7Mx2pCeXf\r\njNMututk9ulCKfNPP8433Cws7tsEr9EWWXlLs70SKJMA7UtwbaoJA8LqPISz\r\nGF/ftvRbuP1/oT/wzcMgyB05AKkgtc8bZbdTmDooKihQh/fPugUWERNGRtU/\r\nml3DQ4bsLXI0TuzFM1HF4mYXrA7CIW29uXw=\r\n=4eaR\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.2aa8050b4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.2aa8050b4.0_1669662656849_0.3686447531268193","host":"s3://npm-registry-packages"}},"15.0.0-canary.323904a9f.0":{"name":"@material/rtl","version":"15.0.0-canary.323904a9f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"69a1eaf8da784d03a2d60496e95b99b853619a0d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.323904a9f.0.tgz","fileCount":16,"integrity":"sha512-o0FBxxJCZTut073HVZ34CpvHqw7u0DzKTIG8jDuYW4NjLhmRi+veNc9Ovl4ozAymyfufRrm+SaWc8YMhPqk01A==","signatures":[{"sig":"MEYCIQCSaaO9Bqd8uk54w7otv9KSwPSvKhjL9njhCpEZfRxJrwIhAIvY7mBa9SsiIFSLcJBZh/LujsOGdqUlcUICC0IeMnmE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhiY7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrghw/+PKhwRz/jEZtZQkXcfjWl0uK4smZl/IBtMovRWzVTr8eeLmMz\r\napVi5bJNPtqeAuJzQucs3btWgC8A9ce3OS5MKxwTdBBTFOSKCY6sGG/LTaXQ\r\nv1KHx9UhrMpaWJjQJ7hleISkIy/nfgv+FGA7wAoPDywjHVrLrEW9eSgR3S7l\r\nR8t9VFQvg3EFjvtDw4LdY8p8DqHKoJWrOI7ZSQGrxD4EBLYvt6eHL4zErGGN\r\nc2dlODEIfzXYd5nBKwYC1+jJPgHxlTtNO55d/DRSGFM8UUMsm4oV7qbagmxu\r\nq8S806b9M7waPAQX3qcTfEQ66ISRu4Yav1jWZ1xI9eCmFK9JlEjA45PNh7xF\r\neYs33Vhi9I5nlM0d5XWiRdYTZiFCWpOJN1DlP/qKBU2qSul7bnG2GwKLqsN1\r\nnOJxoBDlhIOJUrJeQBk9f5r9w4oN8TgWg+8x+dbSoCSfeGmhRysbbmHeZw4R\r\nYDddxbKiOpaRKWU2kty00jMBzBC8oOCFe1OvrloFRgRlb8fRBczwHMcbKxfD\r\nYndzoYcgzyK1LXC1BKKdmOjD5bQ6dNg+p/F/FhRN0u7R16lMdKJPXvYgHLHv\r\nRRq4/70ABD7iVzVFL4LWDncJ8/FsKAZp+TRqrU3RIwA22J7c/KwEjIyc2WMD\r\nAmyUo5O9Lt25313tz1NkfEIUFOUat86IPZ8=\r\n=+hkh\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.323904a9f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.323904a9f.0_1669735994968_0.3212050022053161","host":"s3://npm-registry-packages"}},"15.0.0-canary.168a629a4.0":{"name":"@material/rtl","version":"15.0.0-canary.168a629a4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"26de81e353afc358295c62a9e16aaf0cd9e3b91a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.168a629a4.0.tgz","fileCount":16,"integrity":"sha512-YJKoSKObhYSsATWLrk2hXBqeLBi6LBQwN4ntFxAIVJCVhY/YvwZ74xGRoTTEDb7EPycIMlAF/jX1uYlysfWkjQ==","signatures":[{"sig":"MEYCIQCtbpRZv44BzX7K5mqhTp5Rh1y/sPXV2n9LWq/UDYjlegIhAMbVS8K0dPRkLbx94fyQSNh74gE6MNycqj/mPVw+VYTy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhjfGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrg3A//TySs73yHJfT/YtdjcNYww+KmCHxi/8q48ppMVonXgHzeobtW\r\nSTRUr79yNguhOtNPodY/57TYdur9PbA+ghYH1q9ZXlTfFsWRSJ5DxyOSrZ7a\r\n45QQVgOqXJszRCBHYvUMMHumSb7HM5Gu8ys+iSdd7S48C6KiyucJHMbBPYRJ\r\n+BnZ27uXSwaHVggLxMIDBJrrXRKMX2gOYx+TYtE6EClZmKQG6PTTSiq0lkKF\r\ncoFH0+xy4kVL7xGJrGdIamMKnC3qVYFIz8mri9k3L7ICqX/HByC4A9sH8lcx\r\naWfWfoXO3nkvChKBvF5YDNkA4wFr640/TbQYPWwPhBjjfAetpXr9c9gXYJRN\r\nXL2tNC9Ar0BXc1PWbDt/DJ2KTkheCaix59UhLjAKrcgiiw2KsiqRboRZYvRE\r\nW2WjFhaA/Qd+vZ176s/pLYLhQW3bH6BG5c2yogvhu5KKT3K8bxvWM9IJCxf1\r\nhlNKF9ziFlEr4JwmfdzwyhvVgX8vXEw67tScJ5nyiQDN96OD7VR5toYaeMFc\r\nhWaPsWkihh6v/2ON9ePIEji5JajrI753NUKhxkSPGZg8xxGaali0oHLQSdNT\r\nRy/CbQlt/1G9uBFXvu4MV4FLBSCe5HCx5CqLQqzTTzq1W13oiiBd92mxN9cr\r\n9jan3jMbbE5TMjhLmzo3VzMeNRTJV2/O5KI=\r\n=6oXt\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.168a629a4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.168a629a4.0_1669740485786_0.13736385430665043","host":"s3://npm-registry-packages"}},"15.0.0-canary.65c411674.0":{"name":"@material/rtl","version":"15.0.0-canary.65c411674.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"251e7605f527db1bb8d5219ab243048515ed8c06","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.65c411674.0.tgz","fileCount":16,"integrity":"sha512-EPTmOW5mBfO8HRBp0pArZRus646+2GUcoo0y1cZFNNxEZ2YAJt1+QvvUK/pTcQ8C+oC/85UBXsOBqObNFd4Xmw==","signatures":[{"sig":"MEUCIQD+R/nNkh28Fty0SJEv1BqQ38mHf4RAc/W9tqv50mk5GgIgVU2c4LG6tLugkrjgrWKjLGIwhs2F2TEBAHLw4F41fRU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhkNcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr89Q//VnZNQtlK7UHIqACuKPpqC14Cb0LpPRunYpAsIY2/WxESfpmw\r\nYJG5kc0JsoHwkifswlpJwxNKtEXIn9EWijQrWslQk4O+77sWWO1wZVEQ08IQ\r\n8RmvuJblAv846Z2MrtcFYH0XrMwSHVcNGZFMDEVRs3v4/WJorbtZjoeBmcnh\r\n+GX/p74NOdG16wn4ImOmxLPdSDpGx6vE7QNRcy+gXMdhOZFxmhl6sfc8/x1X\r\nZ0p3qJEykSxiozHcQEvzrPyKlbqtzbfNq2QpWqQhVll04SAZTRDyg+bAKOQg\r\nAPgfXyS6+lVrnBSv725lSRsrmOpCdxaUHHCDSTgqE037WBhPVIVz/tM2vk7X\r\nM3DGAG9qZ4vBUGhrN7kihjyzz/i+EsSZqLCQyxovzqaZLWgn5JqFLFLpvo6I\r\n6kAUp96awB6DSM6g6I/+nu/QN9PgmVRe+8p2gBJR1f1MhOx6CBu0iets4mBO\r\nwOGuZdaEhLlP97tf8LxlognjQmbZF3XZxbRUY9Bxu07llcCOsI25TZQ9+jxr\r\nfWtADq1yQUs/bImXUgbgYml5HuQsvdR8JOxQUGwfdqdZoF+0bwA/NInIZior\r\n/ex1ISGkFsAL8+t35e9ekEnLnVZxqwGCj4mnztmKJ0uBkkeoZSUCJ0vgkwVn\r\nNux/qUwR3/Mul8hFQH2tcG6KQpNjop3nfCc=\r\n=S5IX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.65c411674.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.65c411674.0_1669743452312_0.8113805356820043","host":"s3://npm-registry-packages"}},"15.0.0-canary.a86d36fd2.0":{"name":"@material/rtl","version":"15.0.0-canary.a86d36fd2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f9ce104bfff04ecaab95aee6d3c9f8bfae2ef64c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a86d36fd2.0.tgz","fileCount":16,"integrity":"sha512-ow4pRwYW1UsgbxV5f/kCGFOwOI+T+YQOpGJg+kTTm00T2H8qAuHSfPVGz/1xR4+mSZli/Z4n0KhbAEXFxucXHQ==","signatures":[{"sig":"MEUCIQCYG2YUoCWEZizZNEbVHDH65dMiLjoAFriuaH7sbt0wXwIgSDafY/xyu0dUypTGvt7SO12lHsJAm4vsDVkcdI8PBT0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjhrxKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+0Q//VHUaVViM7Uqy/P8iWp3HpjXgKqh8u2PxU9qLSlZ7SSPkvjfb\r\njAOYy87kUfJTNOaHl+RDdFmSQS9B+QXsLiHg80Hqmopryq+3asKY4SEosp2C\r\naNL/ymGUx3Hmg10RxAWEgP3O9mIAn2RdVVIM2PkkVdjFzIFJBCC+3dzr6rmL\r\nPBvjHQiwVnsbnWxLTvxs5tseLyL5X7vwLMDk0mfc6UJb9LjOiMXbDhiTdxi7\r\noCo2d250b2ADCibFXgl83aj9v3lYfijJDdEqH7AlgRPbhywCChTyimFk/+ko\r\nCf/M/qAL8Viqw2SKsTF3RUw4ItPwi9IjAIyBJJKRW3GgsgdozbUidPvvB+Ew\r\nXyuyzPtJXKO7BTaaH5iyYBci2qGhcybXPBZU0mVy3KLcN0VqashP0F4aBzez\r\n2qQnDnSjUNuyEOQw8C5xELvOiLBhg52SNgQneDB0gk4NS/FNt97n+yJhjpUW\r\nKEVskrWEQ2kZGQJLkgOub7QjM7yDbdiD+xByF+mitgjZnooVyOS/QdtIJw12\r\n9U/KUvBm6e/xa6CNorRaKqLJf8dPmrF+ym0JbEqbDfqVPfMXy21xMRgQZn60\r\nxVapHVTduk8LEsIGFOWZtJqkDcluAoenVPIKTjRMzEcL20QVUlrjT6mEX21f\r\nzTooAojXVUpkZtzCQj7roP0rVwg7SdKROjk=\r\n=Vc6s\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a86d36fd2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a86d36fd2.0_1669774409971_0.6857145674616429","host":"s3://npm-registry-packages"}},"15.0.0-canary.3a1f46c66.0":{"name":"@material/rtl","version":"15.0.0-canary.3a1f46c66.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8e6fc7efbf30297086516678c31c366e814c1680","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.3a1f46c66.0.tgz","fileCount":16,"integrity":"sha512-JB8B8PVSVCiL4GdMShn4b2cLeV9cB64mKLYXczA+vmZIhBtYHfSnl51IRE6ZmsJXfY7BzkKbJxxEHmq4ha0dDQ==","signatures":[{"sig":"MEQCIGbs5iOnPBmVx+qcNd9TWNlh814BpcAqgXID7Oj8eHDrAiAWLk7kUdqR6HeLH2cKgiAGMMGZRKoLOD17YzKYX4nTTA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjh0c4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqCsA/9GgkCy8Fx+GMO+5TsI1BtBkm8q9V4DMpHyjaHajr/bsyfTiLw\r\nQWMiCa7Zth/kk0Q3B4KoVUcBFOmuZio91goH99rf2830U5lA2tNvoJXG9/tk\r\nbs8lTm6FSlbvPZs5zHfDqJb4uqyii/NgbbGKg+puTuw8TXJ7ljZBn/sX/eWO\r\nnMlpU+br5Te/bragCPW5PVWkDzADqsKyuApJ21CSIY7VUdzgIqypyU7HjaPa\r\nrOCT+yTf5aEB7QZpa+HqM2kLJqJcQd75lrlEhNVvsl37Ch/JWGQfDYEBobDR\r\nSfvjKS7L05jjilnEdrwnY2RtlN+jSwKRmcnHxWwr+9AQNCD/lEI1NXwAcGS5\r\ntWvdAwTUD5aakx6qngIge9pezgNAJ0cakWGUJwQmiYm97bu1se9S64M+nTHP\r\nZ+bdmDBfn/Itn8mqpuYN1q6juAHCLSZk3vwD/E/3q7ssGkDwA8uP6A27TQbb\r\nHg9j0ESPfbFs8dXJ9PHuzZJ7SO31Z6JKT+I/Hl7qA4C0Yd3WMyN75PtEXDaq\r\nDMG3b+p6UzdDOxaliW/lUIsmq9t6iKbDlVi8DbP/4TkyIXLhhsFmMbHeSjbs\r\nqGTKUOLZdAFytAzXfOBOfWBLL9Txkcnbu1DtQNZw3FTlOO1FgYd0eJPKwR3l\r\nFR78/vvMi49zG/ky/keZQNmA875ugoynPIQ=\r\n=wWlX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.3a1f46c66.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.3a1f46c66.0_1669809976239_0.6184808085489106","host":"s3://npm-registry-packages"}},"15.0.0-canary.32d8a9648.0":{"name":"@material/rtl","version":"15.0.0-canary.32d8a9648.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f73e42d6efd7a0f24fb53083bf7a220cf62e61c3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.32d8a9648.0.tgz","fileCount":16,"integrity":"sha512-BXXFSTp0fREeS1v6BXdf/N7sKL7PGBv77XZXZH4Fe/YcFtC5fUjiuWqVhI31e7DbjLK/EZUtVh5F/6vQneVp4w==","signatures":[{"sig":"MEQCIDXxls2YQyeosgIUHlf+9FkhuqSfEUVexSUDVW8mUoJAAiAtwKTghuNiZQo+pDxxgTP69hfcpg9KP53ZrTdKei0sDw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiOQ0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmppSQ/+MhtL+5J2BiCudKZYA1wFUL17On4wGQgsAx2ntV+DedLtg0uY\r\nVJCsW3XR4p7Vt5KlD9nLy14buVKPWRXAMKhmhQAYLIsNdMBhp2sqssuSAdrX\r\npV/tc6o2feizv/f+QT2GfUi6lzFh/X569t3ug2C/iabKaRWY9xAGov8dOmrp\r\nG3kK1UjydX+TWCJ+SRuSs1RVrKu76LVsuThxibQX9SaBFp3dsNmCd0lNRZBi\r\nEpDg4SbLOjkW8naMEU/fM8i0cvRzUq3odthrQ3aA/dn1CiGU5sRv/cS3ZHpQ\r\nKkabpg69KRn+NHi0v+AGUWHqcGYUWI3ch8tMLlwqnVmKn8qqm/eqwOlbyvi6\r\nhoQfb62s7j3OGpiTQwZGoop75RLeWRst9LMARId6y3kIdkrYKTTpGVv7cEuY\r\n+8kMNTDmDlQvxxUWWqj7tdai3eMnG/XrePjkbl9urLN+pN9qIsEUEQ3NSyj5\r\ny/PekE5AVFAoGExpyqbR37IinbYM25+EHB/F/y7YlFYGSDJsPp4yXEkEpAOU\r\nCEwDcs7mbQmunqn7wVW6ItXtIGNtekURNO3nQ6ot2uIPGVETK71RXQXhh0I1\r\nltJlmLEbfEqbJzIwfKl1ChZzvsQ343Waneb5oIpxlrsWQw/PBpr1AFr6V13E\r\nRnxtGCD/aOl7W9E7N2ggvF15LxwZsJccUfI=\r\n=Lw8t\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.32d8a9648.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.32d8a9648.0_1669915700710_0.4133453441671828","host":"s3://npm-registry-packages"}},"15.0.0-canary.03618ab70.0":{"name":"@material/rtl","version":"15.0.0-canary.03618ab70.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ce7faa8589362fa606483b47240a88f7289453a0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.03618ab70.0.tgz","fileCount":16,"integrity":"sha512-6oN7Nnk8nFlAscdOravpFxR04DOWo2xMMcwtx6QSV4lQoOWExzGPHDXDk5vSqihbSFjHTzuGVgiHrRfFiYasHA==","signatures":[{"sig":"MEYCIQDVfITYwM7wmUiTD6wB9ae9GnuIIycAHFEd3NgLbDB/kgIhAIXHEKLPV7tAHAlJFJgjGHb+NNJf0FcjohRBNLO9UH33","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiRReACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmps+Q/9E5Xhr4OIB95pTi8EH7gzXuGTpxFYjF984AJvtccccICHhO5i\r\n+PceSG2w4mQ6LIs9972LL7fTehbUvxbAJ7y4kdTVTOJPvFBwvBcM0+s3XuIT\r\nyLLTgbA94gKPKAm6p7+/AfNtopidU8p532JJG/JlZ4Vb/7iVGzFGqGfn6H1y\r\ng9qQxJrgxTzm8kKTg9nuqksztVmb5b+8LzvAusQc2oRlgsNZoYHjrkC7lIoo\r\n5cYXhNHPmbyNcBpUB5HTgBLsLKas6bO9Vs8d8P/c3NT96dQ4yWTtic0oo/X6\r\nnPXxCt76IzO0SijGG+RewmDQpes9igSrFjcF2zaTMsOjSqmfF4JKyNvVmk1L\r\nq2TmUQwarCKqNxwXripi9OfQI2C1QkTNTR/FrpIbdBRUyxX+i9lRkAzH+EW9\r\nQCBli+6xPOVhHVN9fUxiyD7JozvY4IlKFrjgKn7CqEhsbJad8sv1vVbmCpGS\r\nzDr1FKzadiuemIE2JBGkJfKTq7ePXjMYa/DOpFdZNHBf3OZCY06SxJM/KsFO\r\n5HPtPqoFJIVWZNo0dVrWWc2Q54NeeRluzTYYABv0D7hxMTChoxqanwbkMCdS\r\nJCDYNa1Ut8mq/l6zNXLQE6DasP/dkxpg5a0rs8Z4XaBLgWXY/48WiN+ovD9r\r\nZ5QdvJrjku2AoHuL3WX18thlSFkfX3KnBzU=\r\n=7J4h\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.03618ab70.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.03618ab70.0_1669928030191_0.5397250831849545","host":"s3://npm-registry-packages"}},"15.0.0-canary.68aaed940.0":{"name":"@material/rtl","version":"15.0.0-canary.68aaed940.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ac3d6a6bca46d5e594e2afbcff7e7c19cb9415e2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.68aaed940.0.tgz","fileCount":16,"integrity":"sha512-gkaUiqE4pb5Ar1Z1cLVgDaiSv3PEqQvbv4jUtSNfNH/iCmqJgdLL4HGue6kMrPSsxCWrmDgZlFoG7kUk86QpEg==","signatures":[{"sig":"MEQCIGzeevMypqYk5Kvd7B+fOomdt+N/3jMcqFjkRoNPYl8vAiBYRkNn8Zr3D2d6LXqZtmBN3w7G+RTsbhi6yn1jMfu43w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiRtIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrfsA//UMmPnF/ba8Wkkwm45PyzfD6gvuzBXa2r+YYCPlOfqfPADhCN\r\nnbktFeMDw9GJ3Ddxxt2BJ82TJFA7cGImJKwIl8Bw0j0m2ae4zq50aoNYkjSQ\r\npOKu3zI3YgTUeOYDaIFOOpOD1VgGiwjCaPYq+tMO83q8JgWfftDKxKtsCYRg\r\nTG5InGypU9ikqRG3oWSieK34NEyIRMpL5kpgLqpAAFO8rVkU0tAx4sv6mOzi\r\nuKs0/cEy+bKrgXSuwYN7FqmaUavyQQK3cY09ZxFjsGz6o0/CfjKH1u3kgCLm\r\nlda7s3CpXLXnhMKndElVpWsD0baRASpj5co5K72xAKaZwWZ84b/tAr4xH68u\r\n2FxJjyelptoM/lingFjpXv09p8Hm0b7ewxPm0tYJNku0g9T8SkcyZUD5J5Ow\r\nxgynuKeMULMxJhsFy6SVy6jmkPNimUgAPfnqP0FYNkQmg/OuPs4lOGyDXd6T\r\neDeuTd7Pdy02+q6cBwb6P2ITlSeGCFopS5lNunWvxG3L1/DRPgwGOeEpOpdT\r\nxSmtD2M/oAdwH49J8e8Zwl7fgn9d2gqmsscz8I+XaYKrG2jiX+txuyHZ6Pds\r\nj8+Iij09kKMfcZam8My1boOxwMMLHHHTmSC6ZVQK4HoQG8cHrJ83qKuJHFJL\r\ncijnEXdYib+DrBNPdVGaOPkSolhSWO5eLgw=\r\n=c4Fc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.68aaed940.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.68aaed940.0_1669929800705_0.009725430285971726","host":"s3://npm-registry-packages"}},"15.0.0-canary.f0a0bbc75.0":{"name":"@material/rtl","version":"15.0.0-canary.f0a0bbc75.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5f1992014cbebae5a0e57eb3f9d51a955d2066f3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.f0a0bbc75.0.tgz","fileCount":16,"integrity":"sha512-+pGlTUsU/7sFGIi8856DQy1s7M5Goi7fZoclC5E5fOwcUKZqgiwaL+E1hPPtp3FKWLeiEbkofADHnnYVz6ha4Q==","signatures":[{"sig":"MEUCIQCsnV3UgD4CgAueyMg2R5Kiv3J/xPobSY76yucQJ5/bswIgSBH6yfnd/LdMpNjw48Q+1lUWOANGwBRgmIAXjavMGvQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjib7TACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrQdw/9FstcnRdOm0UFxOkWjHgAk5hf4Vpk/k5f8z18f5GdadY4xLxg\r\n0cILQmLKQpWXq7xsfH+pe2L2nGDrNFzISUsh3Gp+qQlmrKX41taRod7SvTVZ\r\nIua7SzPv5bVxcismMYF5KLHayzkbQWzBxS0LYiyA2E1CPnICYUjvJxC/FyDn\r\nHfvcUxewxOC8UUwz4SyvDX9vZc+83TwXfGsAPnT5nGhr+7wRflPsiuZB9tzU\r\nzZsQqHcmLDIM8MiX2F20ckGTP4KWmKeZgqsmD9YjscWrvK4NxKfQIHCOucNq\r\n6V2B4J2etj34EgkPcamO9g/rjXzfDOqVwvQE9634OHwSVD5xcPwU0RYbmdpc\r\nI4hUS+yt06WBSGCw3dh7b/ODOWE/H+iCS8gCHniMU3j0Eg/0zOxtqwlD2iRM\r\nUJeO4qzsmUvF3d50KoCPRCkIwZBexCJPILBL2sLvmZ6GG4KQxYfhaLKsUjB3\r\nqeLlHAZ0N/+S7zAV2AUuQser4LEhY+AtTj3MClCfH3lBArpCq/a6srxblW0S\r\nUzmvOnenOkP5Jm02sk81Df7hdxZxTnTjio/YXOnUgria4WP/abJrReFgAxdP\r\nIZbyWIBD0Yrq+8vDTZDJZfl97AdOjlMTiXj/D97WRTMhKzq6R4rfjyPExVlJ\r\nZ5KYCALMHaa2haM4pRXHA2+HqhuNpjOlhPw=\r\n=DkZZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.f0a0bbc75.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.f0a0bbc75.0_1669971667244_0.40654148071304297","host":"s3://npm-registry-packages"}},"15.0.0-canary.dd99c8764.0":{"name":"@material/rtl","version":"15.0.0-canary.dd99c8764.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a63bf8cd1d9c8d4141bbbbf53830d166b8dc3908","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.dd99c8764.0.tgz","fileCount":16,"integrity":"sha512-y8tRN1vNE2j2ZGb1VEIf3BA8z8oNAUpv4Z4zwWenm8Lk7lk4wOvsdnctIlnMh2jU3VI5tCP47CURAwiNYkiRsA==","signatures":[{"sig":"MEQCIEBdnL716QFRluPeXndi39WLwliR2pvzpvYgvQDXkCsWAiA4HEPOw3Nfbe3lnEnxh4nwRy1kxu5+xKNRXj4ISEHHeA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjigTzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpzWw/9F7lY665BbqMd94QcI0XbOCvNZwqNZ8+KWDq07+CJMJeqSVAH\r\n+UwpicyCrFRsHjWCsvxbpPUEA8kbCXVfk+LV8ZoqrQUeptu/sE7t46/NeRlV\r\nHV01mOElSIKAx2+7xR4X1s5i8LxruxgV8ZsAmRBD2RaWuEd4D4t/C5o0QD80\r\n/wCq/6+DNuwDwpg8QBVeXgNPqKlhdiBm0WM6uE90e1snWsVgbkVngufgT/tp\r\nh6l4X07PVTK+dUfz6R6QeoYmcep9qkKRNQycnebojiuNK4hM7GS0AEdd7ud8\r\nN+85bmcVYugMJeryws3F0arYkuY9HsqlQvsQCPf3lZlEjnsVsvJqRmfWxHtW\r\nl7uFbi8Xy4cX53WOs4TcwNZ37ivIogxgu3t3XmXeK08ku/F2jOiCVb5Zl4KS\r\nfECwsuY1p2RXs0T4cuWOSD71rD9NTfDZQBo134WZa2BKAR2o3b8Unr4b0L3n\r\n2QKL8ZcVB/ZGoETvY+WcvGDhQOEj361sgAxKMxr/K0FduEPd695l/Plrgxg+\r\nJPRBTVxqLFnqLUeDt6bP2uMORMSwXFAV47b2iySVkhR1WF2D2gYU079EhDua\r\nSq7+kDL2HjOTu6HaUYs297MWBo/aW3kYmWupt458cXNzJ9pdHNEROoyhCZCo\r\nODIOlpOyATLXJ2o9AwNMvym8hmuKF0fGHNI=\r\n=swfp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.dd99c8764.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.dd99c8764.0_1669989619319_0.49592067017326835","host":"s3://npm-registry-packages"}},"15.0.0-canary.fabdcca3a.0":{"name":"@material/rtl","version":"15.0.0-canary.fabdcca3a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a6f69793e0694dc775cee6d8f99c7ec06b40498d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.fabdcca3a.0.tgz","fileCount":16,"integrity":"sha512-uyf775D0fFxsR6dfjOdCHOgywOBvY1cy/7HasV+B1TBTBZPVR6s/DWYysJ26uqo8uVXU94ujma6dWSTHd35PBQ==","signatures":[{"sig":"MEQCIAJG9/VUGwPvfOpM+F4fEB09A7IA2a2kbb25mCqV5JAYAiBfY0CixOdqroz7A8zTfYG9SmgmIhEKVKObqKqr30ZH9A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjihRiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrfPw//TqWKD3jM2k0GnbfJDTWSo2NGKCggkBtNP74kc28hnQSjAhYA\r\nLTc5Cm7Vl2vtPfu+YEY8aNJtQRXd17/Z5vDLRRzLiChSefslWNtOWoHfKnh+\r\n70GbJbvSwZcQf19kLBhl7j66YHEDMxtARpgFVnHc3q8Y10oRPLoTstVUBchO\r\nlqKy308mtMKsr0LVb4nZ+RptpIBZK4yy8Sr5FW+XO7p7wvp1pmsQ7ur8mzDX\r\nwodxTMa7Q+RmpG++gY7xU1cMsTBrW8TjRPtqxqxrgDB3HBlx/HBtBFGiLRmk\r\n+FLd7yWp9Rgv0DQU4XiUPg0+qj49Bmq2wgWxzzywSVvlPDdmimGmzY0Boa8Z\r\nu8S2xZfXeBW4P9UmWjm7d4itmXF7l+4B2ek5NSdvOkh2XAPPaevul0N9OS9s\r\ntBqPDMFUQFRA5995y6B8z0TLxdJVpzF1LpOBXCHybFpzAHz+VYzd+qeO2UjC\r\nlqNdAWwb+ETSShm3Ho3WfI8aAEudUrTY3+q5t8fC2rI2W+EICqnggdTKUFL8\r\noGhClScQcivvXGTgCvVSQNhq9utVSJrGEhTGeSUWeOF9FVCXWTeAsp46V58z\r\np6e03BbakCC3qNSAdc45LCJXNb1UaBlhM2iNsRPNGMAyWAMxK7SzybK5qZcu\r\n46PgALX36Lm9fzMxIKwbvKC2qNMjTKw6Cow=\r\n=37SD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.fabdcca3a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.fabdcca3a.0_1669993570492_0.596655603445176","host":"s3://npm-registry-packages"}},"15.0.0-canary.2d26722d2.0":{"name":"@material/rtl","version":"15.0.0-canary.2d26722d2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9e5628d47d48b3102c2037c1791a68e17926f5f1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.2d26722d2.0.tgz","fileCount":16,"integrity":"sha512-tOmfC0s3XH4ysUov4fvZ0udYBDsVygO+cAHOFSRyOhTc3PEaRmOxTMbrZ2rtSeSEyDX5p5IB9WMQ0q0KG+VDEg==","signatures":[{"sig":"MEUCIQCcDuNB9vRI9xUWSmnbjZ6YLIUQEbi411Lx3ktoSsZlqAIgWUdSLm1s57JTmqkkgYCUMEMieuqKhkHGfoA+uoIc89E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiicNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpSgA//VS8lAqqSXEUJ/C6fOdwEtivl8NE6mZEqQEOtqT/VRIMWERuv\r\n0cv48odJTESSL83nEwrzuWCEjOKwtbfar2V0uvTp7jdoVVMlKTAVagV+H9zi\r\nuRgvAGb8IMlbgy6Jfr+pA6PU0rQ758B9YHlJlIbG+/QHbactfxawpn8+HfQb\r\n5d+YGBtpVrV4YZMLtoc3ERB8Q89wKaJhxEzmPxTVE0G5FAyEk6pvZBBrGpQE\r\nirqzTWjXJwxsJLMtryTN9ISQo6UYdrljHGZsFl9mTpAKLfBUNGn2ZSUdWRQW\r\nn364mGPMx1V5Lk7GAFygE+BzlDshtLfDPD3KjZdNz18PHusTGm2Zawfh89Oc\r\nAvwEJDxkObSxc7I8jbg0vf5av6jA32nOc8X87LRvIPNU9bQSrWfGEbG7R9DZ\r\nmcDuuPt4omuEy1zGUWfyRIqJCTnWbB7jnR8ug5KbJ5D+y0u0ZeeRH1bCu6Ed\r\ne5DisLYwQ0k4Ivh+0+c+pBTnpi9uzHy/430mpEFw3oQmniaOsvQdTLrBz761\r\nII9pk9Wbk4MeVtoF6NjrELbpADqSfsmf5r6tXL6BAqtwoT9sKyGwI6ck3VhV\r\nCu1gDaaMB52EUFPN8odr2kotyfie81lA3jFIOrSiSvjVKWbK679+Vu8vogXw\r\n2t4phoC4eCfVSEgezwvhU/95BRQ5vpEXaZU=\r\n=Dr5d\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.2d26722d2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.2d26722d2.0_1669998349380_0.2742363274501953","host":"s3://npm-registry-packages"}},"15.0.0-canary.eaa0c3a86.0":{"name":"@material/rtl","version":"15.0.0-canary.eaa0c3a86.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"751277100a15323eb3995eb94599b8cda396b9a0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.eaa0c3a86.0.tgz","fileCount":16,"integrity":"sha512-4+RomKppUBAaRI8+IjDhaTycRneO+vUCjL77JUMrtkwz8WPcljJkVfGWwGyLS87V/HPPefHYx4JoZFn/snkbjw==","signatures":[{"sig":"MEUCIFqr4vkht3a9Y3bxGNngvTSzpx94xzLmd5D9ebMlXz10AiEA2uYFeCVwM1T93Z+7GtU3YIZnFrPyb13sEqq41APGzzU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjijjhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoipQ//crXT3WQVQyHO/fDg5w7xdpCkRqtPP4IdXz9cPFINwlAF1gMD\r\nbg3ORoWoIRIZ0WbpmFgSJsQldO8a9b1tqPB7V31wzahn69i33R3KCkEOQigR\r\nJE+Z0N0+j74Q/n/raPdi6WK2Sk7+BiWMZshGhrZrt6o7Jrl5UvNgivmZ7jJK\r\n3wO/o9zL7QJMgaDndS2l7+98puvbrQPhSpbkCK10O3UXqHczMg5g+2/LDkM9\r\n3W3ISkscpb1Q+bzfXluzZ2RGRQugjbJF5x6ndcHDd3EnOxJdfpMXtF8M0vtt\r\nPCEheyYejBTrmEdQeQU0NhWSZuAfUcJllYEckpIGPfGsoAy7dGLPRhL0UabS\r\nlUCzRbvaEVzr8Yl7Z0Z43s6w2DpWMjoiOpG+DGvxPu3pBFFfDbFGaye235DM\r\n7iwj+HSqet2jLpl+Gx8ES4DM/xh3qMMwdoop7HogU2z4pLBEHyUin0XqGFjW\r\nK+Rww0IfkhDCx7W+ki6qN4VBkZ/I6J7gmEfe0lpbhOEqXIGazwl+f45VedI2\r\nJdewFByYDc7ViA71R/Ds0xJmh81G6ActPuP8ciz71Qk7I1C67bvNjmtYLnGN\r\n1LrNzdSI/4qj2oLxZW+SQ8HIV20rpXsIGqJ+tlv0ffIyoDWgEKE+FY/+OLUD\r\njAwy1fInvq3eZq3JsQ5wqaXcaNXiN3psms0=\r\n=ML54\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.eaa0c3a86.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.eaa0c3a86.0_1670002913581_0.5075391891243717","host":"s3://npm-registry-packages"}},"15.0.0-canary.79a613bbd.0":{"name":"@material/rtl","version":"15.0.0-canary.79a613bbd.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1e5ad891d059ac1513e984ca1f6bb88dfda8fa56","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.79a613bbd.0.tgz","fileCount":16,"integrity":"sha512-s34SXo2NrH2ZJp6alY+Upo0KQMzEytzF4L9a8rnbzwU0NYnPqtP3Q/ivBiKvERMUg+dDHV+4vHMAKDSTNRdA5Q==","signatures":[{"sig":"MEYCIQCggBfTsL/2HRjRpqvRTK1CZ7pzi+WhLBenm4L7njn1VwIhANHXmpP9e5RhJKC0iwjdglV3w3as0HKDbUI1YCAd0T99","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjj1DAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo3lBAAipqMWgXn6ff1KksCwOIomfVD1uMMMAsonqs9AZ6f5WhyDq22\r\nsIKts3bpq66cCJLre9PmbneAVAArA0Cy8ddW0F1ZyNhKIPmWtSreNlITp/mw\r\nov8Sc3s31b5X9H6CzwFU0pAjybfneozU1O663yydBD6gN6wX6IIvY09vg8Z4\r\nKUpxVBRGqNW6v1qmAuitByMJ/fM7J01T9vwQofgvcJJNc7hDSGaGW9hIks9F\r\nKTWqM7jDUa0gwBOi3/qrssttclBhnWAyk40pd2SATES8DQX58tB5D9/F0O/S\r\nleYBIcANBlOVUosrvx5gLYiZNCotOb3amd0ayLymnGVrHprm1PzgPjiEX2Oe\r\n71u4juJ6BFaTCW+cAFvzTCKcWcxeEPqTHgnt0G6Bg68Aa4zbvxnM3grfNIgp\r\ntPH2vhuzhvCu+l3VhlSBLBbQRyyY8ZCU5+XUl6dmHrTSvX6i97rItBAKZFyG\r\nh7fE8+QcMa6UycUhz3ljSBff9o0FTFn85TpDpaRXvnTMc2QoYJfmAwgIrKga\r\nOruvnZDC13esENityydsIvSyAM3GXsdCRsIWJ7QaSLEJVwK3gAPe6Grb7f6C\r\n/uoAvJb/RLf8A4avwSZfcKy4uohphoWlteS6DtX2dTlpdO/HKJAs8MIswgH5\r\nOtj82VGes4hmbvNcPmzOEFIiXSU4vIIQPRY=\r\n=7yQz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.79a613bbd.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.79a613bbd.0_1670336704165_0.6086693482525147","host":"s3://npm-registry-packages"}},"15.0.0-canary.c871fe61e.0":{"name":"@material/rtl","version":"15.0.0-canary.c871fe61e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"574b296443322555770588399c53288c665bebe4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.c871fe61e.0.tgz","fileCount":16,"integrity":"sha512-+f4zBoN5EwHDR9Y6XH49TRUPGhwuWAXc0aBQQgHVw0XTdlPYaxMMSI8Feqy/WqKYrv6OiMoQSUUjFIhuys1ZGw==","signatures":[{"sig":"MEUCIHDpF730P8TRPjXZ3w88m8fZ+KlpsuKc4NH2H7sMokAzAiEA9Uor97KPEfhz8ynpVFQzAJwHqr7Ojn2jNh87TPpLSnI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkEX3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0Dg//bEXkW9ahDOy1zFXanVSXX0ipQbTDWLWbWFCobM1zb9GAo8d/\r\nEsp6JyelNtPZfNpOUf0gXKcdDDkqiz7zXE37/Jqu6FSlkHv6vx9kB/XEdFYp\r\nSfMbhyhmWhi/62zdNJDnXn770bWMkWrmbN3e4RHfMJE9SNEcjyWO4w3VZ8wf\r\nqa49CJArAXOck/0U8cU6Pdt7mLXFfgdon399aPU2aLzvLuMOkZwruWQkVxx0\r\nt5yDLV/loNplEb5rMxwY/x9Yr0jzDbP7aVYd+8ZezaqovCdUoUseyoykMZ32\r\neTjraicq1k1DUlDHatThi2UCSb5pb7Y+XIHDHFkOjBhx4iWm5xSEsxdj4kTk\r\nk6I3G3V7QGGAL6Pi4Pauz9KK18CyQTEiXXZOw0/L5Njp2qFzIIN28G6SZl8b\r\nfDqafMB1ut6KLpl+K4Wpl7CGSbTtsCV6MXBgcejzh3Ip5+8cYx+QFgu8wACI\r\nFZBPKsWXQO8eGBrrp39QXmYTM1H8DONMOfGph5WzRifeyxcAIp/Jvwvp1g3X\r\nTwaNZHBwn939P8UDefK5QA0pM7Bb9UFUE8kDs8PLKg1Ta6W4mZdnH9+ZGbJI\r\nYB/DJcP7ij/owK2DX9N17et6CZYelPLlkvjAQDsMjNs5LC+UemVqOO00zQjR\r\nmBs5innm5PoAj6fSUKM/ISi0tXPSWcdPMzw=\r\n=0kqC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.c871fe61e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.c871fe61e.0_1670399479050_0.8992795273274721","host":"s3://npm-registry-packages"}},"15.0.0-canary.9eaee7936.0":{"name":"@material/rtl","version":"15.0.0-canary.9eaee7936.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"31b0d58c33f2d7f244646a6a1ad7ecdb2373e2ef","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.9eaee7936.0.tgz","fileCount":16,"integrity":"sha512-FFKvDsXCbx0TE0loCYHHmzFWSt2w/SN73L7cacXAMn6+/d2W4/yqdWL1JWl4v2Zzs7ak4lbL3YSjWVB2QmSUKA==","signatures":[{"sig":"MEUCIH4HMevsEvim5uvw1LVN8PJoR0ep/tzSNWuie4ZF/3mmAiEAqlFQAbOe7YprlC3A/KwrAah/D9wiuCRTM6W4TQHNA38=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkPFDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrfSQ//a01/Mo/AiBH5entQBOlIHdJjevORfIKAABN77RbdZOFl3fF8\r\nEi7qyG/Qhfwy3hNve6DKWjHcjtVj1fztXUOlmHFn/f0nnsfWJBUJj2iEPh6I\r\nhW65+I7DEhUmU0WTFD+/+KDBWH4samZIbHrPsVogxGGC+G3mpNa+kzqQwyek\r\n91pRP6dpkmHFos5DGEdv7leUjZWmUpgg5RmTHf2NQkQkyF2vDflC0yzP720C\r\nErO0ahwQ3BZz6QTTgVEv79FgywsSBWUnkmcMdTfjzBMzdtn2kmwk0I9EvslL\r\nSLiWeYzVtrd7i6LcdKRDBroaEP5WqRkXHXnFbAWUsTLOUgKBv0pnmT5xFPBh\r\npP5O48Emv77oeJdMjNWgB4tI9VFWm58xd31V7PiS0Q1UWMuT/7idNVs64qyh\r\ndsQ5a66jxg0Ziiwq625UqTfo9Bu1x/icmCI5as8SMbqKU4+gaFyr3D8TlEhX\r\n5b7F6lZi6+1UWbFC5YvSSzTsbnYtuvp1h8WB2A49Xl5d2Uy4VyFg9cXRuLXH\r\njzqYEvN+3VbIq1YapBVZfwVgy2esZODyVTvYpRzqi0p8tgq2vI/roFWFFcTJ\r\nvwYwVPWRiNB08KsSwRW5npmOA0QUftNQl9jtZamUo4+kX4uhooE0tOESViFM\r\n0+Ewa9jfcyhUZJQqdRP9UXgxzspyj/5Zsww=\r\n=2pti\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.9eaee7936.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.9eaee7936.0_1670443331796_0.7736733022701623","host":"s3://npm-registry-packages"}},"15.0.0-canary.1d37bf601.0":{"name":"@material/rtl","version":"15.0.0-canary.1d37bf601.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0930f33ce837e861c6a3039ed42dd8e6a94b04de","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.1d37bf601.0.tgz","fileCount":16,"integrity":"sha512-PYRxJcpqSaeODmVsOCARKvR6ZZhXERaonJrc3pDJe8tY2ymawDKwXT42Jn52TdrNftRjzwSuRlbftPL60mUAeQ==","signatures":[{"sig":"MEUCID92+UesmPPURbQ1FDlKqvW8PK11tDwLZUeXrjAGtLy5AiEApo1Riz+IOaBM2RpdRpAOGPVbmvqNzShoybdEkaLA7yM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkPpHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqCQxAAhf5qFO/KuoUYlZ26H4D2z23oHyvyeaxMd6e1Qc9RbIlsWwNv\r\nS5YvF+6OLSsn550OegzY7sbvJeOK4DuXoGSH7QhhEWcVJfkVLuKktEsTywXf\r\nS9F5c5q0SecEVdlQ7ZzCO50e9hSl0WBTAJKaKQR+bM/LCjNucWOANiSTNybs\r\nyNo/FpXQLpoul27NWDdmo59LCdpljRw7+7y1WaHqKMYaZv6UcgLRO1Ij50WV\r\nwH9Yzg1/c3HN0GPoDLSm52Rm9klvKPmyo0PQHsVlA4mkClXpa7SQzXtEjmPA\r\nj8ibn8N1KdlhnpprX98Ia7jJJmSOymM2pmr58vKlzNen2VbuObdRvp38jrFQ\r\nXWwqI2hEF/fKu8Dg02Ej4787Fm56fH7oMwcCcAWGfT1waqon2lR7wWipCtqH\r\nCy3T+wOym60yA1gu97dpzWXb27+gw8QVyP7+u1PZiyfb1FOpOQHO7by8X4Jd\r\na9z0F+sBQ/gfnwK2XtP6t0yg8OywhRsZytMPawq6U+VdSYltq2Qlu8yfrDgb\r\nMkf3a4k4k2pyaLtmFM1gy1oR5O020klZKLXwJPeW/b+6JS1hr2HNg2LwbyK/\r\nw+lZSAYSrKzqo+58ACHhAl2pxxjKwCJMH6k4cX/GBaP02MA0wR3f2MvJRkzX\r\nQIR5zqIT0FmTz6k+AMeZl18+S15dauAq7/o=\r\n=ziLO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.1d37bf601.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.1d37bf601.0_1670445639688_0.20541359698351647","host":"s3://npm-registry-packages"}},"15.0.0-canary.a5fe069d5.0":{"name":"@material/rtl","version":"15.0.0-canary.a5fe069d5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"850fa70ba905a48feba4a48a12ff47e9aa97c830","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a5fe069d5.0.tgz","fileCount":16,"integrity":"sha512-58n1xxSEHe7qx1QlAAKV6PYRQhNAxR7tcYd8TbqVZd3fPDPGX0fmc3KRozF9+VPxPRNleMp+iM7IXhQ1gVb2qQ==","signatures":[{"sig":"MEYCIQCRAAp3T3d9XxIfT7f8ybaejLpj2Es0eTO2bucm+79vjAIhAMuacAsEDqdHgf6N3hHmeOS+D1bzjuBUTp3rADGTsBaW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjk4HTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqumg//b04JVlKsl1nwigUaOmrCrYuSTxVqjIYejIkJEb64FyePZm6w\r\nFBZxbI6ByJVTFVuv221EAaZ2f4PuFY6ovmvMvvggLuT+rI1nyhBAi3fz6xlX\r\nYFaFYGXCyTX177YPYOBlFTXa6K0fIaKUNWk6Q7xdEEAO7iAgDv/oMTLjo3si\r\nRkGYYv49n7W2WFDMard9BLNxPBW9yoNbG2N8CUK8mwiLR/gTGhMCWh16KSJK\r\nUT+oLzvHW8c6gxwO0vFJuyWzPSmThBTd+LdW1dbYyBaRws6FqNE7vCrU9AZm\r\nO9nSnQ/cZS5kBTsQ7oqDg0M/dBmJLmg/rRVQc4EVK2+YqUEuBtYwuoVFTZjh\r\nNP9R3sD5S3trm4Xj52C1KEiEkTU57qnYlzgmG+Y5DeaOq4eSjKoufZLA4gnv\r\nTtXtJQxok1VFeazXl5pZeiwNCFsyb3DNmwjD0E3TWM3305tbO3GcTGgnB6xO\r\nZUrxSZvJbvxeCLrYVWiOc55Zskxt52Q1vX1+9auori3wFuH9GNE5IrzkmMpn\r\n8UpK7m1Y2LHlyv6FBi8qa/N4OaZJCrR5NnE8bQWloMFnlc6mzIaw9WXKSsp1\r\nZCUQukaGJI3mn9ZhB2mwJmtdV9PLE+PfAik/kz1c+PIOcCRiSu9xbJvs2XFp\r\nMn+Q/Wipp2GtisKzTrTPBMPOs6023ZQPqEs=\r\n=Bbco\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a5fe069d5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a5fe069d5.0_1670611411196_0.1099562579675879","host":"s3://npm-registry-packages"}},"15.0.0-canary.ce8b5326f.0":{"name":"@material/rtl","version":"15.0.0-canary.ce8b5326f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"080cfa896b7c71b2bd7a9e249575cd18b237cb1f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.ce8b5326f.0.tgz","fileCount":16,"integrity":"sha512-qc7IjWqgPHMN2EyikgQMxtAjmFUMnVgYhvAdaTY5+zKbK+EqJfqzQuYQW3QHODkh5pkmaeNFGLuZkaI2lTx8/A==","signatures":[{"sig":"MEQCIDsMjhfbMPHPCZmt9jIuF6aockvz7w9ILBJS+2vO+tR8AiAcYLP1Sbqq39zz2ImJg65IY+KdD4c6Z5i50tvxLxSyCw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjk8UBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqPHw/9HWOVm67G385d+t9lScJrDGoDX/Uy5xjzkHkteakzdDE9j/R7\r\nmjQevovW3wxVJHA8ZTePUtcUZ8YjdV0FX60X6jPw0pZakS45SMeuJuimJ7Rv\r\n3Fg8kPhCdNhiPnNqn3czyBGQwlDaw1rzSwN8V5qw4bDCtZB8QiQhVGFBtAQt\r\nKYwnRbIAr9BEa9rvsca7gvlwUKztI6VjOO74ILhHiyHnf+zUfXsivZU5VoGt\r\nbznPEVrcl5Tnaf8zL6nZwPyHUwWpTXUpWxbpe1pd4LsAJrPrZw9eO3uVYZIj\r\njFJ7Fjvqfddb/CLXkm1Hyw5rKV7KAuVE/LOSrRRRG9z0DzcJc2QHVo0e8BFX\r\nLUv90luHATNuUVAK7NToD3iEetknrBV28OZIi0Nr+YIOlaiuwIQr2ozJUiYo\r\nnTRaE27HCzUh4JA54WqHwORx58iCSC/v5x1sy0nQRzYOCPDJvsakeuLCDVpW\r\nagquzCtGQzqgDHI2oa9keFPgtNBlnosO+6Fppd4TrVxsSTkxJLRvRZuHLgAw\r\nNUKJeMuWdDnJboz88QN4PhK7sbudVJhlVLlxwtaBiSiU4sJKq14E8G31tXwZ\r\nakr1pInHKWAtXcVTwcjUdmDpwbjbjpYhmNcb6UaZuI9prWKb+GofJ5ffxHKt\r\nOVkkGN/DUei4AK/PNn3WVVjKGRtLAMGvzFQ=\r\n=NLhC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.ce8b5326f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.ce8b5326f.0_1670628608816_0.4735801780951394","host":"s3://npm-registry-packages"}},"15.0.0-canary.43f5323bc.0":{"name":"@material/rtl","version":"15.0.0-canary.43f5323bc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"60444eb20e1da79c905b62f28c798f81968c5c0b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.43f5323bc.0.tgz","fileCount":16,"integrity":"sha512-DcwTQFqlx68W7Ju5sjSGn/oZXQ82K5zJEAXQS00NPsZHnHlpMnLdrSnW8bs4DytAmc6nXNy+N5Y+1I3u/OTOsw==","signatures":[{"sig":"MEQCIAwsMZcS4bFvI/PPp93OTqGBsEwQ+v4jOARUAOGl9gQcAiBWRooAd/H/b1tlhagwBmU9RnYErzSFXzDlTTTD1nGrhg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjl1q0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrVBA//RIoMazNaCa9CnyF8DURVfBoUg1wgeF98W1IxfqQF8kTbIbS3\r\nA0Vn3z2Rj2C2SHrDn8cZH1TsYLwYLEUey5h2ixFBjMxKIBqOfqh78uVtOglj\r\nmyarNuatD4LagXf2kplwQZT2E0vsiRNB6bk4zgSbsWe+o115F3kaLY28t7Ak\r\nXVx0ddzWOkVuOLiJbtyAnk8+VlukcziH2abzqYKG27QWqUqHg8HvABjsrAZ1\r\n3DxZkAh09hiNfyjRuH507Y4wlcNl+i/3N31XUgN4+oqJd67Fj6ZvEeShYjtN\r\nydzyDCdOt9ns8HgDCar/krmvXK+L2ESO1c0hfT0nIyh+UDzz6fHBhayVX7sm\r\nY2EQyFdaKIzzE4mqrH49+atDTGgACa/Jib8G4C2z0daSTiCZluZl+z7FG1oD\r\ndPyRVrEKHoQ8bsEujNzFfYEronufz6WV744RR7eCrcB4UfGt5yvpiBV9eip4\r\nn0ivbIA9oFlKMLHtUzozpdtu5YHQTBAJgoUf0IC3nBL9rJy3Tb3RzH36rWBG\r\n7ndU+LPjRXznFI/wudoP1ZFsN8rQqLV8c2SU7//AAv0qIf+0u3bSaIUGN9kZ\r\n+DL5u4NohX4BNZCywUOPY4qdOJcDOniiQqRxGHLLvjAiGe2LF+qRerUAKtH1\r\n6qhRD+Egcco+KXLgyPJT94h0pV8kzfSR5Y0=\r\n=dVhe\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.43f5323bc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.43f5323bc.0_1670863540201_0.658724528483378","host":"s3://npm-registry-packages"}},"15.0.0-canary.5490e32e7.0":{"name":"@material/rtl","version":"15.0.0-canary.5490e32e7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4998b9a54a168b79a2e477b879ca8a2f2be6da61","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.5490e32e7.0.tgz","fileCount":16,"integrity":"sha512-0WQJmdxETvZ9icRTCm6v4JZrioXkpOYKXD8T7cUCdxqhwjlDg+sTd1tmVaMIoJl0RGYbHwm+APVzGIDVPiSYjA==","signatures":[{"sig":"MEUCIAWG2K519hn5ubMbQQSSdOYSgUEF2PWZ8w2Mep6pMG6KAiEA3k2AqigOgvdVKOl99+QwLF9qioPGcALZmXrp4NRUsjY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjl15mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoS9g//SAiij4buwPxshwRAPKuh4R8783TTAoH3PkaJ8Al33SuTg+hf\r\nV448CbFczrNfdHKzM0fv5hP8HYbIKG5/TuZ1IkjgUtnQ1YJUdf8Qm5FnzttH\r\n6izCYcu0nD5Cn4CPxeCPqz5g+jcD04WV2PZ6kfx7NdZinyKTNpoZrxQ9moCh\r\n36x/x9If3F9dMIleG+h4CFc0KuEQQXJmJM8oMYLW6jHolAxhm58rDt4onJrq\r\nw3yfZ5az1tzmBir/hYXRMwLhBvXqm541iWNj6LDaOilzioNNPe5E81MqwygG\r\n5d49UZYcNg49eG0wBZ914bd0QpTTJ5Hg5bmnMd5xwx2jbO4lYKW8GWlMhSs0\r\njiW4+68nNYLSUsV6KMGEPwXiWEeoZ79lGdtdML4p2YGQuFlUWjhICRhBXOEB\r\nB9LMfR31CyNyCsJxNvP7JWf5Hipw2FAh7KMMqaR69FsUnslYG8n62rZMTblT\r\nhHplJQqXExF80OEUwREZK0I9NveKWQnAKiI22G6j+H9lwlWHW/hTRuPUFncd\r\n+dF31DtSeK4ePD+JVKetVekHD089DS+d9f+7Lx6PVRnKfjeygrqTlzJdMZi/\r\niG7RU6lmw9s6DjzcEs9IaEEYxkKD9UWWlac3b7wLgbiBnFW7RrG6/6hDK8+I\r\nReMUJA57B9h7wmB0Hsvphh4w8/rUNHP/lDA=\r\n=VaoB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.5490e32e7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.5490e32e7.0_1670864486704_0.13393358931950972","host":"s3://npm-registry-packages"}},"15.0.0-canary.817002c29.0":{"name":"@material/rtl","version":"15.0.0-canary.817002c29.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b370d57eeb1d51e7b6a3906929d1cc98aafe5231","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.817002c29.0.tgz","fileCount":16,"integrity":"sha512-4mE1Qb/w1S8NThWWytfWwOIxbKqb2M4RPwmCRRuovn/z0tv7kQSVqUbhzoklua6tpjBXUm/lFr4BWmc4ErH6Tw==","signatures":[{"sig":"MEQCIEHm3vDA2uEXwYkoycJBcK/8Puj1P+EXvi4BWszWxxyVAiAv0WHuH/IMiYMWmhLHLvzqGDJppQQbwt22sMm4Myl/Dg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmPRQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrykQ/8DZ0zKPVYrMvKZTWoi8iguhFGtI3wkQmqBzOYndP99Xli7+Eg\r\n1iD/uAGujcshjfta8F/XF2KTcLlOXD4jIgQPaGI74RLOM5b7Mk1KB7d4bRHW\r\nucGjrXQeY9yWgp0SEyKuWjdN7RxQfW7h3y535gk1m7xnhmCtzUFlSqET3Ozr\r\nN1YRlB0PpVOL/04hWLub4YHT0akliFjut7aVYmhwr78jKav9fv8SQWuRS2Iq\r\nOXLsBDkNszeG1LAb6uiVFnK0yuoAwayUQ8WKd257M2VN+rX00d87wcRGjZqn\r\nrXVmLdiGDT3uXXgeOuRQ4s2EbN5G36MEgFmMfgAPBXumvzVFK/rzW/CG9HFY\r\nIeTPWaFPwxqWRPErPLLhntp8o992DImHuGgtjb9b/iwnYLE4MCr6gNnL8W3S\r\ngsusVXjOzKV+OdLgC/OVzt7oToC+sBxOMEr/atQujT00XcsJV3qRoZQyXk/x\r\najyiOSLOkvIQN9oHfBCjgYhIqcGDXOeibIQ6eOfA+gVHzyRDTV0s0XCuKLIn\r\nM1MyKa28ha+f95dCbkrjuGujJjexahA2YwZtEsBulqh/d8cjLAAyxK0OT1Qw\r\nFNeNZ0iEsK1VhyxT79B3fyPoVTpHEYxV6k0RL557+iguhPA+Af1HfJvXHI7x\r\njQ6h8QeZfqWPRBJtnUFRAb6E0leRYk3cEhI=\r\n=CMS9\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.817002c29.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.817002c29.0_1670968400445_0.6759828657897735","host":"s3://npm-registry-packages"}},"15.0.0-canary.313a1326a.0":{"name":"@material/rtl","version":"15.0.0-canary.313a1326a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d3b2b8054e1ad7ef1d6be89ea9c092e09cdf12ce","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.313a1326a.0.tgz","fileCount":16,"integrity":"sha512-PHjxqTAnogsQxlnf3b7SS/1QTBBP/rx1lCHgwjLMY346EzKgtKk//e2HoYpiB3PAXQQ5FzfZezy5hQDTIW7N2g==","signatures":[{"sig":"MEYCIQDE+WYpBsTK8fJtofll9ncrEhfUGcekdfRMDKBQ/D/GuQIhAN500rK2ovGdYrtnU/dvB+WLHLs3Jqxz9QHpQrWuVmf8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmaU3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoe+g//batPp9qOiZVED6CLsyR5gJiVzt8WByKrADyHYuLLS2z116kq\r\no78nx1MA1FDhxU5GeESiKdMZek3Dfd5aOXhgl05dOf3fkeNeoB7y1Ls8Ln0I\r\nCs2h6620XfGSmVlb3CtRfXVzMeZZ4jp/d0vdEr+4d1d+kTbeVUOeyQf9xFj8\r\n5rif5Y62h/5JkYTK4NoFvKrfP3gNKO3wtOwYMyqv3Zprqj+K1OP53yoORXkG\r\nPYYMMw8nzGQVbfII1KiPfUIl2N8h5SMNwdkcUTE6o/vP1D78oOnp2Vwdt52d\r\nBMb4MT2EbMaP0G/J57j5DDgr632e/KCPaOdpjLtLDX6tkjtJn3A9qxSpLg6a\r\nrEdVGcJrz6UNUIn5gZF5jTchvkDVV/qHBvZJqDfKDXPs+G0IAjV8uiSzxDFj\r\nhumDlAoAsYd76w2+/y+IXLpKT6iddWRsaGqt/q2+BNKphg7lamkq7W7+Hu6j\r\nZ6Wkyirii3WUMyyemepkZo5weIQWuQjjwj5AY/kSHfoCIMzh+EW1fQ7d4MUz\r\nMoeiBkWwALVS3y36CgUIHp9MoUpjyyV9VFhKIB5i1PIhFpON14nAQqXIeoj9\r\nNFsuEBqmJueimxcelTG6OSOCfBdaWLU2zeKZd+IIYZtGVKPsbAEkPuyjYqZb\r\nMnvkg/r8aNz0RNetzQWCMuJkl0/Zi1kSXx0=\r\n=/nfH\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.313a1326a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.313a1326a.0_1671013687443_0.14389961893768843","host":"s3://npm-registry-packages"}},"15.0.0-canary.a69c14e10.0":{"name":"@material/rtl","version":"15.0.0-canary.a69c14e10.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e61a93924e9aa3dae96b661d0a3317d26affcde9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a69c14e10.0.tgz","fileCount":16,"integrity":"sha512-Pw2HfTmFgF3E36+9n0mf+Fj5ikTOBOqCl/avYmi4dDobpk6R1HKGrXe8hC+EtaU6tc6SJki8vQKjg5W49DhXig==","signatures":[{"sig":"MEUCIGmheuaopmhVhC6+w2XPe2qaXiqf9RrEQHCVd/ShvJRYAiEAnzePHcxG80+NL3UwHrrljpAAI1aidTVybBGHoujXXBw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmbD1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmocoA/7BJYdEBnYfZGnKsneUJp7hVFFyEvCKo/6gcj9jWmKjXYWbpmu\r\n26GZhaAAWsGvybY3vmHIZzCA58yqyixN4s4Yq7P0vYerxuduz039XKkmo7Wj\r\nrHGoPRiaKYyAQd8SzNi2Hrz4AwG1N4OWGH4XZoDfLKeQT1OxL+BPb6qWyRXy\r\nxMPl7qCihHJQDtTRLC7c587V5jIIsOb1YcWjnhCTv9fHxHSmYjrjXUyPTkgP\r\nk99Q1mcaweEl5UlnjgJjm8cqcV2E5mzoSTBMve95lKILqK2Au/MaSCHjs2/M\r\no66nH2VIEdLIhKPOE8JaSDersHL6KfEGxpMd0g+xUiOFM1B/CTpoBiPACPCo\r\nOFjojpavHH0XbxqyJA7h6spn7/XUYBVGPJEcMEF9c85B0L13o7XOXNDy7lSp\r\nv9ukjFC/0DEvVP+20qSwZQtSqfQcCWE56111E2B2sOqJbngmyhs1m96dHLmZ\r\nHNxoOJYwqVDp7DwvB/6OTeX7lOjM16uc6K8ef5TKGpoFUT1NHGkfyiWa9fLd\r\ngNYlZDqFL2L3VrAxrPErm1UIMt837PN06chRaJ94ABTKzRcGYEgSJDTUN/hh\r\ntUngA6xfW7sYLwNeLIlPTtxxXpzuLioT0AlrmjzVWJLqWuMy+dNPuulpzlrf\r\nWBHKUbG7aPTAQjFrM7tBZyE8vbSLrJ1yUtM=\r\n=JFEq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a69c14e10.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a69c14e10.0_1671016693198_0.2637172699653667","host":"s3://npm-registry-packages"}},"15.0.0-canary.f43e0ceb5.0":{"name":"@material/rtl","version":"15.0.0-canary.f43e0ceb5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bf7b18608b3f5da99abf67c7b4d6592305d4663c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.f43e0ceb5.0.tgz","fileCount":16,"integrity":"sha512-1EZwN4aN2ONiBmY/bA3qIdnR3iHpkSGG9oF3HgyVpLYsCtqr+Q9U9PRhUgqBAOf4T6k7LStkfeW04r/2Qyxjfw==","signatures":[{"sig":"MEUCIBgFpsUoggeixmXe9izFASlYScrhfW5WBE9lSKU/+pEEAiEA5pAuuJHYHd3b7tk0zB8ZFgBpAblSU8qQgVKxRNduxNs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmf1bACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqXUg//e0O9MrG1tknAQXsX96tYYwYHyBQtFkebNCHAag0DSxUS79xI\r\nnQO4NK+negX8TFXCKnAVky7AHl3XS6gAtTs+qTD1e4L3CjLJ25XF6I2QOKy5\r\nTDpa1mzXLqx35m2g3lD3m+eO0OWuytdiiU1rEQGpGfsRxoM+wuMh8SpZ0mxA\r\nMXPze412DBU1gV3uIfrAqnU0K/Boc3rvvWyQ0h0OErTQBl9ECVlXtc9qvcj6\r\nu1FmqmK4+hSFDUwvqhDpmgwCScUjPgeHgOXxn163GM9Jj6dZJfewAIEklFf9\r\nzhs/8tAn2bU75kDF+YEUJ25m+gvnWUmFOL69EtMFCC3+hJYFFhnQvVT0JBTy\r\nlwvfUTnkKXUxYwVGBkxvaadUG1+WR1au9hBiNeJ892ROr9UoCmmdUZH+jhBf\r\nzRI+3o+FQmMVWaJHc8A7gmiEHQ0WV96z2Ejf+sVXjALaKuwMnJGu4T7zHCEw\r\nvSfEGKRuUfxpbL+mi/Gdj50EMmXR/AOvfVnFWSbPhS/KSLY5dUzVXKhpsoy7\r\nYkVBwPaGGs4oaGFoSLqXACOYkqMwD2zM2TnFaRW8kX8mhZCyLr+xsplrsqmJ\r\nrae2e4SbRnctOw1jqZyGRQnSnBVBpnmo2wn5Zb44jdLGvr4KoMVIn2M9Lkjb\r\nJqkfGoOlOMX93VYj1BhTFpF24N06bDYRMRo=\r\n=K+xC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.f43e0ceb5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.f43e0ceb5.0_1671036251030_0.6747774606659747","host":"s3://npm-registry-packages"}},"15.0.0-canary.34767110.0":{"name":"@material/rtl","version":"15.0.0-canary.34767110.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0ff0b9873f2014b7e9360118a004c660f7a6121c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.34767110.0.tgz","fileCount":16,"integrity":"sha512-FKpWwvZAYea/gMpgSMZpO+8D7Tqh0hmaQfwZ5tRn0Sak1LxsnLGbbglf35/gOZZEjN1e38R+/OezVLjSi//p4Q==","signatures":[{"sig":"MEQCIGzylCbZaggwDl4H1IuxiaPTEGb8D97GKj4kRJuTgxfgAiBYWWBcrXqFBSlYkfMlk78aEeJwH+Oj7V2c4mGI89X09Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21847,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmgYzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/2RAAn4E3FVGH8TX7UbL4ZaJyvRnh6fhAEyAf+HPZCd27IHJPwnOV\r\n++JlspW0SHRCh7GD9kPy6dRfFGZFNUHY6xwv0Xnt9vlkaOORWPQwGjUIB0QW\r\nAFz8y2CdNh/ODPnclfwxHVth09/w/M4VJQDeZIQcMqwGW/nxv8eTr9rNLf2C\r\nsb0bZM+9fPAyAvq50QoC2z6EgrdcuameLlPZIQeCdSfOU3c7cxDLPoRI5XHJ\r\n3mKjiB9Ta2vaiwDKqySARdepJib5ubwFNsChDrJ+I3zbWaVlbu4C3pzeu9lY\r\nL4WPNqo2q6mPZK0xRSVozow+jHMRp73bK7uqex4/8D+uQ4kE74JMvMZgcLGB\r\nNHYsHDLPe2okkj1QoxM8rQhy6c9jYMs3k9jkYFn5av4WhXLwyhnc0itGJPmr\r\n3rtu3c++l0OoNozMEuizNGTxElpdN+pKC8IC/3/2AhepsiBpcia/OiKn+/2N\r\nnnxkZLtAUKkgwkNBnzeTAmE8e/1Tauvf/VI74DcucPBjPXAlYhRT+WyFhybu\r\nd9pVb9OtEiTyZwK3KNOEXIvFq9iV5LfebROve1gM+NfwEkkXj4cS1WlNNrjK\r\n/lmVtTCdLF229jCcnDZaFf3INbDJef/+hkOrM+V4P4538NldrPjfq8uTXgTA\r\nyuz1AGRfYyFxfQSIGMQqAUamQB8iVq5hkZg=\r\n=pinL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.034767110.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.34767110.0_1671038515029_0.13734145082392035","host":"s3://npm-registry-packages"}},"15.0.0-canary.1f99f3c50.0":{"name":"@material/rtl","version":"15.0.0-canary.1f99f3c50.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7962f0284bab23af534842e89618ebb3cdda16d3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.1f99f3c50.0.tgz","fileCount":16,"integrity":"sha512-ZHbD2hvVx0lqoCbHEpj5CXzqzxvCgRNHFVWK0LTZaVM16rvyhWZ1zQ4KlxSDcvjlI5sxnlIr7cKT4qtQw+imEg==","signatures":[{"sig":"MEQCIH8XSFs+yINDdpo9xB+UwNqsTKGuZpPuhZH2XX7FkRMrAiArERpZ8wgIT78zj+JfhTxpD3agpumJpGtpdWOv4IV8MA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjmy40ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr5QA/9H0J+hfrYj42KwZ2x4rd7cXsoDVo43JPckQpCOlZfSy44YPMg\r\nc79y3DN45AAxuE60W/cXA7WQSCP5eRNbOOtnOwGucvwEQN3GYilwW4weuvU8\r\nQBTQu6q3msV87IRQdc2qPu26NcvciHR12Ttw08y9lVVcEHa0S/1QAPkNGCxj\r\nFfiF9to775lhTksU1AOm869twPoDax2AX0rruFNl9OD5Jp8zhxD/7iYT0Qxo\r\ne5JX7FbzisrjJz/rJWU/P3mZq9K1CuxSBPD4aEUiGeGSMVr5xexqDZc/RYFq\r\nVxur9W5a56r2Xu918Q/ttRydblvtL/R+KJ7HTPGa919zSqF1MDBkIhYPSmBI\r\nGlu/rI7eC537Vsef0TE19tASeqtrXgPR2cxXFQ2fXyWpjqz0Eya/6LBCIf+a\r\njxSPfwqJewoaHFNDZZV1eXjNop3JxX1m3EFBZClUvXpdFFEo0EpMU6ll4Fa8\r\nZAsKpQc69btvSEe0eP4w6EsH6Z73XxBoSIlFN/ELsTrRAZ/Ff7R77oWzY1i2\r\nlvMtfazM6S5kMYoUzaFyKggMY6SZkbiNbxmMkvAHCYVSL/YAXHb4Jn1IsxhT\r\nX2jlAAt0AztyClgnbmT+e+TI69wefG9u1g1USEiftNRFckXiYWYSSvIDPViw\r\nwi9ommV+FgiwRgtSVvY+wgSDMYTd+T724YM=\r\n=Yt6K\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.1f99f3c50.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.1f99f3c50.0_1671114292206_0.17076959222260601","host":"s3://npm-registry-packages"}},"15.0.0-canary.cfd69490f.0":{"name":"@material/rtl","version":"15.0.0-canary.cfd69490f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"11e40fd73b209c17420d13cc2e0b0a4dc88e864a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.cfd69490f.0.tgz","fileCount":16,"integrity":"sha512-An3hcJq1E+N/bT/XNFP/wLVbNhMJw7BKbqgInfjNLgJLGIoY2fSL9yPKplWtHtNi6n5n6prXDA4BWdjT6Xcqlw==","signatures":[{"sig":"MEYCIQCKY4KHY84YKHXtzKsQBFLmvDMmchDPXNFacZ5SS7uOcAIhANAX2cRSBnE5hVurYlUNeNKFEPUu+hubGZzNR5xD1VvX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjnNAcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr5hg//fiLyBDSkCXImv5jScokzI6E3UqMcv9K+4vhn2NyvDsaWp6Z0\r\nV6FOFLGyPL7tknodK17ZXIHJnvWqppzhJmr2PAvLXQNN0JARfHdpdIXmU2nt\r\n7AAW5+uuFWvjxU5F+gKv0PtK9yvcUeLwLA28FBZ2ona5LDaLbTaaCf84uv3A\r\nVABj3Exm0v6Yaxfhu5I44tMVZJ0FUdYTERVI1/T/8JtW1BxeokDqEtdtyRTM\r\nRuJjEdx6OrAmIg8gKm3gu6zWnTMlr9xI2pUD6fdWhrB/7oW4tGeGd1w21LMe\r\nEt3ctnAPzl1U731dbBqxNFkH0clb0UpwEuMsaQcTcCPfRr1yhjlXfJVw65no\r\nm3d7vONPML+uAjSUfR6crYEVd85wD6J5CGaLpubIkYcZ44lNJOtwTqj9P6Wc\r\nJfg1rFZhM2nhecN7p7AP4tHAmcK5MQ0EVqDR1w4tRUtA4U7Qu3MkVk6tC8e1\r\nkTzXOBDZnuMzcTgHogihuGKyRnGV0iBr91w9OMuYRf2Nc5fEhqf4xUmHhrjZ\r\nUD8qMAxWsg7BRwMvpn5OrOtCq0IpkQoGNjofGuIihe32caVPClbLeohX2yn4\r\n75TNHfuL65ayx2w7IIIO+f8eDFvN+Ze8k7JX0uswACuZcADhMsoIbCrzqy8P\r\nmmSfukcys87TdhbtwLQ7Qsl+pm21g6oWSbI=\r\n=i6Kp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.cfd69490f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.cfd69490f.0_1671221275895_0.8116009932059551","host":"s3://npm-registry-packages"}},"15.0.0-canary.94ad8d986.0":{"name":"@material/rtl","version":"15.0.0-canary.94ad8d986.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a4a4570046b26de1e4065fb7d3949e865400c3fa","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.94ad8d986.0.tgz","fileCount":16,"integrity":"sha512-NE3J1AnQXho4TPy6L2G/WKQuj6szhmD6sLqVLnMg/tnWlv3KowPRiXrzEvuwelEkD2T5/DoxPw6pOCtDXYfKdg==","signatures":[{"sig":"MEUCID7HJYz4WfpJ8M5ao6QYMy0r5zXAyYPPOPu+dv8rVZRBAiEA8Gt9eWLJMGWKPB9xrw4cxZnI3n++ZSpLOdFfsNEKciY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjoLrkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoKog//dAIT8H/+aG/TMSQyd2FfTCCt153KU/WLqtKmcPU6QnTzFtwE\r\nPvML0S3BZfFLQEncjxBxD81XzqIUi+hBdi81AtjtylmB15dzREdiM/iYlR9s\r\ngTquJsUD70R3Bk6wfDOTlv5a+j428OYhZRpgkXO7++bfVn8+ADY8XlOUlqmr\r\ne5vpM823XrnA5QpOVqkFby3KtI43LRcDef/zvdv9P7ceL1wlscOWD9JqK/XF\r\n7zis/Wp09FWTYJ7BSUfQJznktv3SL7zcAYnvV/Tk3Qme8KzPnZDqsHwE/c3Z\r\nXhp1dAQd2fg1nzxWsXVK9n6GS1FOJOf7OTao5Q6HQRIC4jHEwQGU2ikP0NQP\r\nkBFWAkerUBeUMPYo5hvaX5d4vJEi0KHi0YvYUbo4TVbmsOFOvfW45IU+tRvy\r\nuuPjuuXqx+CTnvC0sgerr8XyCow4tqNLkhV9qWJLTm8pSWHRj8ylKOKJYyzG\r\nUF9QcJOk+a02shhk6V65zS5+R8hkmzBAgharrMPnvDxxf/+cLHBh+HNCvIMb\r\nem0+PdP1kNQx2eikBi0ZyQ8+l+kU5pYTHlLaxZohT8/Nd1JuHzGGCJLZ3VFf\r\nZIR89loZ9g1NmQKa6JMsqTC5uJ7iqr102hnvAtSVTY3eT7Tj1qjuQuvyf87P\r\nEhC8HqSy/9HiT1y0EezcgOap7TYIas+DNi8=\r\n=inUE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.94ad8d986.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.94ad8d986.0_1671477988160_0.08246935052581761","host":"s3://npm-registry-packages"}},"15.0.0-canary.604264203.0":{"name":"@material/rtl","version":"15.0.0-canary.604264203.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"56dd5ebda2c61694f5be8a8127fcdbeb4f1092a4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.604264203.0.tgz","fileCount":16,"integrity":"sha512-XnBCO5aC4onhafvKdW8KqCI/9VAmS/Q7tG83+s2TZ21bTtyT2s4WK4rkuZPPpPTsGri456jVm/qoO3/5FpNIZA==","signatures":[{"sig":"MEQCIHzyh/fPfjuvJJYIOS4jzeJVR/sC2K+KzA3FtE7cEOptAiBVcKzKD5cApBduiDdykpIzDQ1glP6EEx9YMBAqglTqAw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjo308ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr1Bw//byecK0h+PULGMrchIrMbGx/rzc4Eo5DGToTlwnrOpUjhABTG\r\nhgYGFcG7Hcf9lWwgh//IcgWaIZd4vR/8ovAOiixoJH5NVFz8Cd5Fg80I65gt\r\nu21BCNIots0Uh3F30WNGlLUG4fFkz3XMhzyl7aADp6aLO6HfyhYfbj5p5s5C\r\nbucnQwqnDdjB1BxhUH4k5LIE9HmK5/YAbZi1sXnaWlTJ9aMysJPtdMYPQKmv\r\nhjSGaRF//18bSwn3/ekKmbsW+jk+BlUXHaiXVBH6AslFgz5mdOE+a2R+lTRU\r\ndaRy8xapwBJrVyUrCEZkvSw2jCushGf/YZp3wuxF8WBvTCuIPX1np8E7ryS+\r\n7S86hd/SIBSWmChDdJl/ZSNc21xh6WpydEnLkdXTx5/K5CkLDCixMgjBoLC7\r\nio+Q6GoI54ACXps9X4aL+tJ9i+Uic/MOC2eEK81N+r27O+ytBTGWCBFvouaa\r\nPTvevtAFFI3idv3rY0UDcKkR/rB/e0zPo9oSl1AcdiUA+wUcs9232kLJni4T\r\nO8eF8YKbsmX0lgpZ6zItMCD13/eON/9HZA0kzQciFqOKsGzJsibIIcHifevt\r\neAtjOHq8gI7YY7RNmJ1v3WIO1z8qizupF/szcQ2XZlYMI/+f4aBcHSgHAhSc\r\n+aAvHQ8J6JWW+pHQTHHod9HcTvqYYrl96aQ=\r\n=l6Zx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.604264203.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.604264203.0_1671658812435_0.11868316594330142","host":"s3://npm-registry-packages"}},"15.0.0-canary.85bcff6af.0":{"name":"@material/rtl","version":"15.0.0-canary.85bcff6af.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d02c5292291f11e52b51ae1dd585d65e3860aef8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.85bcff6af.0.tgz","fileCount":16,"integrity":"sha512-u9z+b8ZSsI1RlbqYqOA7joAa5A9WBTvo8a/XU1GVZrwzmJqWvu6WvhdgGDXeiAqQhucvTxWjC+N4kq0o5iSfig==","signatures":[{"sig":"MEUCIET93IxYWPmU8dRduzNtBubOTRuv5C6rj5bafEWZkpxkAiEApAG/OersypGCd788UZGtx6a0Vsqr8XtHnbvlednlkH4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjpDBeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrq4w//RMLeLOd+Lur6FNYBJQhWxCfPNBMpSabQo719o8qgkQEGFWzG\r\n+TNe4jQFWVb1NiRYhAmsgwk3UvWxbxgiG8Ie9/unjyB9/iBdrZ6PguvJBp8f\r\n5GIGQYVKFwrHF34j3MoifUgzyNGYNfQ+xqK/6PfeqM8AAQJ6oNA80sIFQiDb\r\nXW/EfreX8KDmkNi3RAo5qz6BffIOoVKNvkj58MjRMXQ2qZqWwOp4PIFnKDkY\r\ndOPa3da2irAq3dmqU0neyl4Ok3p9GmD5YsgMXZmBIq8NM6OwQBmnrlBb+f9q\r\nh0YjqNYTmPoph/a0gZE1Me+Dp+cMba1hf+GUzcV+cfgV7qbC3zJ9O8QU86oP\r\nTHU8Iuj/BX4QG15FB9vOCjgNbbEWWhXo98M0Znw+OuXR3G2fFUkLFawInp4O\r\nWRBh1LnaY3DIOeTAA0XKAeZ4xavb0FGlg2WvXoqPvwtEGkASS3fAhTTLhcix\r\nKkDAxY3DSGkDFlgZGumKnFGhPYXvk8tE0UB8QCQiXheMVjUVbxEpPaYAhslv\r\nIbdbMpEWWO18We9iy+g+V5YRQg+FIV0/WU60VWNLB4OQ5Eli83atOX1E8RaL\r\nW8L7zMsW3/HipHA6hDtQ0JumarPolNtoLS8LyzzEX5MhEWmAm+qnIg9jXauU\r\nB/rAU9LuD5P4w82DtDDN/ki5VkfNV3ILGx0=\r\n=xsU1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.85bcff6af.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.85bcff6af.0_1671704670541_0.47495822830779444","host":"s3://npm-registry-packages"}},"15.0.0-canary.ece3e8d21.0":{"name":"@material/rtl","version":"15.0.0-canary.ece3e8d21.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ebfd7aca81c1161f0236d25bf235a073a304aeb2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.ece3e8d21.0.tgz","fileCount":16,"integrity":"sha512-VjuLaseX4lw3nQJn+stJMyEz3ZrCxQB6O8oLuxP37r7y11BRhGvep4CMgTcC9Vy4yytYgewiZMdXX5wJGhIVDA==","signatures":[{"sig":"MEUCIBBl3VCAPMdgn7n4B+Tfg4PPBw5PbqiJjJBSyNbzZsbJAiEAwcZgmkAixgoPa748iB8YoHapocSaDikIjp6/WE1tSQE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjpI/HACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmroDQ/6A+yrRn2+ZErR0nPsNYzb+Nk9OjxCF3nifPz4fr3y9s7cPDYV\r\nUfjqY9Zh+/BCWRw7ug+isli6rU5mFd17DOyY9JCL9/5mBcZIVO5q/Gok+wNJ\r\nifqWt8HPJ//Gm3BkpOZgmJKdcL3ajh/JPMkcb9sNK4SjHCnkrXKlHDvcQWAx\r\n5YeC1GFaLrdue16XIwFzKv+TxqW8bZUIom22YIvh6wiy7aQX8p3IYxt7FJPN\r\nML6fI0+AV8OXvqAcvHXAQbkoNMYY7pzv37aAUuxOvJSVdUhVXXZnrOv9zfmm\r\nhxJWrhNcJwGAiKCQ2s5/HzCCS9Bv/nhcoHYmKJQ2Mlhxss/tu5NNPECWNz4a\r\nIXC84WkvKwCZGuevOklOXhERl7JtDfxM31pRW1ggMTk7tELHVVMM2Arj4GzL\r\n6qNHE8Aq2B8Ua5jNP/XIDjNhkbYe3YrTL7JVuV1rZXSQRm2tDSJ5c+/CQ4v9\r\nQMhcOHBXnxgHnRWnpcrPDCDtWIk6MuO/BcaaYDuUx4Nhe6i6lv5Uwt+3nPK9\r\nmzebm4YUFz+O/+8jT8An80xTHpUXtAhBab49GMkmsxsaudRPYsytntP2qipp\r\nEesVt3KEc9H3RaGC0FbDLo9JSm2SaZJ2yHKC+oZETZeiBslW/TcPz3FsOjJP\r\nqcpx8kJoZIo6Yh542VVD/IPPkIQfaB6n37Y=\r\n=imWG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.ece3e8d21.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.ece3e8d21.0_1671729095469_0.06512751742135614","host":"s3://npm-registry-packages"}},"15.0.0-canary.278ad53d1.0":{"name":"@material/rtl","version":"15.0.0-canary.278ad53d1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5112b6a8d1d3fcea7299936b5e335ead39bfc52e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.278ad53d1.0.tgz","fileCount":16,"integrity":"sha512-KtH43je5xUXOyY4+cPFd7JVLfssSqckog80wHh/DPo3h0NyFeicX7gkfanMHfdfXndcm6i6KSlI3zTOAa0qFAA==","signatures":[{"sig":"MEUCIQDppvDncsOZAuzzhxYjs4xdRZ/cIyqAFSR7v1HMNhLUygIgDrgGGQkdww6YXbH0fFc2F6puYWBBYy2JJHGtihc7E/8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjqyWUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoG4w//ce4pYPuT6Nra/5b0baSMAcHsOR2Th/F+ZFypT0i/lE/fDvmx\r\n5seZtUs3ansZIMCy8aMwh9HD8L+rtXX+sIB+5HGLweK8LZHjCUkYMJDRGEVl\r\naLGUSMoE3s9ThtYtzpF2rXEGbbjC0qMVC2nYl3A2/ZLg9GoNvJJIuJDKXq2s\r\nPFOnYsVDujd3L5NXKBUxWE0oKONdZZDFVLs3csG2I5OQ8i62xkCgnvcwDEq/\r\n5uq3N1OGUIJ8XKc0kSHcX7UN38N2dykrDSxi2zIsMt419bt7w8oi4wdkciDU\r\nv+C2CE06MSiRaMBMxFRB7RZRnQg+VNfZDaTrOqKsK/9YzHsQBGiiDNAn+j80\r\nTRwo9/7W20mievCq/m5yn/ghsfxepQ7AZWYRxlfmNm0F00js7JusIYqbXVWE\r\nCTY2qhHhc3xbI7HXeBHUKJS/zVAf191qyd5Uuk8Ol1sdZ+ENNn9C2jLmx4Tm\r\nJn4qkx57BzmoqnBGEAnlSQ0m28K0o00bMy0CtOHl3D6vHt+STtWXFbLHfplK\r\n6t6aVqu+o7R9TU89LZXtd0mbqvyXuet7exWZIN/FQXLFlVvo3wBIFKOzTeVB\r\nttuvIudp+pXpDVWKazxXOIlocyvqBrkq5oN19R1h43TtsZ6YM3O/Orbc0aR5\r\no/uXLZEovQLGa9gH+lBPW1bmKv9/IXjgoQQ=\r\n=jMeG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.278ad53d1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.278ad53d1.0_1672160660237_0.7733952626504952","host":"s3://npm-registry-packages"}},"15.0.0-canary.a7d8389e1.0":{"name":"@material/rtl","version":"15.0.0-canary.a7d8389e1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e55e2b4147c00f2045faed869144b90d58cf98c5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a7d8389e1.0.tgz","fileCount":16,"integrity":"sha512-8x3bhZL0dz2dmRFKVa3xDXman8pxVD0Ngy4YG4PjK4+Z/o8EZbCpRIoNTXrGtgfwoE7n6JnVMqJao9Fgn2lfGQ==","signatures":[{"sig":"MEQCIF8ga6+BJgBjnLBYuc1Xc3Gsav8lBvUeOwaVgFYwm7HtAiA2+HRW2XxY4AkUos6Rp8VCl2hCiQWiPLHQocZ6OIOnHQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjq0FqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrlXw/+Lk320ZL9gPqX7G03eCNSoIfOQwNKOo1hVXWVUzVIeKEEKxMH\r\nbyR4VNaC8XNdElfp889rvSe/wyuPyYj5NALuQYUEqx4AFQYdWPF7O3qgIE6/\r\nMKqglA4TtKRy7MLA91D5fUotfXYMGXq9b3T9Gv1sSKX+4zzUzzfPQkg7eIrF\r\naM/P+UUMn1w2MsxsR7gCLDpGv8ONfxUt53XOcgA9u+Z8h3SzLuHb0juVYRq3\r\nul1dJgolWLNM2nRKkSOggL9LCX924B3js6vj4O3kdj5BGbN+C4Gk18LDRzFO\r\nM5hFWsFUvcptBcxsn3aKF/lzhjOo9G8+fC2kQ4IxZvwUIpOx7zANtL7J/qbJ\r\nMExjDK/bLxN6BgpdZ7Yz8sMbsJHibMB/g47P4iRbfljeZYGgzZkG4E6wCKeo\r\nQ7LRVpyaigmTryRHQBbaQFaxxVo0rdty+m8P7NgTk30w0IkcvKan6A0NKRbL\r\n76Y3/FlpKvH/1vt2xAMYy8oq/7X6JAbjN+lFQXNsj3FMwBOuF7SvQ7KYupKD\r\nd6cVOz1i3Vq66gkT10ikizv2TU9UoCo2pafsO7t0nFu1JHwR+0NztIGwSvPz\r\nnxxMYLVBQAKxcvFkA6nPwWBaNXp+RdnQ9dcTg7VdNajgQt5azM+Yfn2FgmwG\r\np1z+Qb6j84oF4m6sWhe1wnZXp42C07EHVQw=\r\n=8fKq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a7d8389e1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a7d8389e1.0_1672167786501_0.15770130695626672","host":"s3://npm-registry-packages"}},"15.0.0-canary.8175d5eff.0":{"name":"@material/rtl","version":"15.0.0-canary.8175d5eff.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e5290148d797ab0c15c264436a3481f6f7b73f21","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.8175d5eff.0.tgz","fileCount":16,"integrity":"sha512-+2jYQcDuf5cM+fduYIMJyOevFe1PIoyjoZMq2XOj4aT4fiz0BQXU1a5W6EiSu6l5jHsOOBEFLw8axEo0EKq0MA==","signatures":[{"sig":"MEUCIQCKsP8p8hrU5j3q1L3rRfS6Saul7x39NPSQHiJi3v42oQIgFIKNfGC+ZcjaOsCtUj0rq6OoJbJqPABOc/KpJIILKy4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjq6EAACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmomCw/+PBeG6ESSkvdbEoVVTMbWtp/CvWhzqKcMXWJI5Wuwy3bABWSP\r\nK1VuMuVVL62aTd58CfxDbBwkJ+zfe8xZ5lPixKZv2lL2UcxIsMtlO6ZDJMs9\r\nTs5gHBOsLNrQp6knukaQKQd+4g9r9nZfaiXHB++vdQKDseCdUq8IqM+WdLxJ\r\n60GqNfeMe+2M2CxkcfGQ/3E7BWNzznKGkTVY2k8PB17zuB7e/OJ5CjHgUGdA\r\nVtQjOq/7rZDA2djQ4vesa94pMJWEk6g9oxbh7Yt5vkEVx3xJ7ADaI6nDG672\r\nqZjJSv9fHsJISJeSyxV0uhnEg4xW/J/cCL+rSs9VLe+tabyvpr2hUIZBFUFS\r\npMW/vQAHYUjJtw9ut6iNoLfGGV42xTbdmyyJdd1hOgQOn1qF8H7EhEe6oXQs\r\nvZSsJyA9tgn3b8UR6MjH9d8tRYEWzYQu/r9UXsbdQuu0sIOgd92aX4h0crJN\r\n8cTEqEAdEC8rOc+OGNCXdZkhKDMW3wuwh0AdmhWnqJpOTlHzx/VJjImEUSrR\r\naQMdJPX+iz09VzynOcStW5HzS5V8oPJQL4JlMkAGZBs89Rd6cgNsP9LHJYQi\r\n0q9BnNvGXY3qY8dZUKmuwVe4MdoZE4uiiEz99G8mhTzc31Pwhz267V4P3lGX\r\n3/rQ93sgdYSl3x+xPcNWOlndo+PD7NnN9EI=\r\n=9B7Z\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.8175d5eff.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.8175d5eff.0_1672192255937_0.04290890497139532","host":"s3://npm-registry-packages"}},"15.0.0-canary.16abb41ed.0":{"name":"@material/rtl","version":"15.0.0-canary.16abb41ed.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a90ac5e677f6597d41060a3e6c73cdb09345f3a5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.16abb41ed.0.tgz","fileCount":16,"integrity":"sha512-u8+tIf5aDPdDRtFc2y1Qgm92V24Y35ZeN611yCj8v2z7lJySZ2Nh6CUVft3R7aM8gjcVc6DbLPpG9AvuALT5IQ==","signatures":[{"sig":"MEUCIQCYfT1InhQqi3cCdUXUb7wD3+GsDhvkKRrpVbfj3t6pVQIgLHnBCfzwMP0bAzYzp2gLmlOBFkGQ9NuhN/Eeq+7T9no=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrJsMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp0hg//XTBkTi+xhMsc72irybZyJVLaqfzT3lt3qApVfUtYmkYRRLmA\r\noZf0r9MFpsThRoSsUN1P4x/03xEMCxO78iltyqhmgxzahATI58nqyLeAMteP\r\nl5ej3c1WjcKabgsY/orpXzSGccNboEw9gKENqleKEl8lB+Qlq6zhFnWnBB0W\r\nBm5zws3SzxNGZCLqd7ehc1mo/DrlPy8WZHjxxuFBEtAnULUHgx8oGHn9kASS\r\nVmpyJDqR/gMw+mifqRDR8wntaz5dgKoNu8aosyBxsJfbP8McB25niIWYXZ8Y\r\nCQr/LeYcbD2Gj0yXDCwLWCuBBO6hv7ruNYJaqt27jC9iYD/zD9T5pN7lthJu\r\nuvDxgGaX3etnRFbV0P+ENB0vZ4DFxzYIsXRCVFpdrLZHYrQR2hnGjP0OGW8N\r\nPnyWT02pqFQq1II6U9QobfkqZGzXgjal8rVJt1A5pFeUDkQ0zt0Zxzq7JiVF\r\nfxZiX3HZt59S8ofTaIX7L9cBJ0CiVr6M1NOVlxMrIq5CVo68H4aFQb7g/Vt2\r\nIOXzDYSG1L2wzLpYsX8oFWcV2RbkBTiHc4sWDWoZLeJrXt169TIZCBInoGFx\r\nW4JGH++O0ZWgmcPHZUU333vt+qGiB3YX4ri1v6Fsl28fXvv0EenX6i5WB4im\r\nW8fAxwxMCNyu4etiZdgJ6mUDHkRBvJdCCvA=\r\n=lXEf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.16abb41ed.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.16abb41ed.0_1672256268359_0.22205901822759455","host":"s3://npm-registry-packages"}},"15.0.0-canary.e21dcb86d.0":{"name":"@material/rtl","version":"15.0.0-canary.e21dcb86d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"dd46643bcf4f8492e2b9d1ed73bd0d3edbd28950","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.e21dcb86d.0.tgz","fileCount":16,"integrity":"sha512-xH+pBwxamgBNkmPjHeLgYsQMNknF2XNsw8TiXzViSsgJJRtwvijGynBO/BvTp/jhlq7caYXqSwuErxc9ZOK7Cg==","signatures":[{"sig":"MEUCIBajbjrpUp+vHso3OgJBXCmTLVP4Y9KamuTaGHeTKTJAAiEA2XUWIELWSebVuIwNi5n3cSulgyyXeQktR1zx8V5/Aig=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrZ26ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpGrg/+J5zBZQvSaWRq6ckub6OxWmLnurw5Q5s2VyOCmmihbjLl9tZU\r\ntuoDRVtiu3iuh+biKEeZgDDNqfUxjxrrqeijGpK91Lh3QVMwjYm4K5+FzyTF\r\ni/vh1j8HbzKeoYXulncO9F/NCxs1xrdVHlMjBdHiHrvsqWl143tjJh9Cn3QK\r\nd6J+1aqYzGJpVTp1/Y0rQiWkRRjJPijebqVdIKhsc3QOPDFAzpr4YBP6ec0t\r\nPDzP0mPACQNyIl1EKWwFAIEkD1aplHtqV8Hb1WEZ+xLWIoG5qAESJJz3ZoMn\r\n13+sIhAVH2fE/uzzXHVAt0zbKDwvKAIj//DNDAwmofkFjrsjBKr8m9zUk0xR\r\novo9hU22z6rrYVE0D6MrdaHzJ+Zf6illfzSGOf5JpuUofQAjHeP7408YRiC5\r\n5YqtX76lLTBwNYVG6yoH5Gbf0CR1o/huWYavm7DdfFZ2K7a+ENfsecogTGRO\r\nBTv6v1a8B64+7AMODCzfx6CGA4KPA+uczmu8QQARgsemaRZ/em0Lp33Nn7uI\r\nrLS353/uusT7xmnblXAbJws33y7NFN+z92qKGPZBKLQqewLY4Tn9mTt8nBQS\r\nhXJw9jV3I02pHqUMF3TtFvwn1OeaX+IK08S+0pkza/u0E5YSZijrn94eI3Ac\r\nvx4rSeIXaID7WVagSlH4wa9XfDJaRILFKmU=\r\n=e5/v\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.e21dcb86d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.e21dcb86d.0_1672322490567_0.2358676839256051","host":"s3://npm-registry-packages"}},"15.0.0-canary.20ab6f5a8.0":{"name":"@material/rtl","version":"15.0.0-canary.20ab6f5a8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"adc6ccbcf5c2ff0da768415190f5aca06d167d65","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.20ab6f5a8.0.tgz","fileCount":16,"integrity":"sha512-e29hkDoSnGkj2a0YY8bzK8s33g8iTPabtyX42bkf8O8IiwGNnWQ2uf7oL+Uu35OJQv97NUIjGrfmYLZ4KvHZzw==","signatures":[{"sig":"MEYCIQDUP/OGKjbAhW2uXZK558rOlwqz8YfTg4yi12fkG8oeYwIhAMYjHcsWCN/Cjn+42CKU93aa3/V3dukGZlDIpn0LrK1D","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjre0lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr7WQ/7B2vybcxwFs0UUOwi/FTusM2JX99WiGZD0LMEO5NgywPDkS2b\r\nJZ8NVAZ0sHLAvwbzJEmrrrgpDOxkNVHL44ac54MuLkIUsFtziJQ9MjZT56ro\r\nRqc9jmzA7ust/1wLZJAg8vTUVCkwTqLp73JoF8BcV3KCjkmHrtV/9SX2G10o\r\nfNDtQiY6GAFJh7vSYd48iMKpDbzWbhMBNIwpvaQ4TwW68E0mA7cMzYHpbBuv\r\n3iENi/5+OoKCCkfS+TJFv36/JuoP6qerEIxZ0uAmBaU7udajth7wMCD287Dt\r\n+TkmWZqBMr+L7JpK7k2rKmUOp/5UHc/EGzNp6Uc9Jvzcd0AvUB5hpJ7AfD48\r\nW6e1MPGFp93nmRFHscaC2HZaNUAViTeuZPOCN7mncrVJHDjYDyKondCkku0P\r\nP3Y/yVHqWgfByOmonx6xNX65pKzbbkCfDLGSec/iQk5DLjk+Gp06BZqHVsQR\r\ndWvN/7kDPY6KZBI7rFIKJB5B4wbt/IY5LiDrxZ/YDPDeu4ACWlje8QvkgAFU\r\nMBi+QWEGHulPnSzyU74vRh46luoL37zYnPEAy3vsBrp2/hU0B3Ej/ya/+bde\r\ncZKuU/bYsjgPhJfCndoNjaydg0VtvLnMgG5KI8Wr7i3dypOVOsK04L3bntTS\r\nu1rLyJ1jpIf01sDBH6/KVuR7brQFU8H3U1Q=\r\n=9YRb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.20ab6f5a8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.20ab6f5a8.0_1672342821135_0.8163402525191061","host":"s3://npm-registry-packages"}},"15.0.0-canary.b9806f623.0":{"name":"@material/rtl","version":"15.0.0-canary.b9806f623.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5b12886dd7ac6c106ac673820105dc7fd00b5ab9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.b9806f623.0.tgz","fileCount":16,"integrity":"sha512-jZWb1sE8lVfYlwXEg9qRZG3LLrvI7tT1zQLaGiSbk3VsTY/+w5MauRJimgJo1AlrABHNGHu72r2MB9PxvB4oYg==","signatures":[{"sig":"MEQCIA0uc0aVBYWkMGI86BPODt4UybvF61Mvdjn3dV0v9OQTAiB+nwoYkDEdjXikvEpUy/AGJfL8r+JZ9gsck1FszjgYpA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjrh0pACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo9WQ//TgT2DDVTb0fVP9dWcVt7yW8OoHfNd7sAy/as4dBznV9U+wWD\r\nVn4Y6lzwaeoaOBaPHLrRLu8O09op0a3pcXhd//WIoBGI/XWB0u+j//4pI4bz\r\njs7bYl/sVjEeT+nnGcD1t76t4ulygxM0rafcYhZ1WI/GDC6PQP2aP2ksJh7G\r\neN8OPVCU94YY65G8UZy2hI07N4XZOQ2YadW/9VlI/unJJedSviSym1StCgFm\r\n6S1LW1EMWZ3CaveiQhmS4PY3CBP2uGgqqxZQ4VxO+X5a8lOZ1Ch83D1in8sq\r\nm1F4/GTKjURDonZrryiZfWbki5UDzYuHg0ncFm3LnAeZp3sxb5RU2vqS1Hzf\r\nOgfZg8/7bMbKo2d2Lb8eLSuxF78n9C+ffrCYjd4gDL8Q0ou3B4U7ZLrJC77A\r\n92cvmKOP+rBcqU8Yb+VDxDF/Z4wbrJYJeva0hmGkHJNvIDjeFzCXfy+QnGvU\r\nDy+RIJoomNDZZ6TurBj5cEV5Z2+0QR/bZH2fjF6VvZP1hHjrqAm5rEkFemU0\r\nOEEEV5jdYWzjwNtGtvmU5hLZvAmZU1nBc5Yr9qL4EbB7HoMeCTfgGbOw5uI7\r\nJPjxSmkBrnlLrgsdoq20iLvuiNPw0JYX0hzVuy1lSGacP31ip+3gFKWIfgt1\r\ndHibnOhnWZ/bTlrKaRwDo2VSGKrHhXD2Itk=\r\n=g6s5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.b9806f623.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.b9806f623.0_1672355113570_0.042736851053689406","host":"s3://npm-registry-packages"}},"15.0.0-canary.50c9f550e.0":{"name":"@material/rtl","version":"15.0.0-canary.50c9f550e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c34be6af325d4fab2e3e8514a709b18458facdf0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.50c9f550e.0.tgz","fileCount":16,"integrity":"sha512-eoTBXPrAAdPQuK6DYmtOb2Uj6tUKa6avEP66/jC5f7+q0ioPFfRnCzXvzzwDisC72u3fEG3XmMuGXHvM6t+4eg==","signatures":[{"sig":"MEQCICSC/XthAyhKVMr0lr49bf5I4oLoymptleathYRGwmSTAiB1ilyWSMuSUUKHZDFY8ZwON7vj5oJPEw5HeGXA6Bl1og==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtE36ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrNsRAAgk978tWQevWS+ZSw7VHBV/4XNUbYHYmyvxjBv1A+UgkjSNk9\r\naTwdMDO7bL9xYJ/mBEafV2OtjJOOQVnz41I17022sv67EKwA0+9VUzVHUOzM\r\neyNgpuyP1/9hen3eVH7i+FtZvMOlQWybcYeFcPyPpKQyNzH56LIzMDIYIKIX\r\n8gFCnCEvmhdvQcsZB9YySU2vitjE9soVtIiTj1qVJmhVBbIornZdkQPggkGN\r\nXYwCaZMuXFCEQTirxLkkNfb1GonxPcK//KrmhDHFGEIPe2myFmcfLPbQSbSj\r\nHKqquMeUaxc8HVAwQTruQhzAE23Ab7IFZsbxFlFB48g72EdLdLhBBP6YemHi\r\nBydDb0ZKH7umHJgBfZKs/94BrkbhbwGxBhK2l/aiQ6QnYUFcFrDC08uRWoed\r\nqoa9/npdidWT4F+5tjq3DUpZ9pfCzztIk/BB68ssym0gOTlY8JqZ9W58HwGO\r\nMGOQvioBUQ4RqYV0/9kKuYWONZ/8PzU64P1vgZjjZQoa0I5OlR2/aTNKcFwL\r\nvpO7153sXISDwlTl7Azl8y+SYbMEkNVtmwtnb8vEvPM5IIKQ0FlPAUrcNpSF\r\nD7Hdq5v+ZhjRr1XxsJIhktr3W5zNSURCqETF+8uHh3QH2f0LshVpPdLXQ8vs\r\nJGLxWXZpxLqGozMLPrfgaIErG06qeftCYg4=\r\n=uEKO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.50c9f550e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.50c9f550e.0_1672760826336_0.744778152004449","host":"s3://npm-registry-packages"}},"15.0.0-canary.af490a848.0":{"name":"@material/rtl","version":"15.0.0-canary.af490a848.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"060152f9cc1cadaf24bf6dfb4e7c04effc657674","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.af490a848.0.tgz","fileCount":16,"integrity":"sha512-odzTv9QECZCUawQvN9EA552VtkgY4HzUjWJzlpitoXbXZS7LsmbCZ6eicLnhJkCb8Av2ZBJV6hjovZp26rYNEQ==","signatures":[{"sig":"MEYCIQCXhqLom1aIKnIHfq31zG3K1KRNFb+YABkpMsqahDarPgIhAO41ZFwC1OXoY/8O8DbGC9k9Qf726MVI+m/6Owt00vkO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtFAjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqtSA/+Mn17439dDXiqCFK8yWGcqFhc8vVDiG8qbWHihzhZOAIxAP0y\r\nP/k1iPLQjWnrvsCPNz/tCu62672hmQZxnnree/CNYjdLgmL3JVsqnaYrQ7Qe\r\n5agkx7Bzn5DBsq3Af3CvfYiLHoNSaT5KnBkrdIKMuh7htbgUtK1ZagTUNQTx\r\nIxeKJtfz5/X5bvo55V+kKupz6yFhboDsufsZdizj1o40qh1bPINU+hioDR1m\r\nJ14UAjhO67sliv8wFVRR+aNhSnSEaezccWzRAeP3AMw8HaBgrxtAff/onIOr\r\nMOA2gbhP7rerwHdXZniBKWmDIzTdI/IU+gdqKMyFpCBwLYN52k2SFUU8S/KB\r\nn6oYh5C0Ql/wF8G6SgGadmFJCsiAvSkKhI8JRgmOt/ItVTqIl+T+YC/qIO3M\r\n3GtKp+790PZYfV198eqFkUot+juSsBPgwMy8BclZw0fLbptxfF6gJh6LD8ys\r\n0rFO0Y5CceJCg2VMmg2vySBwin/P5nSxtJ7UdjGeIbCaPWojREC53w0bEcTq\r\nh5T2t5aUryorJuqoxj15DobN2hHpALsBxm1pt5KvSvL9lHdHfRS33ryyqXos\r\naHzPG9x60s9Cg047jMGnoYYb55HqBQ74wPOSoOgqh0moV7CycNQYGiM8+aPB\r\n05mxEKSf/UNKcugsASxALKKLBNMyzke5Rzc=\r\n=jg4C\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.af490a848.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.af490a848.0_1672761378820_0.5426100085488772","host":"s3://npm-registry-packages"}},"15.0.0-canary.7cf487c98.0":{"name":"@material/rtl","version":"15.0.0-canary.7cf487c98.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"dd4c90abf645796b41d5d9abc4384d42191c7f26","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.7cf487c98.0.tgz","fileCount":16,"integrity":"sha512-krGzJFMK2b1wW4eL7BQbxBlSIGK4Rt2pkbfSyFWZhA88Kz8XCFNhtdP1oxMIajQHwzAsCdwCl5t+Sy+KsIwklg==","signatures":[{"sig":"MEUCIEJ7QwCL/wFjGkILyn6SMzP0oGIlftMR2WqMh9KRujwGAiEA01TM1KXTFJ/JtebewcJlPbpZaic0ch0W+f5c139pUSk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtGf8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrm7g/7BenRSKZ3suFRqQ0Th0//eRsW0BlGSbwqruXBIS48pE9s+QoX\r\nEWb+4VpO6Df1jRAVcMnKAPKqxOijSpquyrmncKw9cn8lS4Pq/QkDCndeq3A4\r\nsgVMrvEj+ZaUbB/nZ2EQ9Dpy52HKoJKPt68xY+iztC1u7S94fWjKdZV82SVg\r\nFZ0s9SsQnrLtAxwiAtDusgpygRof/4IOfOrv3O2q73hKW231mxRn8bCqIfa0\r\nmnGLSQ6eao6NDV5Bkn2sNnEmcPESusbMv5M7OvfxE/240ZTDhKUrU/YxIWI6\r\nxu4DhQAB/vtvZA13Zu83DQYpWfLs7WOUH0tAQNYBzfvWpY4nFDOMJuFScEon\r\nWZv1LNxJ8bAANR+uLXd1c6w8xGX3QV1kk6QA/pnwBLm3ku0VcuhycwtstoHP\r\nFnYbdA200s9fgIT7Mct+KwfbbTnD0pNx843TqqYE0e2KnsvdvzbHkD5UbYE8\r\nZ7U8Krir6rh5SrEensuVU6ZPLq4XS4mTP5ThJPJYPVCGZfK9J1HytOHV+9Tw\r\nZtpjUuNi8xLE7DmalOTM1KrKdfek+fQo6hbveZLmDPSUguzA/5+0GS6i+KWN\r\nO99dyJTYTQaa35tAoz54UUXgcbnVaRf+iV1w/1CcXDcLEKo5JBQu14HJJJ7O\r\nwq8tYV8Ohi3kA+3oErhX27JLyB1uca2OW7s=\r\n=9bAS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.7cf487c98.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.7cf487c98.0_1672767484145_0.5565617438086492","host":"s3://npm-registry-packages"}},"15.0.0-canary.a52be2d5e.0":{"name":"@material/rtl","version":"15.0.0-canary.a52be2d5e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"dc45717f4bf75512987353f73d6e8d0ded615520","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a52be2d5e.0.tgz","fileCount":16,"integrity":"sha512-bxU8Sb0xmxFmArRcg/sLBCC9J6sO78Y8RRWqqqkGjdKQnDpIEpQEz9ixczBLHQjhnbP1bQQrOG79B1ovDOKU9w==","signatures":[{"sig":"MEYCIQCKCKIuu2H4F2I1DlFcu5HZc5ENIEoydlbNA0SnK0IrdgIhAMvPOxTGbmW2NAL1b42jejVQwu03F/Yy05OFMkX5Wjuc","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtH4iACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoRfBAAjpkg5dBqDpKRB9nvlkw+0FME7jNH5QrUNY2OylE3Ejy0hupj\r\n74GZ1uGULTDDLjZ/OroShUAVSjHcE65BLlfYWJtvNSgWRs9oXeQ8nbCttnLC\r\nmkq/0nWPwvUvUpRt/JW8QIYwZV4J+3nDd650lsTivbwMJJV+e3UTM1dV/eqo\r\nX8MNc+xEvWccn+DiWVsKvfFyln8WIMTgA6adhbBbNCygilq1N0FrpQXiPCn3\r\nEqco8oOsRSblqaHeYMvA2gRua9W4Hf92DDSlaSMjrfSIk2Ogv5pp0h83rHxT\r\ntVC3s72oL237d4l/wAqh8HTX2a7kJ6FfI0UvMK6gzelKklVEScYAX2bkd9Rh\r\nyq5bkY1IlNOgzb4IwuRl1dj8b6Q1aRzZMJ9K7xgdz4Hlnvt79UBgqtx5cu/m\r\n4YDFDulhhw8a//f+jAYJMlVBKsiLzYMG571ic8Jir8HI/ZBM2rocPWUWb6rP\r\nY81OT66WNNQmyoauUEzo5mz5xIXatUivLxOU+Q7I1Qtn9tBPfmFut5XDraDL\r\n763gfbqFzboncKrmp8Qpj7gLLx/RSlBOcfUtDV+WVEswJ4kPmEYvnOvpHjua\r\n6TWIOMMTysrdGzahwbYThGu2/XMvZXPXzTD7+VP77HZN9bVpV37i9joysME1\r\n/Z5ynwF50HAg2P2v57qdrkqzRpqDlMfS7+w=\r\n=Weg1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a52be2d5e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a52be2d5e.0_1672773154724_0.2336321607616132","host":"s3://npm-registry-packages"}},"15.0.0-canary.e38ba17c5.0":{"name":"@material/rtl","version":"15.0.0-canary.e38ba17c5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f895134e8caaeeac33ea47b6c7cb83840be3a994","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.e38ba17c5.0.tgz","fileCount":16,"integrity":"sha512-+Twga9SFpaRqge5ZwcfiPmCz/hSjzf6d1IYySOHiLNvFPmoQJPgDd6bBtzKCM1g8bD0EyvaU6q+Vb1g2TSieww==","signatures":[{"sig":"MEQCIAjkxLx7ekBVUthifdPuuIvKCEvWL9Zn7EFuNn5WFUbqAiAENrEaNzD6n9W8vxyBkh7LJCHbGjGWyelvLEfcGoolYQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtKzbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolbA//VGZrDX6W+vTr3sb0+cOMKhiUYebC9s5tbB3O/xGckXk4nsQu\r\nf8CApyP+Qe74l6dZ3vrAKQRkBhCxNbogdcriKA6qfMBb2/SaW2PVx2ck1RLM\r\ntAZTkYrFrsF2mgZ81vLHLj08YDl3VaepyHJhtkmrwn2M4p8JVaNGpKyuSijf\r\n9DFCZyEYP7cSTNf/9sWSyfmnI6NYSjCQoCEqwzg533xW3MI9JtNuBbWArg08\r\nL9O3wn5shKELqhuhNm7h/VQOh3wZwDyjl5a/jcNlrgrGSsloo3CfNCpx7u1m\r\nVuHnfO3dMx3Jbe4qMX6yi3GwwF9YwNLMVVo/L3KIz9U1wdNPMhebSbGXUm1s\r\nNMdyeyNFjratLLLoUPjh92NWAb6NvpEZtEZkYj3prRGo5YWHUz6dSu79b9Jr\r\n7A5UeKQVHodYAhLVHcp+Len3G7dNwvcPfn93LkRNhlz0yvaRawSJjXlvaLrh\r\nBK17+HOQ85UhjSM6CyO6KHBM9Oke1IWtm/1aZgemYoiNrmt4f9aQSBiug+oJ\r\n96M7pV0aIRv4IFU1BoxrbEsSOm+yi+YAsLoWB2m2GGJ+aV+B7d29FEcY8V1M\r\nH7s59oxmgltZirvtnsZhJunt4cd8V9/yMxjg1XJXeBYT3JF6+oz8lR3PEtIw\r\njVkywqAu96mW8hnNjbwUQ6EiUFOHA4F13ms=\r\n=8L/m\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.e38ba17c5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.e38ba17c5.0_1672785115392_0.5756133702405439","host":"s3://npm-registry-packages"}},"15.0.0-canary.49041a6c3.0":{"name":"@material/rtl","version":"15.0.0-canary.49041a6c3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1e46d3c2c2df0545057cb220b36715398a291419","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.49041a6c3.0.tgz","fileCount":16,"integrity":"sha512-oQC8EJ2uQgVeRM7hRqLiyUxc1ezmoWT7tDNUO+uigZ0MkB9TCxgm9yj8+qbgHRGeDlCOhJChMZkCN6W0YQ67DQ==","signatures":[{"sig":"MEQCIH/2KsPAs8rTXCzB5XxiFzppXVQWgeJQvF0wpcQA7ZnzAiAxiJcWbVziCybGEGzbsxXb1JRV6g7uwYJHxF6uhhRIpQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtZhqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNlQ//UoTrNaU/vv0lJeSYe/htT8V8HRvOgQIIAilb4H7CL2EQwr1k\r\nRIP/Wr+040fB7R+52O0STcFZJkf6p6cbASikadigI1HfI1XE+fUyaziS+n2j\r\nDsT6OacX/wtvx1JE3WXxnTMlUwE/2q2etrKD5W8aDh+nnYGGFRT7TANJT8X/\r\n8cEZzYJ+J4JIhwYek+V6f6idinXrixeHNymH9ErgcF7u4/8TK0DZ+FXe4hU3\r\nJ7TZKcY03DngKjD3TxZBSL38g7na8RHTST5OWdu+DLxbxmw3248EXlKyHtDB\r\nnCL2+jcnqYuVg7teouyFzm6OB0d27G642iOGvZVhFXVY4Sl9JvSACddX8jWp\r\nJ5UqL4HdZt/qstNGfBCyYuCkm6zm7Ay+ggxKHKwo+OmFaCbkT3SwvxmPuenz\r\nw5SaFIIg7ClMMYEapHF2hjvNjtQRB9lHu941ejpCSDJVOkxKglFKQCg27u1u\r\nSlcGUWB9JwMF03NLf3E7ullidZXTss4jlCi/LIA1ENACfvvx3wmfF2vio7eb\r\nD5dwPGKm0XkxqfRtpPjyGbb/g0EcW6zDcf2apBsXxyBdeKa9sPq4PtyywG7V\r\nSnJA3a2dsUIMIPjGP9TqclTkmHMpJynlZKtmjVtJhNynRynN2tkci5X+yAd0\r\nqhTEsq7I9VfaTnMXQNY3GSi7esS6fLeiITw=\r\n=o+XO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.49041a6c3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.49041a6c3.0_1672845418538_0.8503809754675913","host":"s3://npm-registry-packages"}},"15.0.0-canary.c492898c2.0":{"name":"@material/rtl","version":"15.0.0-canary.c492898c2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c7a12173fee98336e50a6c97c05434c2d990baaa","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.c492898c2.0.tgz","fileCount":16,"integrity":"sha512-wGckjzURBbQNc7gpWoQWuRQdOOkEZ4rKTQ9iXxqsVzmNTazW1itV6qa6ThDcs+628dI+0kakT38Ur6VkZBTyNA==","signatures":[{"sig":"MEUCIBD9Kv95MtBjnw9MzhHjBZ4orByJEMJ7glH7IYKFbVlAAiEAvmB3QkE9N+ROdYIySarMOaBvLYh0A9xuj32opEzfHDo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtbkcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqBJA//VA6sJMcD0ex6SOHrrTwJ4qIERIG294lEPApWo/gi1WopcOaD\r\nBSr8CVzBFNt2HbvxO1JD5LZ0MVNjszQY4tbPvh7tB25fXMn9IyQ88cSJExFB\r\nTWkOV806Kcs/qdABxlLcVacdlf4gSTW2v4+7JVbMeFo9kUUZlJB3x1dXq1/z\r\nA9Cx6B4UiZi0EzVd2/ZZq9CTF7GGNtqfjIP2hvPnbo6x7Uq0LjSvk9HYMCFB\r\nfha5b4pwxgqLnjVg4j3G8lzXX0nd2MHVEw4H+Sni8o4DWiiPH8HBvQAgA4t8\r\nF/a79EWYPlx7iqQ9NoWMuTftLUibRRUZ/woxtIOCiONYH7txZB662kzC3vLJ\r\nLkB/oYBDo7tg2M7W+havPCo19fp+fd2Ie/DrlCY/RoFH7N1UhPNSLaU4ITWD\r\nUimE7K/y9YdjZhBI/Ll6b3y2RxJVMFj01Ww79Aj38UFG1yonOmOSjKWs9G1p\r\nd0vJBHVoe8J+ZThLuK0kedpYfmK36995G3S1T45y0XuuTuD4dEFiK/GIwm+J\r\ngUUEmPnBopCfecG8ZFtta4/a6KfQjOhiaYUzgO93bhtZTpbVl8fPZbQqvvcg\r\nf5hQMclYYNtYJj66+7wLebprOodFwyhIXllY3Pq7M3iStFkdpog6+mZy6eq7\r\nm+ekxcFtpp8A0SAXXpzUVf/hQ5FfWdooIlQ=\r\n=V3kl\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.c492898c2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.c492898c2.0_1672853788763_0.7636240430435377","host":"s3://npm-registry-packages"}},"15.0.0-canary.d7a2277de.0":{"name":"@material/rtl","version":"15.0.0-canary.d7a2277de.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"41d2977dc2a620b5d2b5e7f2616e530b0ed2dcec","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.d7a2277de.0.tgz","fileCount":16,"integrity":"sha512-0NIpB8Lbydm9uCnQqCroWYvwBtfNKXdSnckc7gOvH5QjUqHhezBN0OeiYMPZGYDDSLF4YWutUZJOINbQ1uhkrg==","signatures":[{"sig":"MEUCIQCq1O2x6ROoA0+zPc6nPJuS34VD+YUwm5/toQAeKqlrXgIgdNJHDl7VJiSrLVxisIr6Hse8/fQSvUrtiiIEowvl4hs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtfEIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrS+A/7BBkke5ySzLpNJNdXepAFXfkH/5B34yhgNXg7DO0CGNBZudsG\r\nK1wMN6Aziz3CXf+UHJAWs0qOP437Fy14xK9lgxhZ6xzOBK0TYSsivJ+XNRGZ\r\nax1ic2FglmodlHmlBuph4gYXAtlMgEXnFTfKaTlOvjXVoIi8Bpl68pniHNf3\r\nmv4FBzkXVPUlbCv/0ZVQ1Op/0w3oyAcuUazvrwfgoazniJqDGZwt4stCg+IQ\r\nB2B+6kDbxD8F3xHjkE7hJiqeQu7XBaRSuR7h0HqfVHavO5t1tTyS3hiG1ZVc\r\nWf2SAGSoz4h67sSWqTtgoW6PjCU1GXtJpe9mULngSbjN7UB8jEgdcIbP4P6F\r\nAtNVtuXDgLGNpTpwTWlQxlJoGe5r8uFU5MG3IaAZa1m/yDp717mUr/wkVH8t\r\n93gSdUDWTrrWsFctw0RB6wcb2I1u35SjCFwSDNgpwfH4kVO4HGKODl+6JHcI\r\nBFbFkUW343mEYnIH11OSDuEWKksYfTc9VTs9yiw2KCIAuRxU+E2ZURafEWzt\r\nEvzReKXWr/Wb0oRBsiVJ4MlBteEr9LUf9nXDUlrcM2XDH63egftLV5k0PLL6\r\nJtALyZuj//bwYWcWCTjy9B0T3LTa1y6+RzD+Tj7+T3ws1MpN0wLczVx1+fR5\r\nhRb7h9LCn8PfSuJ74Lo4ZT82Ye0Gfs5uWNY=\r\n=h14K\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.d7a2277de.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.d7a2277de.0_1672868104548_0.8203951836275531","host":"s3://npm-registry-packages"}},"15.0.0-canary.fd95ca7ef.0":{"name":"@material/rtl","version":"15.0.0-canary.fd95ca7ef.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3a242565c5684bf3b602dc43d09e3657f6007b97","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.fd95ca7ef.0.tgz","fileCount":16,"integrity":"sha512-PuPdboompahdk37OXo8osyAZFOXhmMncq/PrgFNKzBSYjFCRuxYP2JzhFT90ytRUClB9Vso5DCLTX2xun1qAwA==","signatures":[{"sig":"MEYCIQD/fUn5pP73pQaydvqtYWMXdkVqtfDnaYRRCC4TwhyjIgIhAOlQ6wZqhdDwHqiZHjysjLW6T3LpCAKki2DJ0xRTZcxX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtiGVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpvyxAAhIIYyz5wYkGD6DLIvsk3oZs8hCeBmuGoQaV0hoVkZX5ga+JX\r\nwgDuopPIGuVSmmY54ln9TJgtE94yIuoiE7ck/NOx4lXAC5jjpSjQASdHUq80\r\nDqUpJ8+J31cmIOjcug+eSG+JaZbgebKwEz7zPhVqSNE1u3j0C9PvFeji3PJL\r\nX8K3uOTmJ7Ca66FL0liGdpXfEef+fFY33pEn56xEw8CzA3c58/fzg+ndiult\r\n7cvLX25LhvUUAq5xm9D1n+V5oFCODkUOnwKs2XUHTWPw9Pw9zcDVfIq5YxR4\r\nFYpZI30Tv0RwRPJKuwe/rKAy1873bUDSF7y3fdZ6Vs2A9KiIcl17MjPvYro+\r\n77g+OtHIGj09Bd9bFsdeq8wL8O1MfZAfLJIzElNvCJjb2xAZWZWzYoj9pfsk\r\nr3wPsfimoquscinP5i41erigO2XcvUBafEoh7f3I78gA4PA8MjzTaZP2SHY9\r\nZQoD7FNyw6VXqwmRaqOkEKfdtygdKfBgw39W1fCM8tOaBoTbAdHJ20h/Ue56\r\nT5SiWWcrmBOtekfmMvtls9u/jmMeq1IG6mZFpyEoCgWyA8vYbKACfQ3Hjw4D\r\n1AZ20wSN7nM7MBm/mACOrYs98BtATuIOQHyWIBOU0Z/2pgjNsCaOGbwghWVo\r\nrS96jmuq1JYaTvndXbIHZXaynBNWUhJ26AE=\r\n=HCZN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.fd95ca7ef.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.fd95ca7ef.0_1672880533602_0.773018175035642","host":"s3://npm-registry-packages"}},"15.0.0-canary.1eb44faf9.0":{"name":"@material/rtl","version":"15.0.0-canary.1eb44faf9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"55b35692c8934f18a7b8dda6ccdf15d461ea5a2a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.1eb44faf9.0.tgz","fileCount":16,"integrity":"sha512-sWTMkg3nJ44QU7sBRrRHhi3+qBWVOeeKbcsWBmgbCMuRCTTH+0zSbcKarPJZukmWQHjue4g70ajwhr5dGZie6w==","signatures":[{"sig":"MEQCIBnJPsZMkgZJ2qdMYb8M+hntj8K4AKHoyC4q2gl8XT20AiAuGIswZGB8jb19V1bUiN8k58VKIrzAwdHAP6t3uAlr9Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtpOeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpxOxAAmayI/tmN15YFZUHYBKQ9kE8y17o8W/k55QmieIjOMVbj7gZF\r\nLDusx3ClnU6o8vG5NjkwVvh8XN7OWWnhV027k/TDU53xi3ATL8oeYJIcF2Ys\r\nBPpEW5roKPbkyXtUlihiZlwR7EOibo4rY18LvFM5QmIJBcFTxE/npJTTac8v\r\nlAg6y6i/TuMV0Joq8TBwiR57r6pnW/Odirnz5bSvPJaFCTn0ZpM1kNMeI7tN\r\nzv94H2nUWnAhgUBPsk0ZfrYoDkZz0O6LnosFYlON7FvgJmTfJD6sdgR539hv\r\nHTm+xoyF+t9KIDxXlvr34ES5pEN0LxeIEswvmF24T6X8GLPlULbg3k/ghVS7\r\nyocUqaRpP5Ai0ZX43ga3aBjzUCLXMHWscdHau1/jk1hCOn02yJ79s47koddh\r\nPNgGeLj/UG6+M+tuQlfJtolwZgHclUyuWbYj/11x4QkQOEzThTotEQk4gMVg\r\n6ZpgF7UNz0Flfw0TLFfq5b91CbDwbVjZWEUE4ttqFseFE5QxkPNaxb/rRHai\r\nZE4h2EvZ7P5V3Gxqf1jcH69npPUu2UHvpl1FjNdj1ejfkRqvH4bmp7tpGBWT\r\nnb/dGmzqEcs27AsY4NzQrZJH/Z2Aqrf64fjyrPUCtcfRQ/KrUmiSpKM6WtEB\r\ntRsTYCYV2E3p3vS8WYvk5wZXNHieJfndSk0=\r\n=yQJF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.1eb44faf9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.1eb44faf9.0_1672909726052_0.6711801546012905","host":"s3://npm-registry-packages"}},"15.0.0-canary.adcdb7db9.0":{"name":"@material/rtl","version":"15.0.0-canary.adcdb7db9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d46e1e89801f72ed428878ab9108e8d8fbfb2970","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.adcdb7db9.0.tgz","fileCount":16,"integrity":"sha512-RnBN0OEEBGX6HCOE7ZNflOQD7BAnyVuTLecb1ZmaHPd7Icxn5NTGNEwPQkK5HhFe2oO6rNZjCz/2p3Jd4QSTew==","signatures":[{"sig":"MEUCIQCASye8kucb1nUYiPgFBgsGnd6LTfxALyyY091HldxNygIgANa+kZTZDnSiS9pgg+nRPGPwrL8AwMLPJdn2pM5kwnA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjtvjnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpi8A/+MpThoseWSU4KCA3DBtLcG62NfygZt0uwtMPIKG40XyU/PEiA\r\nSQwsiriN/gZEqp6Me3H6wu7CW0QoKIvVzJj3qgA35/9HeywmAIQL1/pAUOef\r\nL0i3P9HfgL0WL0Dboux1DkbgIzhoC4kQGJYxc7XdPGz1hDJ1JClAf/ki7qL3\r\nMRHVofmvCIPFyo2psX+8KK1VnMd78OZWBNnaMKera7pmOCiP/qPPYRIop/d6\r\nCrJcPcV5UNP3gXEgk1YCt550N5N7QPHDjo5fNOpUU8z6XuXskGi6kJb14bgv\r\nbtUDDCf9DngC7WVr2e6FDes7i3azfLycvvM3CySyJXL2jez7KTvelO3EdYX5\r\nSk8+clsN11eeMNy47+uDR6qBUUSJkIjAfGQZpnIeHlbTr8bDzfARab1TPOBJ\r\nWyrrB9qL5axf+hVu5tJr0bRq7UefW2Cg0swjspoz+GGifpf1T1VwWRq8Q0s7\r\n2kdhYqEFeNrq+q+6SYzaCQiOceYAqsTu9L5cfcg0yZ5V2DRjPbrR4t1Cwe5h\r\nNvj/de6vsySUjgisysnXUp/3S2Hua+wuoRpJBzOKHEvpfYI7tbZ6kRl2qgE4\r\n2vXWTt+jY7b8XCcUrDqkqhLLuvSFefosd+hczVOP0Wsv5SLCCBnu/vdezgFw\r\nxAsCrQVkLftpAOz7dpapb+blVOvonw32SPc=\r\n=E8HJ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.adcdb7db9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.adcdb7db9.0_1672935654845_0.10348488432400771","host":"s3://npm-registry-packages"}},"15.0.0-canary.067af7eff.0":{"name":"@material/rtl","version":"15.0.0-canary.067af7eff.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"713fcfe728a391338efcc37add4f98672e5dd6fe","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.067af7eff.0.tgz","fileCount":16,"integrity":"sha512-E71R1h+dOVDRAgFQQwfOsuBvsFTbYH5JrQF1VUJgZddsZef+JMcSHMCERU0uS0iSO96thaZJw/UCT5FSmJv9YA==","signatures":[{"sig":"MEQCIDopMZVs2fX7zZDgXV+VYcK0EvRBPhXQvecq45iC4O2AAiAHkcpefjk2IuW5owbhx3IsHP/pNZaC3QNAugA5Q15/gg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjuKuUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrLsg/9F+Da+N2A2Q8be+EFWLyQZd2ZqdNzBzc3McJXxKJu85B0v2OR\r\n//GxkySQZnzvPHyBa77zZBSXiv0VfA2h3wRIMFp5EroAZgdfmM5WRtlfIC/l\r\n1/QIITMbpoXSHfY6oLUEjxcczTMD7LSRRZuwBaacLWBkWHHPSHPvEC6Ok+YC\r\nYFJEn5vyDvZLybz8vXNiSjzCqJmPPK7cnkdjAE5sdWUaTIHOEAMHrSYGnr/v\r\nDlxFQxkB+Ww1lR+5oXBp3Q/fDxmWxsu9A1Jc6rnpLijZf9rWnAlG/iiNZRNR\r\n2loP2LatJ4pbx1016uXdIP6lqbx0gFAZZ3FJx10lYcBqmx3v16EcKKW5589M\r\nVlceETIlY/h1vDlUStAm9J1S9L+oHCC6d4a7/Qennm71Rkn1A6nMH4A9nCOT\r\n25E2TPcyEMFCR7/xy4KXtGxHJVSG+fyeQo2Nvt2VBk0oqJLGes+mfy7qlyBN\r\nTLoih1n2hygYRSBAgOF/WdRINBqi4RaAo9mhVwo07mnmz3aA8mMcvQdUvrrx\r\n1E5Sxs+dO0Ba8iQVndo2BaM3pWKHcbj/IiuGlR8n0qhCztGi2Bz7N3mn9TsA\r\nGGuTPcmiw43D7YvHyZWC7fqFZxI49uAksCFXdwJXDGcSTYkJBDJDe1bykkH4\r\nWei8tJ4F43LptfbxcKaC5tA4wp1gly0+Sfo=\r\n=kiRU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.067af7eff.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.067af7eff.0_1673046932495_0.2239509204871879","host":"s3://npm-registry-packages"}},"15.0.0-canary.21d1196a7.0":{"name":"@material/rtl","version":"15.0.0-canary.21d1196a7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"67dd3b7523dd1a2a60595cbbe5ba426da1c6d9da","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.21d1196a7.0.tgz","fileCount":16,"integrity":"sha512-89Hnl4TqO0IvPE3kulPIA5KpSciG39L68vjr7C5KJMJeC+MtNXnvMKcImX3x/DW2AbnD/Nouk443HuXA2lK/jA==","signatures":[{"sig":"MEUCIDw0mPV2CBn9XUjQk1nCimgkL5dWlyHj/dIH5e/k94hYAiEA+zjoujRtR0HnTHypg7wAiYzfRnr8IiS6ZOeuCO+0yeQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJju++TACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0+BAAnMZZfZCsuDu+cWJyAnei4AmCDvW0trqAQeXwkArz5LZJs2bi\r\ncRx9ssowJ0d1puJ8UK1be1fDqkFBIGte3c0YZ5bonuTCRR9KqEi7DJr4ufXj\r\nHpXdpfF3iaLBitiAM4daZ1Udj4bFCvT8t5k91KcVt5jTEiyfigU5Pwf39evr\r\nntEhK5LLypdCJnrbhYpnN0ZPFC0xqlueBLnuErPQ3fYQgedBGmnrj46l5o+a\r\n74Nfx7PKW2vl7BIDrlEts5I7/K6FX5BIRTGosR2Zd/ztOrBnAyJfXeEhrp8T\r\nVVOUieuhrcJJBooBcU/dKXXjtV/0LdN6/8gbp9ARww4UicD1I8kUsi3vuTQG\r\nJW9r9pfN60D+qvpYpxQ2DnWynW/jOQxwG3t7mfb9gvcCQfG2sPw0s3tbecoE\r\naqBSwBjDmaHtLT29ndcfBRIgFBLHxIeTcUE8difW9EMK0/iL8+LBV8icyg9E\r\nYsRK9U17gfB4wnC9eLerJ4SASQ2BlOJwYuWCnhG7kyEL9RfBAohjTUZP3Czg\r\nuw3xpK0C9u0YtHc3i4ZrQWJvCa5Vvj0+kdG5IBNMfzx5RNBwv09d4ULovEa8\r\nCRMQOTcWHo9WFlFpGosuCIIwB5mUpx6pd0HQKy44+8Wtqqt51H4dpAT5jn1c\r\nE7hJtGj6XVp/cVmeMVOZAyfwHisot30lHFY=\r\n=JUMk\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.21d1196a7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.21d1196a7.0_1673260947592_0.9651345848259265","host":"s3://npm-registry-packages"}},"15.0.0-canary.8d2d8d3c4.0":{"name":"@material/rtl","version":"15.0.0-canary.8d2d8d3c4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"61264726f3df017ea4df73cfb853d1008ee9709c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.8d2d8d3c4.0.tgz","fileCount":16,"integrity":"sha512-p10CcnC8YH7BvvyxH7phj/xwo6r4DW1wVyYWXZihNBoZ33ZGLdmj3V9QVew42ymf2jv2c98sjrQJKN69+CzViA==","signatures":[{"sig":"MEUCID/OUx/vtdawtlenIREdCO553V1x9h8pIMehIGt9pAJ5AiEA4Ml4PMyV7pM0HVtTSX9ySVs+E2ikX6gOKqAGMLdGyRQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvJPYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMOQ//UXy1ORRVzPy7WVxn2VovFzYyx1doal6kq7WLb0frSrfW65o2\r\ngihTrC3ESWLnMcRo0Q5r2B+Sc9AGcelkrZI8XUPRPCE9UMLUrp3TZIwpSksn\r\nMg7Eifu51HlmygLkrXquEkorosmHJ5A2m9DcVRzn9oPFpifHarx8if8xWJzT\r\nIpLXgDbxb4eYRx+JFWK9MjUSCdd6KgPlVjfqDmCj65CBzlgQms5wJ2/iv/NG\r\ngibEUSsrQsmwFlHf0sPS3Qq62V9DX9S99CEuLSphaz5QcGEqcrUj2GnwSJRJ\r\nBPs8MbTzxt1xzI793h5zt2RBJM3jZToMNM+qWr18hKZg3xgCjtisbv9F1wie\r\nuGwAbBI22OMh7ka355ywZGKpvV7mTAaaKZYz11U0rPsJxfgQHRLDYqLFj8T+\r\nwKXvG5ITlqh1odFKaJ4pqut1UL7utZcslGIHVir/Qd/df9OJPIazVqoM9vad\r\ndW6kFmNlWDaqFa5jPUNsbEFllONYXV3av5qj/MSAahO+3LRpDPeCidn/Y1RT\r\nDsyKtBkcRx3sDi/J1+XRJFBF1+lysKzEc61ltYIWKJy4a8EJYDVJwefTq+gK\r\npww101PnOq5m9cPFYtnJtICH1Ps8jJ2hCOkiB5njVS5VbRFBdZPvqSBL1Eya\r\n3Z7jllSOOSDvoTW58584znyjbL6KjOyVjAA=\r\n=5D6l\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.8d2d8d3c4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.8d2d8d3c4.0_1673303000765_0.09308450521677125","host":"s3://npm-registry-packages"}},"15.0.0-canary.f476fdece.0":{"name":"@material/rtl","version":"15.0.0-canary.f476fdece.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cac73cbc57352c2c536c126ca406635b687fbf3d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.f476fdece.0.tgz","fileCount":16,"integrity":"sha512-trngYoGvFt5OfWqkbf2Kru6YqBRmtOXShtTLnEt9kVoiAfldH403IfDE3jONray1WCzmDXXBjN/Hwto58GwDsA==","signatures":[{"sig":"MEYCIQCdLLHRXSJbU3Nrv3dlZ69nXUihMjDxQ4Mwnwkxjy77/QIhAII7fnQzX95DhOJnzBveQZFJTplT5iVVuNqc+oqC6xU6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvY7GACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqiGA/+NoNDfjxYTmgKZqS8F05rusaKN3eIO6YSJ5673ICarCmeX6s0\r\nq5lDouMSNViDK9Nm/cQIEt/qr6en0wPdDeUVkvwExGSmpPB5/bhXz92tB44I\r\nyygbuRKxc0fkXZI8SBUg64xlGitvGhPHrSMEc4e/DstN4C7F5LfWXfnqbJcL\r\n840UJq9p1JhRCQRbd/NU1VNiXl9ymkOzfcVhziYB4joY9Vm2G/uVRC8vOPK7\r\n+B9V6x1jDfb1eX0DCX+R2m4qJxF8XYFJ31cXoLlqWE9lxeY5B3c6zD65bipy\r\na/ow5zhPKtWlX4I4op40eXujdAoxa2HFsu67CZiITAoG5da8FVlq5q+gLW29\r\n7WpjRBEP3DabGBcxxp0cV8zwVDsegDJy9zD/P842o7YsFpifCIYDQGrlTepB\r\n9kz2qnNsr+1PDNOFBGTURRMNvQVE7vzEG0nhz5LcXq0Hm/GAxQq/FG56TlkK\r\nyoSbJxJIvxkXO0PCd25YkaBshssahQ/gJhqlWyJZKebvzBmXKpfocsekb/JK\r\nfHgHmChsCGx48ZynlrO8nQZq9LnugAwtjOXpGe6TeM7swvFDhpa4P6kgkk9p\r\n6rRbkZ4Qp+s7wGYgkFGlOL5yCh4iKDOdTjIUEUI1HqN5xYSwlGpcGjH6dUCh\r\n81nJjEYz5IHF8ulQ9El9P346MoTr6lb5Q4k=\r\n=EusL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.f476fdece.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.f476fdece.0_1673367238044_0.6451784681681687","host":"s3://npm-registry-packages"}},"15.0.0-canary.fc6ee6c32.0":{"name":"@material/rtl","version":"15.0.0-canary.fc6ee6c32.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"21f8b0a915fc16a35c6d14fbadf4e88a5896f69b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.fc6ee6c32.0.tgz","fileCount":16,"integrity":"sha512-rzW6LIGbRyFjhqKPDix/PGzc18BU+QaoONDlEi1sKgqgtDkl29K41FT9MvofZ/RYKbnwDgon2eABSiAFP20vAg==","signatures":[{"sig":"MEYCIQCg3kOxFXVUZCdOtrJRvILfMfhRMMxKN4TjguYjD2YQ7wIhAPJTNcbEzUgCvl0tw7UvUcR4cSNUtElKjTKM9TgyDIZH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvZHoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqELA/9Ea5yj5JpvXY5onbwsivfq8IEmrB/a4sMcjpU8EUQPiOJywtA\r\nH1NcmEetMM+uS1IKQxXeS5vUPsiSa8sFlLRh+0kg4stKDGtAaTV4hffyp31+\r\nUhV7xmuxSPJv37yhl8+L70amE22LXKtj7QQIjRaZZUZiCjgjSu3QnAfoput1\r\n5h8/0OrtUHFrdCASxnFCq8kHmpqniSKp16TTt4ZDDAMnkY3ivpG6HcSldDCc\r\nM0/UwmRy+2W1uxDcjKUszxBsWanD3XsPb+DZMm+GEdzOsqP0sDHXRwgUctJZ\r\nUiGM4Jl2yi2LwupmB7aYIfBJcDEjm5V0K52Gqr+E1Wep4PmoYAWx5laqRPRH\r\n7ItAbP43zRWnCq3KLg7pCvTFtxHCmco+p4/mydJOIC9RusPEwMgfvV4g1igK\r\nflXSyEh2nYOSN+A4UuPI2V1hB2NV5ue5H0i682MElYsXIJnmjFGcsGB1A136\r\nWzg4Ui3+bXWnzIVmR6/ga2tjIMnrIc4dew6iyPKZesGSecKglSG4312SeiVY\r\nqu9M0tNCqLPFgvQHxsYG4rp1DmZ2/NhXx91CVobtMOe0fI/XDBfvSVoJjc0/\r\ng2MWtCjjwVkWFdoqio0t9aWfHVGYzbxXLQPTLtg6gVB1qDOOrRTqYnT6YFOi\r\niiig09qDKqSaXQT0QVkQHvDDHfy6PmLfZRk=\r\n=97jQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.fc6ee6c32.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.fc6ee6c32.0_1673368040551_0.28581442704376214","host":"s3://npm-registry-packages"}},"15.0.0-canary.73537ab0f.0":{"name":"@material/rtl","version":"15.0.0-canary.73537ab0f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0ff02e17146b56bcaad63e542d763a57b73bcaec","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.73537ab0f.0.tgz","fileCount":16,"integrity":"sha512-pte+f6joWcDrAzpzNFaYwOANik/0XezfbanGLAwMkSTVG0qOdUrMaPiS6ELp9Xlgi0myubn/zR8QpPmTjj0UkA==","signatures":[{"sig":"MEUCIDC31JDEq6w2++HMlpnrOiNneeaAlhHH/5tjZPRd0VDzAiEAs52vgFlrpxCQjZjYcog/B5npef4OfikGv1KzoyO775w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvaowACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp4IQ//ZLAL45dmI6lO+GvuQgIa5rHvpXLKPnsM/MBEmDEvi2TyHsA1\r\n0nolZX5VNIRNLRINsZQS3b2FmHu/PLiFRhlfyLMYu784drJYhZc1lNNPi1Tj\r\nz8R1L/OPniewyei6NmBrZCFx6dQPUTyoaUKGemDFW+MgliaSqVbhCoxjkwJE\r\nS154BSjIGvAKWSLBxx19cb6qvYOZ6Wi9W5CxrNl5vdUeZkkg2jWktUGyZiN9\r\na314BqQeCtsonDnkI7uj6FtjWySvrM0SqwTwAxvUQ6mXm1iaVTkZ6iaCHUY/\r\nQ/u483pGPOlHVAHrSVJq1coUvxVWo6uluCODNS2vOSBrglmVfk2gUyHEjCQ2\r\nfI8bcdBz4NuFZR7hptaDSfStuKYXgi5ax/1riqp/2QLX8yznBxfp1SpWvqlG\r\nDgVfalEjE6qp/eV5YrG99LWTWkibp2qraderaEIV3hWeIkzq5SgifBvODmMY\r\n4p94cYLDeJkvcf/d6CfPHcF+P9lEL+0A+Nm28I0LptJIw9fGmCAgCwE3N7jV\r\nXSg9QIvxATW0dY1WhxsPxuXjZ7vjRSGpX3pk5V0n7xJzgW3SHljIzML5CVe2\r\nkNTI68bFXK5g9V1t6waSuq7d7fJEv+OOiO+b5LDVYmuTTPeHdY3UZAK1DQcF\r\nX14/BTq04GUXt7TSsowmIpzpYzqwN1V1i0A=\r\n=XRtC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.73537ab0f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.73537ab0f.0_1673374256137_0.015732638902039575","host":"s3://npm-registry-packages"}},"15.0.0-canary.684e33d25.0":{"name":"@material/rtl","version":"15.0.0-canary.684e33d25.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"89f69a1ec2c9cc9054d38a778b5acd8346d69385","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.684e33d25.0.tgz","fileCount":16,"integrity":"sha512-NqdJl8Ayupp1Th+vCNCpVQHbUFOuF7TCte9LD1norTIBUF/QizIxWby2W5uUEiPbnh5j9PmE1CJtfLwKun3pcw==","signatures":[{"sig":"MEUCIQCkGLQ0si5geRzfxSqsFK+W3MFpXAuGTANlopPQ8xVzbAIgFx01dZoubiXaP71IZaKttGs0TRXWijTL8/FhTuK4TgA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvbniACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqnuA/9EeMyccWS/jh0ktJLLOqs+fncB+mmfDhBAOHSwzH3n1baQhIq\r\nWrwLGnQdve/TbnbjbSmQdiHUbXgPVnb+yXiDZ+hKrK0REk5xhLr1deI7c8o8\r\nhRleIsl+K7m/5tTnSnw8mPyUCQj0Bdfv9wDtSZQkS6uQesoRo4vwbonOyfnK\r\n+exSgYQlDh+CGENfxkUWlPSFlyztPqkRy1PjsOOmG0MPeRn/cCdr4Qy0FM+Q\r\neMvhLEcRZMCB2jBLxsjpnAcld5CZpnyrQcF4sdMEq5mYj6tTVPCdJI9ciUdk\r\n3f9ULz9fxhAF6ezdZoevJZsGcodJiC084CxyuBym9BDwx6qmNtFzB8R7l3Jw\r\n0aEsbGpbjA2c9wx2TNl0A2J+8/dBGtd+QIE7syK6kv+VqIC1+k1S6GD/+ouu\r\nV7MrZrIcdf2SY47LDOB4ewUMvlSfHt5w3A/2fsRfuPIL/nJ15cjLz8t7Kn9k\r\nvTwm4Jnk0muFHumbg9pdb7i3DsOEJuXKxVyl5K9yLjDPT+etRAzsk4hPsrCZ\r\nm612FSDJfz5hBRGi++59o2CIG7fmK72SxzD+H8Gvwm1E4Zj75847FaRJLG4B\r\nRoCsQIh2ttsQkuTbOavXqmPG8wljvWn28V3BLP7dzvM4A05XkHV6N0J5i/3P\r\n/0J8TdX3xAOyx1ZblFMyKSgFsYaRkS8ymE4=\r\n=ghwp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.684e33d25.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.684e33d25.0_1673378274528_0.8784261899210921","host":"s3://npm-registry-packages"}},"15.0.0-canary.0e89aab6b.0":{"name":"@material/rtl","version":"15.0.0-canary.0e89aab6b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1282139e0a0175ad53bb6b2c7b44342ea9381a95","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.0e89aab6b.0.tgz","fileCount":16,"integrity":"sha512-Pzg0uLpFLWuTVFhfwqtoQDBUAg7TjgasC0R+se5PnnQX5FbM8RjsOlkM26QXqc1pb69bibdj3SIUanLX7duudQ==","signatures":[{"sig":"MEQCIEeDqMfvj1H//rxzZ8+oPnb+DeyMUyoPUF3N4u0ESS90AiAuN5E8FFyQCmhGqowYTAXoiU1+ncoZdsEmkZ13Uu+vmg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvuDpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQuQ/7B1MrkGRt8iKv/V6UawZ9KLtVtNxj+K6OU03rexJh7oevoNE1\r\n2Sk2HNXIWMs4psKRgjBye/N5C6KTeNUPTnKxQDB1Ro2OfZBearOiT60DggYi\r\nvNxptx6vqnNP4jNMgGwEI1UzvQqAaU98URBfk8C26Hizl+Kk9hcq1xxigr4Y\r\nTtqDR5cZEpTVlQV6zVuOTFPRlfYWJ7+xagJfJ3jwI9idov9TiUqgBBmqFx2B\r\nNmcxddmqVmWGDpdOjY/ULY79aysjkxRK+RSXurXhCFGbWJuPwVbKCnkIlCUq\r\n3MuSjVJaQiUsc2LUQSlWiLmN9x0AG6r97O4+bhZTtwngShRviDDQPd2J7O5O\r\nidJ7WyS/pVyv6TsLFObHfsOVU4Fx1kGXumkK/lpvf6/sjdWU61zQcSIu5BWf\r\n9W5B9c3MG/gtG0Hailn5EGFOSZ3uzBh/NnNkD5qFrgm+0xoGhUXJK0ibjZR9\r\nZERLzggUzkrk2M3NcdtJtSTVLhJWkFo311MlxKJ0NQW8/n8wRCAE220HCM9x\r\nk+vd74/JJFs+F6aOJzsX+af5NKYcWOApXcV2iQw4Y5B1NinmBbNoi90xWHZM\r\nfXej2iHW30GuQdZgnkLJSKwT5UO9y2k07m25kapBrgRphawgAMA17/VZ/EyS\r\nAzr/jc2nHJjGpSau/j8zpCSX9emZ3YdL5MI=\r\n=Krbo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.0e89aab6b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.0e89aab6b.0_1673453801796_0.49318119846294084","host":"s3://npm-registry-packages"}},"15.0.0-canary.b0103d10a.0":{"name":"@material/rtl","version":"15.0.0-canary.b0103d10a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"97d40aa1366ce3369664ce50e52f953321e9d1bb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.b0103d10a.0.tgz","fileCount":16,"integrity":"sha512-RtVirPl1d3mxmjzenWBB8xMEZnqe0JTcz+1LsQxNlWFk2siNHCNwtzYm9hqICpYiShFWsZ10fJ3yzHGR+lNk8A==","signatures":[{"sig":"MEYCIQCCpGISRVZdhalXrINKkhumslA388x5/IX+Q6JkMg5qtQIhANyyipe3+8KyLElamXHl8Vhxf+2MHX9efU7ETi8FYnTj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvwn1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqvwBAAg2P7OmNdn0cdDmd5qJb8XdGZzJOQ3eT2neYIC6dQbJRIsHL+\r\np80r2/Syek/TgWzCGr++1Bp1qKXbtivMgWoUZEEEhpWbkakMptWtRIwTi6Zi\r\nXsW99C2BABfDSCUhB0A9JTUhXQZ5vSBWEC+rfcJ0B/MyVFRREf1ETaq2s57a\r\nqZhAxwkPXuVpD2i6/dAziHSx/etrPLZuRyQzmK2MIcSBX1dtYWgzEV8w0RDH\r\nU6QiVbjC1TABJfMD9pkWy14VyKsZ8NyKIS8kWyyhNd0DCYWKcbS4BkWm8mLA\r\nSjBuTTMMo9OLCnh/NOmayVGv2DYlK8buLKyEfgSDdTmy9edMlvg7wPjCzJFY\r\nVgl9BKIa3A/wTjyDRXbqZeHSoQ0IpDsEaUM/DdaAxmC4kJmPyhRidp0l5Z1s\r\nKc6YJPor+p4y8KR+aMJ1lGptysDA+opwslcRDWX//OjmnYiDFOZTqOkRx7kX\r\nhGpBQ4143B1M9gHBQZwlgRugiR5FKC8onppqzOeeo32V6+E3uXdry293u8MX\r\nbROQ1NHBIJLNNLPvYAit5GB13QVeHvddHXndjXThT4nzzZ2OOzsAA3FTFQem\r\n5KOQc9mbr74tcq35Wby/tPIOnaVSQn1OzLJau1nEk5+FwhyF1DvY7G9g6Y05\r\nLSEtNQqgIBtookQuTgm3aTr1w7wXUe+g20c=\r\n=csMM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.b0103d10a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.b0103d10a.0_1673464308879_0.05112494386089139","host":"s3://npm-registry-packages"}},"15.0.0-canary.50e7a5312.0":{"name":"@material/rtl","version":"15.0.0-canary.50e7a5312.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"42df95ec31ea6ce7bdcdfb40d7063bdd2b21687e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.50e7a5312.0.tgz","fileCount":16,"integrity":"sha512-j8z64qdImk5seVPLKuYHnuTw8lZTfmZ9wpvC0pTFrQrs9x5eNzSVAvDovlB7h9r5YWa/TNpVqjsH0sTHonptvw==","signatures":[{"sig":"MEQCIDdXZY+hLRojFSu3ABkGiQ34jXSHTt4AHVetpRH1EW14AiAJuFIxv5AByvsiXk5PbT30E7gDSjU2C6fkGql4J6GRrQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvyHKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmonrQ/9EjH90sZahBtkgaVPsSs+ZcgJDSEyfv/ydCMYyPR7WpH/xRkZ\r\nqQAG7Z/VA64MOGthHGJOgOjk5g9CmGv/L/lmSw71xYFkm+LsFk6JG6ZvCmb8\r\nAxEeV7r8fS2/GyY15mntKwhliHQiRjIObP2rwODgGVQbOFE9hGjRtRIIYrgY\r\nA1oc5L9JM2POHwMEQQkTe/5b9oxijVukQ9k24ewzpo2EhCoEICCWmGQYxCK9\r\nFK9buQI7EROcAj04tnzn/Wc/1Dnn5Is9LVEwUw+xK0rq8Me47AHwjC4bgHHT\r\ny/YbQPiHoHPRe9Go8J0Z8v2cy/2YP+MJ+6UjfAHCHr8FIMtZ3glc/XrrTB9D\r\ncVAV8ij8DEXfa99x9rFZlN/7xxub3zSwBgY51ocww7H4qBKLjMJh7q+z/eK8\r\nliOq0zEPEHNO/Up5vdPzf1qbUBjdjbXCKK4z5+JZioptKp7niavbtfuoGT0y\r\nuJtc7dFBzXrLGe6ufFkyogetvuyeq4VJsfV0gCmT7rJaBnLddUNb4jWYl5m8\r\nhv0SURFAHXqVJnF+RRRhDDY1voOerVHwBaby1PvmdaA+I5VnGwqHwm6lBIVG\r\n0VCTLlaeZgQ8jNXrP9mxZf2Ofb2w8Ac5GZ3lVAeMA2wF//cMXM7NF+2gUviu\r\ngJ9WX4YYVxI6xclYvb+r8iq4paUI+NXTaHY=\r\n=QrpS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.50e7a5312.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.50e7a5312.0_1673470410074_0.304922917147753","host":"s3://npm-registry-packages"}},"15.0.0-canary.202823f54.0":{"name":"@material/rtl","version":"15.0.0-canary.202823f54.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ae07e67aefd9a1a5dfca1499e9f7b353fac21833","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.202823f54.0.tgz","fileCount":16,"integrity":"sha512-hqeMv1Auyu1Ql44Tiy1jz+I6yHkxJHFq2ySBz4sQYixLHZQI7avTiVtF9cyeVOBWUQ5F0rtumsYQx2LC34jj1A==","signatures":[{"sig":"MEQCIB7xYMPyxpr+DlytPFU8puRRa86j/CJNtxP0ePCQxpjaAiBD/dqhi8/MBdifiTscgCbnvVzkJJ0fBLSOY1qEgDVCUg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvyuKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqJDhAAl1q+Edhzow5hdb85gi4GNpsQLCfO3KODHdLxLzW4nOw8iXod\r\ni3iWG5Ub9jP4F3tH5fICXVRRQQtJ260AEXfs7usmFwyK07mrlVzSl+2fc0gr\r\nU3Pikx4bJWTH+DNJ4qoOEPrQoxLTN8dyl0p6lQ4AGB6Ee6MQYkxakSsN4Tnz\r\njVDMZdIneBE20VITOkt8IH4KKhICWskjX6jAcL+o6nnFcq1BqXneQMYP3nNz\r\ngzAvMWMkPiOXVppjyAJ0JlXk/KKK7sotVPdyXELccol8N61K+GW5Ysil+/NB\r\nmC0QLOEJfgKg214pmER7IYyD/jHoEBS66WiepKVYooh3PJAUZ0HIMskvgyhc\r\nJnXPm/JULeYhRQzniwQSer8QVrjtWhZCJlKogv2/+/APb36awVm6sEzZEKe5\r\nB6CSN4wLYnkUmv8MwUxgpaPirtsJGc+HmKwNAXyNixMZLOhRGDsEUKwQvbcW\r\nPTpBHmMAmtaLepth4Gw22dwRYLyNB0odU9OPs0P+h23BNYhIllzJhminDgmE\r\nsbsBU/uAr8xfU81/kXwYwWtAv/FnxPIWrsDQJL6gyfM6dbMFR/dZ5M5aAON3\r\nPT0D5rU81irbA2j5HRyTC7LBwkp8XRNWYdUlzN+GwTNvmMpl8QFyAEFn81XI\r\nrP/VUCQtiSisX7m/Laqutv8rOH6+cX8XNPQ=\r\n=pSyu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.202823f54.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.202823f54.0_1673472905961_0.02580970179529718","host":"s3://npm-registry-packages"}},"15.0.0-canary.199fe2a2a.0":{"name":"@material/rtl","version":"15.0.0-canary.199fe2a2a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bf664174bfce0ee4d9a51106629fe27d4f071cc9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.199fe2a2a.0.tgz","fileCount":16,"integrity":"sha512-BqzTdG3/S3vPtUZef2DSWjmyIXYXcH/qqsSDPqsYryJozUPsjw1UyghW5QL0c2E68aGcte8GRYMGGZFMCw70jw==","signatures":[{"sig":"MEQCIEox0RHRGspZJLyyWrhl4W/ibVj4N3GAZitHWcw3ME3sAiANisgN6K6b8rgWVxz/J37AIkbyIDmMSUraZFoqH/985Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjvzAvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqQxhAAopVrgrLfP6HS8b8neAfrZKVGE2Y/MGqrR1upcRCmvVyuZrmI\r\nfibrDNvkHi2k8WmHaYxSn1XxQfImjzIlSzD2BAVRV1e1VYInKY6UnvQ1WSkF\r\nsBN3xL1J8d+muc96s+J/MixTfqPZxGe063N9VtgFdkwQQ8Cfd7shHCReiz0Z\r\nwZStw319RpULLVy7fZ+z0v/vg/U2l9AI1MEzP87JR9ER+TPYLONgzAp3UFXp\r\nxSKoFyReJAP0C4eycYFxRmzBYvWxTTM+2klFR+isfe7ytw6vlzaTd5QZ2cFA\r\nfXYQTflepVPPb9MN6WWXfXEmSgCXv1uXMteLJgNY0huGJv81O7MOcIzUdHJ2\r\nlgVmTTvHDWT2+7jVyK6F5Xn7CwRrBqUQ1SO3AVxMMlqTBtfc+yGU0F36YBM8\r\nF1D2JYfySH/fcpgPghTjKAnUegyWWvxfDe7dGOPG8u6UWnXdB5Cv+IXzVcRN\r\nme5c1oqs8eOOU7hEQxD8P3ciVyX2RYNSnZ6wJTJINeLHObOybc45x1rpZnoj\r\nn+wrEKJ3QZbthcjQhc00TCY0STMdpYg+uQnR59ARCWzwQNK4ZLfm6KV+M+LW\r\nAaFfILlY/IeE1bycI9owCVY/Bpcq+ywOjowxOQIGJOqzKKp49D/VkInHLHdA\r\n2UpkRYi7wsGtp8FMBJ4cZOWPMu+n2LjAa/0=\r\n=Gl+X\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.1+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.1","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.199fe2a2a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.199fe2a2a.0_1673474095420_0.05121413696079169","host":"s3://npm-registry-packages"}},"15.0.0-canary.8c0786d6f.0":{"name":"@material/rtl","version":"15.0.0-canary.8c0786d6f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8a433b717aef20ad3dad82058eb8dd2bb982f5b5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.8c0786d6f.0.tgz","fileCount":16,"integrity":"sha512-BgKQit22zVOx6JSkQqB2BYPKPW7mhyxxY2Xz2K4Ilu0S3gO24ZQjmy7u2iLdkmp/Byv120OxVUauVlhXyvDmRQ==","signatures":[{"sig":"MEQCIGlHgC7XKQOoz7sO/FXxQ60oZYw1PDPkIFfy3xopfdj1AiB5i6SNmC+2KaO3vcFg/blmi//+OcDuojfKzJ01MHMnOA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjwBq3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUABAAkkKpmJIlcvVTeqp2JXjFvCtVZRQq+DAczvrjvQS7fD4N1BVL\r\nlHnEKSxr+9p8j6m5B27iIUtaNNZwlIHQkKAAiOt8HqNJ6aNXRPvB1PjP6gac\r\n35Ls2fFUXnkyfxSPWX9htet/oV7dDcPISeqKfp1JWg9K8GfEwYvZ0uIUi5JI\r\n0LMwji0imqkF2uiARQNY+bYQxjz01HqBPW1ZTa7BvP9ypijRVN71A/WsKSvK\r\n1YUWuzyG8qzSJZCmzKIhmgPclwWvVlAdqg8uREZMOXCaRr3Un4HjmrBQl7vm\r\nIvIIo1xNAzHwIZX92/6bbfxcSNy9OQ3Kcj8v/PXV6alRbPU4bDI7fVJEYBSb\r\nbf1YVO4fXqS2a0pGVRvS7ySG7LZH5Gt8d1JUlqBBvFk+r8zHKC0Qc/CBGt48\r\na1w/Bhl+EUy6AlJvozrEgZnFwr12tHTyvSobVm2hpxziNwEzSbKEids/exUm\r\n+vXX9CnST+tsNCkyKF+70qIlcCXO4p+bm/k98AGsJ7+8sxBWv3K2Hi+FG4y5\r\ne8xpoAa2I7QbLfqxjJN8McvuEITZeXmuPbHgf3ZKCfjAGO9jTkXmg0RqNPd8\r\nuq0gyLDuvrjqE4fmVASNjgOT7LVLc1DC3Ud4E4BWqGhPFQwDTpgam6VAGlKF\r\n5vQAdslJkNTle1+V8zaFDrIu57rzeV/2RJI=\r\n=w6yD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.8c0786d6f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.8c0786d6f.0_1673534135749_0.76705673866971","host":"s3://npm-registry-packages"}},"15.0.0-canary.8a74f7c6d.0":{"name":"@material/rtl","version":"15.0.0-canary.8a74f7c6d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"06f76ebe1433e4bf2b7c5eabf8a80a4414109613","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.8a74f7c6d.0.tgz","fileCount":16,"integrity":"sha512-fx0B7ISYNjYTgjEP/uZoejsGOVrEpykuBmyC9f1qSgIwI2WpCABs4lfiQNgNd2J8ucVUq9g9az6J2XMQ/MPY7A==","signatures":[{"sig":"MEUCIFlcg2jxrV2XotguIOk6m+ucipiaCwYNZ8lnwmZhblUjAiEAyYq8dH7HhKiLrjt+p8sBeg/W8KNtpmDOmyoNGKBFmqg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxvXKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoskg//c0/GJ5lVTTd0ocQds6wbdjf1mnXiFBrNsi/i/DEYDnCfAGyq\r\nZu3n36RthIJ2L3Wrgp1QqisHkdTPpJd53CGcIzmdklcIDInpLoY1X3rOedht\r\nXx5eVpPGgXHaD4BwtHZvLUl4A3JUpfYmohrcBKRIZNwkMAVS9ev3VSmo2myG\r\nGLX5XoRYreg6un/3NCMmPbHuUNEwhBCjkG48iQ7mFBz93LzFSBgRezPMXIji\r\naRdXO1QGz1ensujA8xxPDgrKyI0Y5/W9VrxuBBTx0ePz20mvzS8FYkkVGPnl\r\nbGTPqRsgyCCTuwbnGXvKbBoXJgq4EnMwYGkAZ0cuvYs1IiFpkiFOtGcK/sKy\r\n/ZaZPKgJtzG0sTrhuHAowyCR85oyX7HXBTiTi3LVRP86ww1CRWX4/Cl10BjV\r\nTQjcAFYgxlnGBs8ItOU5d/OaNrqVN9xQZqhCgNfRHSLFAceg0qdA9CjTS83u\r\njUjC9pGB18hUM+kGbZZiZt48aIzt7VHXPBdsg2Ez+zRNENQhrPPo1/ohiUmr\r\na8bRLQIYeCPcJ/7kZZXhb2J4GhhxgwMNR9dEHDRt5dDyTynjGBDG+WENLX5I\r\nlC2tJRcvng5L1b9Bxr7d1K2kpC4HLGBRaFPEXSime/qh3oW5p+zn9Z+RlTtd\r\nDVG8UzSxwg3o9jnpatV6mCJZVuydjv6VWtk=\r\n=r8pL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.8a74f7c6d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.8a74f7c6d.0_1673983434402_0.41849707869258257","host":"s3://npm-registry-packages"}},"15.0.0-canary.b4687fdc1.0":{"name":"@material/rtl","version":"15.0.0-canary.b4687fdc1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a90c684bf5b410dc7f0c8c0ab8c27e91a493e759","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.b4687fdc1.0.tgz","fileCount":16,"integrity":"sha512-uXQsIfOzvIGUZFgOn+NKV+uvCR/7wQmXg3B0f3oikvMUkOyF5+8LnCJ0ae6mkdzgn+aGbLWsgkwdFAXNroOFbA==","signatures":[{"sig":"MEUCIQDuadNWRCF/esXzk/L+M0FmIMQBfDU6a7qKqWmfaqO+dQIgRo+4oPA1pLFNBObGOdeo+XYXeRmq5laFZUr5vhcZ6rU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjyZ6UACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpo5g/+IipL3b+uxU35NX674ojWnpLMUy2ohFGEOWAi6/izJXUcRLvX\r\nkQKGirk5N244dIAvJtBeUFuXwpiRnvJIQhDBAId83nE6uDujzEZ4kvZGHwPO\r\n2CTNc+hiEeS/XfKAwVqNwC3W/qjZeKCjwCQIFC58Xunru/3nyYs3hrPRw/vf\r\nqnXkjHxNmnIvn4Os0Y04vSGVyzi1tcAUdkG5RGl4QSiAzhHRwtDgogExKZxx\r\nuzSSuVyzCqegzFd4Bcnfe+C2P/5vMAV+ooHk7romyqUtVnUXbDFw/r9kwhEm\r\nlmWyGZOUMu9tYP/j/jjK3XGS2LO15aXwQc3kGaBmNY0IVP+C4rB3M57aT62s\r\nB57skJVBtat/Hm5hhYafl6e2J1rW5HIvaykbqruOVPSRWTkvEP5DrE16Ls7L\r\n95cQ0en1GBWodcnv5l0XSqv2C7RGhEY1qSkrQbVVGbIE/yE/IcnkJ/Eio5eT\r\nwK4ZIJUgauuKKgAT80TQC6cuvwO36D/FwT7rcGCbYrilH7TNQNRyCNk5DTWH\r\n8w0RfLZoXpVo31lk4SSgBcH+d7MQMMiEpRmPt1cFOzaZjG8/+dyiFO/smwdc\r\nEEtqfsCSZ8Gn1q/OPcwcgMSdl0RCuTLOti3F8yTQeYSGMIfJfxoxaoD/ejKy\r\n4UTUNbw9Mt/ZFmoDoMNwsH/3HvrH0hsAQNE=\r\n=Sys0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.b4687fdc1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.b4687fdc1.0_1674157716338_0.21973958691827344","host":"s3://npm-registry-packages"}},"15.0.0-canary.b836b9892.0":{"name":"@material/rtl","version":"15.0.0-canary.b836b9892.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"074d80b3d84c7622ba0d7919dbf292a1198d004d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.b836b9892.0.tgz","fileCount":16,"integrity":"sha512-/XiCeOsYtjaafsLYlNk+VefA46X4hYmFTLYyXVWslRInHW5LmUXoF5BC1NRxE2t9vcq5bUaeXDPQtiTcCO4z+w==","signatures":[{"sig":"MEYCIQDLW4UAzo26Sh1A1/UicvmV/qbav4XkinOTJ58ywIoZcAIhAKkHdqDfIgoqOcEKQbxvSiE+qj1sKegZXMIlzoxwpwBA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0F3qACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmriVg/+LhY8XK8oVXu59DE5v9ifDIOe4f/9cWfeb0+U8h/OVjBS2DNI\r\ny2GsWu1zbx30RgBHsuQr26bJ9AMJrolaUUcLyWPiUVU4FJVvE2FunbmBNPAg\r\ns9TcIx7D6krgf2/CsCQ5hvgC4zQ9BdiaBFdmURzanCvbb1/c0JnG0NcEQRmQ\r\nCGI9GjiCSHpC8/nl7K+Je9J1Dg1NDMYrnRm+o4b8MFcv5tasfNCQF+BZ7qLy\r\nYP6yuDrEfIpc6I2ZkrHEBg8QHc0AWKnYeUPCV2L1VTddCf8WaPe4hTf9YW2q\r\ngzUrQVjYvJfIbYKjZPT1Wxg/dJdI4lWDRWjiITVPS/2Ktnl1mSMn/phBR1+o\r\n9nkNQPWQaPTXOQ7OO4jJYef/gvWldM0KKBtNUokaiow+jnfZhec6eFVjnB6c\r\nau7KLjIK3CLHclfX4xkkSbJWqLXddwKXgYpvJgxVqFeS2JC6KeWs+2mWxFey\r\nfa0D7FUzO7cpeWYlOTg29HBZOGqt4nVe5pXu4u6I8ZM0qVLHd/0Zl17w13zp\r\nnbwlGWLDdUMHaw7H3G+baHYakrylry/vYstsf67Qevcw+DuyZjqsf/f/8RK2\r\n9aWqLhlVrcdlmkoXOMHzFZSLCTimr9c2kjy+jvKf/xJpTLsNjzLKFb0NviPF\r\nAsKCQ4lBAwWjVcOnV1YMZHn322WKsqMHYWE=\r\n=+xdC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.b836b9892.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.b836b9892.0_1674599914123_0.6170063026104884","host":"s3://npm-registry-packages"}},"15.0.0-canary.e8912fd37.0":{"name":"@material/rtl","version":"15.0.0-canary.e8912fd37.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2aaf2e1a3913464caa1de743345a43ef723baf49","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.e8912fd37.0.tgz","fileCount":16,"integrity":"sha512-o78GUNVVOvvEkPA3F6KsyMFTkqEGYbvxOJaPVql1cBs65OZeR6Bs6vy4vpKduKabizKFH6LWR+PyZXIzJCEgaQ==","signatures":[{"sig":"MEYCIQDeIxwobExNnKhyb2rxFsLDzodYzHjbaiJggTT/FYy6vQIhAJjlWAzg06RSxMdJ5wOEBkK2yiuc3MudLwRSmS4UepgV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0sZzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrm9xAAjFtEpzWtxuYLw2LABhOgiNgTt8xTD1FEVAZjrIEnCQriQpeu\r\nYbjASU2tedlVMrDndncwJDa5xH/b55mMYkxgauchxP5c1ZVTn8Mxnu2fiy0W\r\nMFbmWEqClVLRxtcRZHbcjQIVw1QIf30wnrDgzn8YflyBnKdPTBrvJwxZoU6X\r\n4t9Mk817koutuChOrUF9hfgQmbbpB8Kjn2Nlg/bCjurdmNXrdwSgfS7tptUv\r\n45guM8Cw4ZLlBYRDAjITtiRVLe50EuZSRcPwHaftNTWoDhcks/EAfeJ0LlV7\r\nAls1msw7MS7NVkCMUWoCE7YlQCaqfbSP7kBKYzm88DqMkqJeaDv6WEhRTZtc\r\nnOSNfTkqbZrVsdINdhJQy3E/QyuMYfFgNdzOGpxAXYUx+ymgoc5Dc0dKk/7B\r\nHjsKz1vLtqLLMCf8NkKIGatT5jcC7WRIa/rYSeyaJIbc3TZ140ETPfproD1g\r\ndofCESEdRYWtjUIqH3rl6PWcSi2qBfn8max+c/R/bnqMVV+PvGEao57Kkpev\r\nUYqI+WDagcJtWtMhetc4afZjcse/xtrXK5NLjzDuAzuZSGZwarvcjAqHU/wm\r\ni9Cs5sBxmXLOHhHyhzs2qa8THUZOMCCZlNW9Z3hvmSFfqDgF75jjY6a/8sOr\r\nMXyQlndC32aKS6b+y9MgBLMiejRLMYtguIw=\r\n=xy0W\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.e8912fd37.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.e8912fd37.0_1674757746812_0.12966626413049065","host":"s3://npm-registry-packages"}},"15.0.0-canary.16fbd30ff.0":{"name":"@material/rtl","version":"15.0.0-canary.16fbd30ff.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"070a14ca64d672f312d1787f5140abffbf48b25e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.16fbd30ff.0.tgz","fileCount":16,"integrity":"sha512-1Ya0uj9YQEKMO7duW3+Vj7Bb71ijizLCBZXL/t5R0Stp2GffkZlNZG86OhNICC6uIe0EmXCcH71bklSIC/q8iw==","signatures":[{"sig":"MEQCIBjETmyd9zpJRq7bhY/6OhGv9nWioiGX2LX9tbJV3vpVAiArpkMy+Xw2H/8qQJ1fpmUEjwQZ2UwtWDTyF8zE2W0YkA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0selACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqPcQ//eAQ0XOT0VjIloUwcxo/vAvuBcbnxDHiYwrNao9ElXZc+DK7T\r\ntt3i6/S6cqJwtlydcCuIhv8jqG5in7e/dwriVeon0ni+r3S8QmyK51mCtGZX\r\nRhicTcnxsTyufg//b5wR8faiK81pLmi5HSHI3x4xx02d6w3wS50zOPahChVP\r\nTaT3vAasyvoirH/lIl3VWzpDW+OfpIIrVW8rW6/fNEEPO/gcA7mnLdOnh8nH\r\nEKdxcESNEN9VYbt3OZ+ZRB22tOof79ikNEfA+xtD0bruqa+PKSUxxiU7j3PH\r\nsSaqFLF6T8McQHxxSbL21MU/4ri+PXEvDCgRSgp6ICgHrnJgh4NnYEMx/yf/\r\nMKqV6iEqki3Y7FBXRv94uHqH76eB2MYme0aXTOWNwviDD7+0gC8lYcAX8o5L\r\nlQID9LT2LYhI31LRkStI/A8ruYihs3sD4IQhRgv6QiLnOV7oBxz8Xfa8bmdJ\r\nHA9c53MAvziXnLs4ED31InsIGBlcGE8kSgJQnw93utjPc2/OkAwYds8ZiBj9\r\n99Y8f99wheeRoHpUQCSJebJLtkhTlVNASifO5Awo61QfT55BFOUyJuFLBd6B\r\nmlfUICMJmHdT60eGC1Cdktiy0elsoX9lG0UOCV79mMUxumCXOG9NeRFykEAX\r\ncmmJZC/XSMKrvNJt/2qrExrVFknnk2+MUhk=\r\n=oVWu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.16fbd30ff.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.16fbd30ff.0_1674758053040_0.037298604936896185","host":"s3://npm-registry-packages"}},"15.0.0-canary.033ae083a.0":{"name":"@material/rtl","version":"15.0.0-canary.033ae083a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"00407b18430c543c590fce95b83d22e86fd4d95b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.033ae083a.0.tgz","fileCount":16,"integrity":"sha512-zSnMZMhOVlynMbeXpTQb62sIGb5XC/x0Y1pnkWLbtf23s7q3g+3KhYGN6yEuIQ7LtuMfijbUoeEfOqVxnhug6g==","signatures":[{"sig":"MEQCIFrRAArOKu/64iS3cc/cjFpW2W/9hMTU6c0gssy4LVU4AiAGEQz2IJJRDWR3ycW6KfF2L8Mym6LuoukOEOB3QmkqyA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0tPVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo8Xg//dmsI52TEFuLNeaw2dKLlO+5ODGdX2Ohwy8sso42zaXnv81R1\r\nrJ+6fqfQk35L2zyxoSSNq/GE9AwdKfYZQeStyHh7TX6gFEkVqubG+Z7mGHmU\r\n8tjtAcGyXSVsDcA0jh7tKWMO242GR/BYKOs7NhXJIZeSVLXqywQ+qjFwx8+Q\r\nXCSZyZ8zQH6FkYcpejcqCoWLaRGTFlOd57zrzNl8E9dfsmJwV9FW3e9zCCSE\r\nBh/dDANQU3Ps6y5Y8Sq4tN4YNJ0eQv8Q2j4zKoD4WxN40zMosMFmDZmfMLT7\r\nM7Wwq7qz3nVBehLgbzkXrgVvRvY/MelSigCJCQ4da5dy4q7H6Po9S7TrezD7\r\ng36QnrQgQr/1RuyM6TrSvQ7xpMJa1mU77Dp0TsvCkkQpbYz3+XoIO0nj86bE\r\ng+Vf/xU/5gCw/NCVMyuAI81CPm4ToBpBb/6I2pmvhgEK7b0SiuMVgUOmFTz6\r\nKKVd44gB2BSNc3FgtoX3fDdmgQtKVzJOT0IWGsGGYO8ObXMiZNjje+UJgjI/\r\nPVc7+rpBd9+MdiN42SRDS6ExSVqg5okGQ/dn1H7iTKIlSpvj7tO1FtFCDp+V\r\n980QGDfs4hnL9DbBSvG+UWlvOH1ZrJCzuCeE8hDdDNg76YVfv6kQnIxbYpEx\r\nVnbWlk9XqtySGeGSL+q7Y5/KqScH5uWyzwg=\r\n=DyvT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.033ae083a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.033ae083a.0_1674761172712_0.11375677273284035","host":"s3://npm-registry-packages"}},"15.0.0-canary.3a705fa1d.0":{"name":"@material/rtl","version":"15.0.0-canary.3a705fa1d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bdabeac580979691695559d8a8c7920b4818fe19","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.3a705fa1d.0.tgz","fileCount":16,"integrity":"sha512-MxkUT9gwUBY3P65i+cdoQSFLC2Ty6WX2gt1RPabl1dQjku1hLq9xnZ5OCEGrHL3dusJL16EWgV5PBeEpq5qNdA==","signatures":[{"sig":"MEYCIQCgAzripC/VD06LXcdaL7t0nPEVlou9MQ4M7TH31uPxNAIhAJINif9Uiiy+/ikLMlh2o4H3v/51m07UBfLFglSolIQd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj1FNzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoScg//YBM8LZ3u/nCIyxcKcYv3qLbJbz/4X97/UE0ekNCCcgU8IjSQ\r\n3+1AGvxZCogaQcxtB7TrmJ+y9UqxAvbZhaUWeOx7h/aauTb5/+6eW1gNFKZQ\r\nyLj1Y8N7HGD1cYfP4LIZrijOzwPuVO1nc7Dwq12fXzfKAwFWtjhgM7ydW+v0\r\nioz5thuKf97zozJsy/xDO/V8SwsV7hFDyPnRm0xCqfakbZtTbv5kJ+8Mmw2D\r\n+HsTfTcK0CyLIQSiJ6tKO1UCCHFJxbTs7D+EPz7vfA6cC5jOT96nh3KtyGs+\r\n9S7I1usQBcKjyNQ91NJ455sHLt1PfzyOd5nOXS7KW6U5DxXro5qpQ73yCQwM\r\nUpKDjMfPQevlPceE3yGJJCPI1nFGzz2ExrjKBR3QX5nXR2Li5DRddV+WmBmC\r\nqjnZ49Pgp9NlQC/sxWepqt4grUsY9u1hT8ayBHkfJyXKaqaga2Mw1kc0Fcip\r\nZCiOY150up7m1f+0o25fWf32DYgk0S8HBXYJclee6swA31UeYFS3h8p8XPLN\r\nFTviuPMOSWGxck1lLXC4m46wgBdEf2LPwz9W9q1kpnUD15jLsVBEJ9U4dL3g\r\n8rqZfcQu0f/vXRIlmunHxa4bdJV7zOjPknGOxFSerdK8cxvVVQ2kKB+rjoPg\r\nNP91ErRlbsGH4NlZ/TUmjfcU6v34/rTJDMM=\r\n=eqKz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.3a705fa1d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.3a705fa1d.0_1674859378943_0.21818653354814055","host":"s3://npm-registry-packages"}},"15.0.0-canary.d6bea2ff2.0":{"name":"@material/rtl","version":"15.0.0-canary.d6bea2ff2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d6fbdb1def48dce99531f5b4bba9f888cfacc736","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.d6bea2ff2.0.tgz","fileCount":16,"integrity":"sha512-kml4oiH21nTJJkaNQbo0gwh1VGCOwUh/tbqAPN8Ws/JtyxOovKxl9SEU0buM4ZUVAQyFsuFZldNmfZiLjPnfQw==","signatures":[{"sig":"MEUCIELIhWQ5vPwDFuUdb/ZmzBXilo5eXe0b2MIuDRPGGP/9AiEAmUAzV/YfP7eebeBd59qpehmZcu04uzqmaAChesJ4Dyo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2TPQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFlBAAiSOz0vJGC2ZSSBpSbAyvoVPnDdN7GkCDajRVT8esphARCwVR\r\n9s4WpO18oDhJJWENVYrRJTATiMFjlsBX8tozNIo9Y7ArSN4TCN9wNGJP+irT\r\nZ3JTOn8TwVve8qvfCqvj4huRJdKREZPHseR99RKdkSImscKErCEgVLpCZQcT\r\niK+ZUMHv6kVoPy5lo0jAeevHetjnw74JlVRjL3tuy20bjFpzpUNsISw4HYsq\r\nrcm5Pb9WzVsRdrYdp4dgMVrHALJ23KuKliLRnRhF9tiouiILRA8H5ivDjiSC\r\nXarjeTR3bF1RjOlo1U2KE0z8kkKAdabWrfDXiWfVMAmYHeJ99srY0GgrJtOV\r\nV3Ll2fxGuLNYRL4kdxdTkr62PVzcoKvpG4PpD4+VOsRvWACbOAx0TK+QOOwE\r\nBWMebT3OPhCv27ZlUhg7Q89uKD6Ld/CRlhpXVlpcovmS4WQiazgah2xTrrYh\r\ny6JzGgh6fgLL73UluyJC/Ts0EOFFxAGmhFekzS+/DVQ4678mwH/qtMS4gZDC\r\nLCvLMDN8d8EQo+/W8gBJHrEnz9K40H0290EmyBHyScUxr9Rp70D+zSA1cdzZ\r\nAp/QbtiGi1THuhvIJFB5PoWRm77gEpWUhE+V927MIZRxtWh7eLZ8hqW2Rt2R\r\nUG2+fgS6rFTAQYgTjOoYSyp+XsscdqFKW/A=\r\n=nHwb\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.d6bea2ff2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.d6bea2ff2.0_1675178960144_0.16865613744778551","host":"s3://npm-registry-packages"}},"15.0.0-canary.0c94182c8.0":{"name":"@material/rtl","version":"15.0.0-canary.0c94182c8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7c5a015c26fbc047a6945b5ed1ca0e229a202284","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.0c94182c8.0.tgz","fileCount":16,"integrity":"sha512-rcZLRxt10eWsIUWapwEJKb8rmChvaCPisQ4CpM/1MZx833Bg6dcC2IwhVclvuZKbs8JbYn/lm8NPziRynmDMpg==","signatures":[{"sig":"MEYCIQCXJFPc7GqEbnf9tOFIFxdXAT3/q55P8cqyaydWnFykoQIhAJbxaebfEyZIi8y5Na22doWPEgaVDv4PP6iJnOafJ4JO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2qS/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmraIBAApAmZLgX7OIOgpsIU3q0ejhtznAcpsRQKLYQY9OpeIaOd6hq7\r\nmIy0hmBODZaz76ZRuK2j/hrocP0h0T3TnQPOxNfx1KiVztRFSA4ay8PnbMo1\r\nO8Io0WVwqujyDi7Zql0ULwWs6Q19y5AQtgFinWXHxLMSKpTIeyA3QAdLkM+e\r\nz2AUsm/bYzQtq/FC8c8qEtaOTefdzRjNiyyJ5T8AQ095cQ3Sdm/g4FZcDe1a\r\n8Le2uDj7cEacj5ViCHBeEA+PGPeSDEiKqWRd71ZnsXGZCC19PMuHvWOASuVl\r\n0QkROg+nYVWCoB3Y1YjhOfm2zOuCFfwUgUniRf/CXRy/IHR532f9Jf/1iaGz\r\n7wrT+XewfvDSkr5PN7PM5WB2tzwJDpkfeV2xy+FPuBe3yquG/8dTiwBhzpfW\r\n//lqnEmds1RsR8qnBm3Pwsod+CcUufuxUUEp8/i+CpIfBI7g6657l0NfTSO0\r\nod8Yfhs6R8rXHk7u2oksiXNN7NFr1jg18CTw3bkRN0V4jQkpMrp48h8rrkt7\r\nw3zLSdzsbOj2xuglPAWklG8yBSMPm3nQhiIGnkUDf6/NVyWZ0aByNufhe/9U\r\nMdNPMO6izky9mTB1+SRskPBI7TGyAi1HPbpjtnmO6q3zHkW+kp4oZ05s9Cyi\r\nL77PEX4gnR1vKSNnvBt2Sw11G9WvD7NU9uc=\r\n=CwPA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.0c94182c8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.0c94182c8.0_1675273407368_0.07176769071088995","host":"s3://npm-registry-packages"}},"15.0.0-canary.15b221540.0":{"name":"@material/rtl","version":"15.0.0-canary.15b221540.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"15e8322a9c2fb89cbdc28a19b5d49a564b40d093","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.15b221540.0.tgz","fileCount":16,"integrity":"sha512-5Fb+Ymnol+8vdEzdqYo+mINNCbX9ihXB/GZRE9gEw2LT8fCbrXFJBPKWm/wmVK1q8SXL0cSnVZjY1wGLxG5XOQ==","signatures":[{"sig":"MEUCIQDFnJxCvFHqRwfnQyzW3nej0zK1t41m64iOSLxSnneZdQIgL46kb+qelOPVDhrGWPjR/5+OyjsXF/N59uv9H1Trfac=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2qa0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrv7A//emtHLPU1wRvd17My2GhYCXExIfBLsPQHhbX+I6/EiHXs4gYj\r\nwF0ZVgDgUGTj/DVZA/2sxwzThOmovOi62FW17rDNs/791kOWFyU1f+/kuPEn\r\nU1E9LMdJD4qo/0pV2kaCfuk4Aal6Z6h1izmLwP8UiGEoO/sCyZMH99gMx7+r\r\n2shuieSZWdj3NJXJBZHVKtZQICV5mUGWQfEJXQGKVAAHAoKhzLL1BqlaYCA+\r\nSRK/JMt6utcbYmBuiTBh1Ow/0wwHPEIXDZMjuFf5izZBbHXFPHGEEses1lhr\r\nUcewI/eLc4uiP6Zrw3EW4b8ht5eqMi+Ke0JSRGQaVqiUOMxdgdNKhaW7XXjq\r\neUnnrnB2PrXqOlnRp24q+mQK4Sdc+Fc1z7VprhOSBTciWv6/jvLwAWv0A+zd\r\ntIFlYtJorjrUQc9EgunCTIlwc8HoBnFlA1QkFlp/eaPj6A3cEmZCfvKOHFl6\r\np+ECAVCTkxG5aDKczrGwdzQ+VbtxZXIL1Sqd5jOgcHZFFa9PKdzulfeUIHq1\r\nTpEdsSmVXQudnbhh+BIetwJNgK332hhaL19CMWK2LI5a1+pQo93RkRlZuK/+\r\nPB82loPorlyRAM7eDkLVDXEROJLqhlNlSSLBiCnhTPbWCrbUdcJz+a+ppSIx\r\nJmZl9HQ4caT3SM+bWfNoDf7C4uS4BYwyvew=\r\n=ar00\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.15b221540.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.15b221540.0_1675273908027_0.7138705720541332","host":"s3://npm-registry-packages"}},"15.0.0-canary.eeebb8bba.0":{"name":"@material/rtl","version":"15.0.0-canary.eeebb8bba.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0bad1e19e9f4b0d8f44cc2a7709b094ceaf1700e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.eeebb8bba.0.tgz","fileCount":16,"integrity":"sha512-r88l/AhwxhGLjcmpeUsjLLRGcm9SnotTYt9/Fl2lml6SDG9cgAdhqvjYmLsFP8kGdXqoappL08AxYk66dvIogQ==","signatures":[{"sig":"MEUCIQCx5pQm9MH/rJbpfVCY6xDfDoRPO3NVuYvt5K5/W8m3NwIgVUw7fmQSKGGuSCHJnwl2Neyo33JKSW7+o44BZArHjVs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2q2sACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq6wg/+Om4tGN1pXztDVqP1sDJKL0MgfgjTRwfFAoKC0QS1IYTdhdIr\r\nzB3Y8tp7LwL+cmxX4w7aOPajPL8IFFk0svLSqKMPtQSwr+/JnO8cIximDvwh\r\nKCs0PgYlHYB+Jt9LL2CJ8A6p4ylAbukNb/jiUxzob0KUDve2ODQtmPOqtAFO\r\neUVveZt8/Lal54jvupglC8kUL/qXPm/5cc6ZhToDPzUUStAtqKNyE5LxlFF1\r\nm+DUtA3WChmOAqMnCOF9sFnHNir0g0IlbZSy2TXd5xIxwW7JK757M5zFk+fF\r\nIH+YiwbR+6Tt9vwibSYafZrC9NG9+zzqafPmqhRcu/zDN9cGhKg4qjLqiTX9\r\n+X9wNOsFhJSVe/NB7ZPfIajm19Nyr9a8Rg075L6IAv6/13cMe606RQuDquKF\r\nQj9zdC38XGsK+DguFfu4T7idqnfNhwojRLocaXcnPrGLb/WqZpddGNMAosow\r\nlkoBUvpj7xVhzmfj3z+j+1uoOpsLZ0XSea3b5rC3qbU05AG7MNr4H0qpHoqd\r\nL/cpqZr9A3MW0wPdgHTTRKCOWhBI40alQki6ZLCDp08ihPv0+QEQo89AdqvA\r\ne2ksfsnrYGeLD3Fm/TaNehHjdMbirMWafGTXCogp5z6/tWG7E7FXN7AWqJtC\r\neF7bNJJMautuAreigg9mrL7Snzl6cokQAmI=\r\n=NOni\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.eeebb8bba.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.eeebb8bba.0_1675275691954_0.8452156411467853","host":"s3://npm-registry-packages"}},"15.0.0-canary.6a4b3f834.0":{"name":"@material/rtl","version":"15.0.0-canary.6a4b3f834.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"df7f8dbeeacde4b45f1ed4cd1e932f6a5e5f6315","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.6a4b3f834.0.tgz","fileCount":16,"integrity":"sha512-z6Ryz5YpvY3CgpapX+7r/kcZxe2glfOOr135MXqZrrEP7lG2MBgF7GFWRK2vfDF/rHxjX/eD4kkBAtmlruK/Dw==","signatures":[{"sig":"MEUCIQDR6QaRiyvphXisxxWKvdO1lW2IQX7m8Fc7K9As4AyP6AIgOs0KXclAYLYUlVjmtKhqn+dRmkgKmcmGeKJeSRuwHQA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2rYfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmroaQ/+JYyRrPrP3JSXJmV8+MXsSmHfP5YVbH3Jeh7diHAOz/El4Htp\r\nfbEN2PY3CU8VCX4OMfM15gMfKRvv5vPCb1HwSWZC7vjrzTSgATC4XVPM5m9m\r\nnqHIoqvsNxSqj4jOlMvHdhgppacH4wmFTxsl572gqAnDH50zkT5MstXRumIe\r\nTwgsERQgMi0QU57Azg4WieV0czCi8g0qyUEdFeR056GfPAIonz8eMrp9zsLE\r\ndFLnIJY4H/OSwx5iXa25S0HT0H/x4o/QpdpFQwJvWiaivMgeYydzUWXSMVGK\r\nXLiYhlTkHvUT38B6U4Z/RQhZ4h2ZZXdKBwKREyGjsYChVDejhNo6MRLMM+4h\r\nXkTYa8ylzku8Epz3WQNNg9XXa8AvtpjwTEMDanwXVTalay2Ql2KZx8Smw382\r\n0bdYVg3vD8I2NkLXEHzl+JZK94STiWubhM7OR2B/BBU0OnRkF3RZ3Z+0lOWi\r\nJjkcwdgvn47t9WC8mjLX4UiWsf7s/zjx1cYMLjQ3p1WO59bN6Eb6EpJSPDN3\r\nOf5WffbVHwXKzGqL4zZUt8Vy6I/pe8W6xaxxu1KEZLFwbr+91SQ2I8No4U1H\r\n53MlXCm5K+EDGCJuia8Aq0/s6Hec2p4WpiYOXKLNp81eR+6wmkLJ72MdTCrK\r\neba3d1WvwKv1DOiGN0Eox9GiJyqUvIQnh7E=\r\n=xPa4\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.6a4b3f834.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.6a4b3f834.0_1675277855084_0.012290699158141738","host":"s3://npm-registry-packages"}},"15.0.0-canary.b177b40e2.0":{"name":"@material/rtl","version":"15.0.0-canary.b177b40e2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c72e6a4bc0d1478ba550d395c7643569c85cd698","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.b177b40e2.0.tgz","fileCount":16,"integrity":"sha512-EiypyKNtwxayuqlvffPDo87gNHcOoyJuoCMXec6LC6hjHfseSlQroRNygmOFSRVxpqcE+Fu3jXe4DDuCuZiEHw==","signatures":[{"sig":"MEUCICDzuoTV4eQb2CM7ID7Ktu4x0n76lsXOYd1hhhk7phP0AiEAwswz04nnPn+enDYqaNoOyPd2uHOZyjtUQz9bK7EssxE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2y7+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDgQ//a7igyTlZrtoHJh3lHvVUoHT4a0GzYqvA5jO7mNN91vVSEkrJ\r\nn7Y9n7PU0ay/DY8x2NQwYULSpz5rNyJxut2RmHGvnY33Uo0lUXu/LU/08Oah\r\noaBxxvM/i6hEQJ48ddb2FpuUQc7P48L8KbPQTKTO0y7SMsLIpa4M2cnjiMYO\r\nmjUUiN8DBXYsZ8mwkJp2ScFdC6LuxQd666D+ubo5XrT5LISCgrJTRd5wEZ+3\r\nYfEDs6f33Ia8EaCsDrgw48RE2O0uIpu1/oMdluxKcd7rfLK0nTGbCZ6l7jhL\r\ns28hXqBWde+7wCsQ1IhMfuB0J/oXjjan4pWXIZicaA6IV5mu+kHkOjav9Drl\r\nPD0JPIoe8vWUbDTvOY+3GSkRNf+QMR9huHGPkxbisA8XyDTHQ/ulMuW4d04e\r\nXzwlhKGb+YNYLE4TskCvFzb0uG3DWHUGs2NHLEPyHAUFseHJ5YqIPb9a+5jA\r\n0inhmwqRglbNveQJsfpqb4C1wDc3drn0kzHr/f6wY2OnlVsJogH5fCDfxdzN\r\ny+u6Vxeik0lKGq5BivGfUX5HAF04CnCztu4g92yF9jhPcwJ3lWFFPIL+NTKd\r\nGA+NmdGpoXgU2IFWjkk2x3+rmPmHeFfiJO9H0V0R6rn+wrnK8xwRM0pZrsrB\r\ns/xZIXmXVw3JTHcHshwOSfkcEndCaGdWnbQ=\r\n=qqsK\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.b177b40e2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.b177b40e2.0_1675308798541_0.08422171563662983","host":"s3://npm-registry-packages"}},"15.0.0-canary.d9f821042.0":{"name":"@material/rtl","version":"15.0.0-canary.d9f821042.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9041640eaa79a8efddba531e8e3d4f7262455473","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.d9f821042.0.tgz","fileCount":16,"integrity":"sha512-Y5Y35hN4cd9YAFOCJ+WsMbn4SfFHP2GK7NFqRYKnMoFaiOfgj2q3qGdTIK/S2eGESdWL+xbNkPsdVF5/GlBdqg==","signatures":[{"sig":"MEUCIBD2w3TFHPfI1EUIc7GuxATgqzXkVkK513Hig8yOCJmtAiEA4RglgKZeXcQNJROmb9SMc5curQ3dP1mhOcYVY17sayw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj2/S1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpePw//fAZFU1n3/bXJt1eHn3qnF77H37aa/V2K/NfEIynfB7b6TCpJ\r\nPfM+4We28koEDyiQljnYtIwUBqCuKahNMGOJZ0RIc7w9wXfYhfh26Zko6Vvr\r\n0RbqtMhfwM7Q0Hpi+vz8OnIv1g3iYd5WDD7V5p1nd28C6/cgQ6kyL1Ws2WT0\r\nBOJOf3Gg/6f1pRvgBELhlraj+/hLMZws970GT1qTYgan2Knz+KXavuRF9wTw\r\nVLQ+ANn2VU8mztROO6hSubJU9iDbqki4Um2ctfSxHbeuvIkGmHwdi7Vc+cJs\r\nAt9U2zwkJMjHq8NVJJMCP4uOjCn6WUw8UnrIts3b54bMS7MFIf6VkUUUcBaa\r\nP67oQtNrNgrX+BhGInYxVeJ8wCXUb7Brw7+BiGYxQNRdY5BIj4pAFZ2uhJOf\r\neBKxy/COOw8rfnjDPG704f+H5KZ8qmzEBzCN0R0usOj7IUsizeEjWHwLosGO\r\nmYmM5E9JGvX1Cy368FHR500V6MmjBYOl31w0Em6a1aIIqiMo00wwAPFHEJBX\r\n4qcdsOw+PfX7t6l9mZG7AlfDHs+IX8e+1awdwxaT4R4CmNUMQJvtH8gcocRQ\r\npbmDLenlM262ELi0wi5mNuf5SXP99bkZ4vET+SwyRxnOlLu32XyM6JjjvL59\r\nb1jcF5sFY3QS5PIwDxuUpmAgxA+O6mn+WNg=\r\n=XNw3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.d9f821042.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.d9f821042.0_1675359413099_0.757256712400751","host":"s3://npm-registry-packages"}},"15.0.0-canary.47c7deb19.0":{"name":"@material/rtl","version":"15.0.0-canary.47c7deb19.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"267bf26606efa2fd2336b68837b1a8e7bdf81310","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.47c7deb19.0.tgz","fileCount":16,"integrity":"sha512-tm6DZkQqlnWcDoEsUAZ98zQl4mGQ0r2UNHb81+JjkvJDjQqqZHPgDanVrXDcfE278HECzG4AhsGa7KLQcZ6aOw==","signatures":[{"sig":"MEQCIBl9ahEqCitjqZSOhUw5/EduE89cIDXn4l27mKlE/ykuAiAMKxmiPta2yuDUVmZDTWFb8H4swEfO4aFyvFSdM13H3g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj3M7+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFPA//ZuR1SNeVp/ZVPwStCMrnpkEseD+/tqNC9FuHL3FEZhFtu8k9\r\njVjwj9vHWH6fB58/ysTuQ1J+wD1iDw+ELnW9YWkO22YLI+C6vxlkHBvJq4RR\r\nm9BuQI7vIq2YPjDdkieSqTs6i3yg6MuZGTtJhC7mCwmpRKn8/cpzi3Isa7Y6\r\nUD3GdVPY4PIBjTglsSK/DOuaoR1w72pVi2l9l9TSELDe4sSgd0gNxN0sE/Q5\r\nDX0g3/vQIXvPE10mGHE4oFkb4t399jz5ls26cPpum/R89yAXImayKLf5Z7nR\r\noZcXquEaB7mnOmXlOEJ1+Ls+jUxKFl2xJoXdD4OjGetqoGrIMd4tZFjNUrEp\r\n8i6v4y8wyTN/eKesh+dzkX5vx4T08GWnOUiwbXZpEdfEvtaKyWlQ7Whxz5RW\r\nFh/xAYJWMkCkcqIJLlJ5QpgANZqOlsexAhIyzGXTGEu4kwT0miLft4Sl/lSW\r\n7B53W0m5+V46CWzGjBOksx9S06PhkU5mtM01HWTmm7J5c+3oIvdGBmqBqUtu\r\nbdR6Zjf3dF4QCh1Fly4oDz4RflxObYn/R6LTmR3v5twGtEiEPdUg7S1FqRj/\r\nJr24oZSvVwkoi57NrrOJnbzQGgIAQLoHjvPZ7N35LrQqgSVwTXjyESsm6+v1\r\nMEd/9VSYRigxjly/KbclH9LpG5jSWjvUWZE=\r\n=1mzX\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.47c7deb19.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.47c7deb19.0_1675415294466_0.8775497992229153","host":"s3://npm-registry-packages"}},"15.0.0-canary.a16dbd1a6.0":{"name":"@material/rtl","version":"15.0.0-canary.a16dbd1a6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ffae35829f9658972b16043895f93c1494bc8bb1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a16dbd1a6.0.tgz","fileCount":16,"integrity":"sha512-vHJ7gB3Ki386tN4/qrjeK/kV/e7ghW5DdogyMIQQzoHtxUGqkGeSe6LNhO5VRSzijiwkmoPjfeK25xTJGTcnsg==","signatures":[{"sig":"MEUCIGCXlKYDBzsH4f5EAnoBGW/FJTcvBDhNkijBFeGfm+s5AiEAhnagBvfOOTKrCJuC0t0P0ew8LGfTqk1317Rb992WBmo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj3fefACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrb1w/8DEHtWygSAM+Qc0xb6Ss0QDJ+X1EjpIP0ZIE/IVVzthTmW7YA\r\nW3gHcrqINNfBodoO8UoFfjMRGhfwAfKSvwIb7rk3hKxPYYZc6eBJ31H8+TOV\r\nKJ3pzoEbYUOFaq/CEamPmoJYqPH/BYCZdwgZxZJUwSGEtOP1CdfwGs+N+wwm\r\np+Dkm1CPpGIO1zm3o0OLPLBW/HQNI/FJbphjyOSi0pqy5/cRTGyoB4fnBACR\r\nwe5huzCDAsEW554speBT+dt4f83kWPE7+7NRS5Ic7Dx6jIFoPnFLqpwBj5+f\r\nzHkDFrSURrppny+xynTCnJyGqYpCsIMdSP/K0E7Vi6UhIkUr6WOkxDm6zyBg\r\nrZi5ixld+5axd5F54JsMK4oFCbZtuEhB99HJS5OOb6YHHOIkxYXLwSbujJ/W\r\nLmsUU/FZ9VRz9y1sbkDNfHDGEnO2xtPyXgqk9VrT+d7mGk7x+OkanvfsQQp6\r\n8ru2soRLcbVENVjd1oKFGI5KgOcpkNnOVWLS04ryG2L266SKwtWRusGH+zw0\r\nIM8OA7r5bh8aODoVrmPxtiQ6mpJveiSP2NJ/1m//4Cncbz82/F90JxRNKuow\r\n2DNaQCAnkUOb1TiUe+dq6R0jE93O5BS9BlOnlNygi+dzaRA0arrlO30KsZGk\r\nm98ts13FLIAQ4pxCJsBkkW3HltgdvxMk/ro=\r\n=dwud\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a16dbd1a6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a16dbd1a6.0_1675491231470_0.6625151282254733","host":"s3://npm-registry-packages"}},"15.0.0-canary.93416f87a.0":{"name":"@material/rtl","version":"15.0.0-canary.93416f87a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"51400360d0fd64e9d2dce8ee24fc4252ff9f2341","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.93416f87a.0.tgz","fileCount":16,"integrity":"sha512-fs0rorySKY5zmSDNsB2AqufmiQ3ECaR0lZ5FrItO1ARkni3TZbf4Ng4cAMOAFGfFHvsZV57V6seosvm0coxLXw==","signatures":[{"sig":"MEQCIAoF/CBdX7XLwbqvViLk0X6rHjNxq4e0IYGR+UHUi7nkAiAx9qy6fY51cf4mKvG2M6o5XvhiWpK41swv3X6VyzzsAw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4lDGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpk4A/5ATp8K2D8gRcSKa9rzBardYK44sQY71kpBRzdqfyZxxdRs7o9\r\niu0tOOKd7KCM/5SGSavKp9qHqiP70NkSJ9rp6m0uKupoDn30uC/s4Ztwytxa\r\nIYPq6C/KRWL/+GXJHceBgGLpsOF9f0QTFeRi+xZr0ZfmSuSa07fjl4q84ybS\r\nIVRMuRJKWMkkXVEBN5E8qQfAEFCspIXYDhoXtVEnIdMPCM69+8jHNOAOIgIG\r\nusSFgVDMfli/6VsKFQCEVdJBsubq5jc3P2M5ZskPfja8Rhzf1TPNxjNdSQa9\r\nVYnKpZwvAgXdWpp5J83V8jROmeIeYUnYg89sluJZ1hVv/V6PNgLtFmE3G44L\r\nDokRChJuDiDdMvRMnd5MZ8mLGQIbIpC3NdgWmsEhIRWN3fBSYJ+vFV2hV168\r\nQKf+8m/0DpTp4c6wTC5iMqrW24wHGKRdycrjVxyor4VpettOPhPUfy3tleHf\r\n+wI96+oUPzkLUx+qXnQEjaGQIk5orWdBRqeTI8i+9fkfMrHVl8ART0Ar9F7H\r\npgcjAIM6x5JtKENapkMFs044Vol1GFnrj/Vvee3ZnnORu/RC0eTYxmFW5FqN\r\n34YbvEYCw1HDvJ3wRnwh9SGHL1/YJHIYWo/MWq4LfcWP5ekhj2kNve9GdTTR\r\nlksuHfzVto1FOeWVLu6mZUzJyAdu0D+d1B0=\r\n=QFcc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.93416f87a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.93416f87a.0_1675776198110_0.7226662749488308","host":"s3://npm-registry-packages"}},"15.0.0-canary.49b8e7442.0":{"name":"@material/rtl","version":"15.0.0-canary.49b8e7442.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"50f5903cea45d67340d2b4fc4b62c5cf1dc3e556","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.49b8e7442.0.tgz","fileCount":16,"integrity":"sha512-3qbxIUqlHKpEpafpXa978Jq5XkaTgQYhHKAxXCaeBm2pK6DcWmRIM5a6LbcIBzb3plCSk5w/ivo87/y34KKTVQ==","signatures":[{"sig":"MEYCIQDSMK6mZDM9/aiRYsaEnECg3aKnmZjOY8SlPIu+Wq0vwAIhAMzhW1MhQ5sPoBsY4mJo6a+PSu67qyyvaHsfFNr/K7jR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj4tn8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+CBAAon6pqpMWZelP+0xeYLyt+SimWfpZeeY7TMbMVr/q/0oB0VwK\r\nAtAMDXDOgSpeo992TpqB7AMnCEzxcb7dHiS8bfmDZO47PKgRL9JJ9sgmmFXY\r\nC/hb2Q4tgrCoQO8D5iidouwtbl8SF9X0ZfPR5TGHyT6D49MLvf5o09LuRIbN\r\npqDsn0h9dmLdJYEcQYvwrgcrKXcX1Nx7KQlTgILZuY+63fkZ98Gz+0bQYL8v\r\nHXx+MVUpoQIiJSI7Qh4vO0CQYIdcKSqBEO8dQfD9suWds0ktMmXBbq9gOri/\r\nKnABx+cFOjJ55E/rWNS+PbEJ8p6eKgY+ySGGyz+ki/FbxAgOllg0MUKfN1r/\r\n1ZudKvTU7l10FEfRx2fjHyt6sLhUykqzCZ4TdLns4INgP5Xnc2YWWa6gOMQs\r\nZYdYrnpSpjz/QULLr/bRBqcYDNPu/WcyZnhWKs94uPBuTpdAngDxdpdGoPej\r\nk/YLbuWfZl76zs13W4dT9wVPNeAGxHnbzuIZH9q8xqa3/7MKYkhkFejpkIKd\r\n/guWF3/D99GThhweNGIyjuGY+9QIdhM2YA8ugcdrN/5rD3GX86vDSR6QbBk1\r\nJ4thUBEQKg3Xal1C0+i8h80m4QgE6QqqwP9AgM3/azgekPFRI+MfVG1WfN8e\r\nGad0O+zICpc0wtXBCAVUvctW7NDjADhQzR4=\r\n=EZNU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.49b8e7442.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.49b8e7442.0_1675811324078_0.42409932091164126","host":"s3://npm-registry-packages"}},"15.0.0-canary.de38de758.0":{"name":"@material/rtl","version":"15.0.0-canary.de38de758.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"62394618d1960f7ba6b85e8b8832bbac3e602958","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.de38de758.0.tgz","fileCount":16,"integrity":"sha512-RTvUgLZqWP4ohqOUZ0Yj8Fu9ZkXUWVwt50pNAFNMMncZs82jiFdRQtJ9Pxa0GVg2e/drFpm/sgX0XIL8xpwraQ==","signatures":[{"sig":"MEQCICv0ojJ0UUBH/wMbUEzaBLt57+bimlQpls011RN3VtiuAiBpxu21XzGGEUtICP+71f1mS7WKf/SZKOXxg91EFni9UA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5RQuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo6FA/+KEcYDe1663LJogKNN3VvTlFvedhkOhryxBu7xoZB5Frr8Gh4\r\n7JE+2w7zX+lSmMYuCkk9U6+uTQ5Q5W2fWqakP6EHUHbQyNyjPZEJTFrmhWfU\r\nfSYVrUPYPKAPDXIhh/5I+fhhvlpVgun/yhTwgPWJfAqweXFddcq27uOEa9n4\r\nP0toJV/i4fZnG0238ya7B4Bu/82q/pnqs3K3hnK8/Jnaf8K4rfpWLjqgXL5z\r\nm3Ar6wDFQ/thSAeDcX6x2YmKJtt7idO/5cToFR0u5NeZL0XDiUWXB8RRplyA\r\nJbdRJ5y64xnM++toiC/OVCvnFYEhdXiIqbE1vqDF7VmFD4LAXdd/14I54i2l\r\nSqZal5DnAVucLZdWDzQp4FOqAH/CLyulP8YsJZUFQiv/Y1fIxFJ9yJ+rO/io\r\nEJk90P8ArWDUMDKEJJ7F8pPFwB/7M+K2l93OMDnknrcmArVmjPj3N3jqawsq\r\nvjXqtr3GAjI9AX8ABTZK+tDMtsVKgdsJ7IHYz+RV1G4mwSRVaPEMJesrNRp4\r\no5Cy0rt80yityOxy5wtUXjZ01M/QlV0v+O76y1wZS9geSQuqaBOMB9GidepJ\r\nJN/ChQBin9f3zsq4aunnvQgSGCpgPoDvIgRIoK+091IxqHNgAQxU3LO4V0Jm\r\n1Fy0BNk6OzwVREWLH6MhEf5YMOOpjddhII0=\r\n=qQOQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.de38de758.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.de38de758.0_1675957293907_0.6532198970003702","host":"s3://npm-registry-packages"}},"15.0.0-canary.4d62de70c.0":{"name":"@material/rtl","version":"15.0.0-canary.4d62de70c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e9a07454db7b4f7bbc180de506d863464fad5129","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.4d62de70c.0.tgz","fileCount":16,"integrity":"sha512-CM67vhY2gS8INngEIz+wDO/bP/oqCiF+BLSAXmZgLNsNVTetVbu8u9xy4YzRlC7jqYKc8CtX+tmHC8l5vce97A==","signatures":[{"sig":"MEYCIQDgIiFGTJHV5etcmcccij4p/dWftMmdN9dFvOemmo78FwIhAMhYKyHN7COQIHuNNKwNamOrhGCJ5qog28JxEIDNFUAh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj5W1kACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp2rRAAiPznpVvUSmdz06g/oUMJc86XF9mCl/m5bEDOALtlomZioIL/\r\nBmQCQv5iasWHobFp/xFmT3ReegeNTaBjZ9YlTfNmc0yTwbWgYrTH6xVREfyj\r\nzvpNYOyWEogZRWEVMmQkn7ieTRYNRdcYEP0kwFJ/N3tbiPOOMx9ep0mnv1vE\r\n41+2zRdLVRh98ZDv1aQy+Zi6paIpUS5P5K7xjwMc6pLv4Bk+Z/YZAn7cN+tM\r\nM3oIOUlPX4u1V9V9igqv9J0ut1ysn8iGdFLCNO15HFw5+sQF+Yzpf9FJKe9n\r\nDkZK6qycqCYmOlUM0V9dsDGlTpAVqOUg25XZCcOmBiwROwrHWmqLaXrvZOzZ\r\nSyHvtr3tpMAOFlen0zAKInUdg8p9O6uS/rK4UjGateLbLgn4ddyjVz8dkwkq\r\n0POt4HxgQ5fp2uCRoV+PxQKhYsf6+ZhMm2kSt1L8VVIvKq+r8RS4Rm76LlLX\r\niT++CP658UQHNzufCNInx+lRbQxB1SApIPLRG0lVzNWIS0n5SHSGtbl25aKT\r\nMxLR5JbX9hDHRg659UBgwDqutTZXoy3Qy01D9M/Uk93JGlXSiPZFHRZRhNm+\r\nWKuuXpohGhalY7Se7uA7ZYYtBwIu8g6aBlcZSNcRRKmefAahFYPh0fldsXdy\r\nA+czPFP5IRwRDW/GKX95e/IBP4Xyvx1y5jg=\r\n=JzQZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.4d62de70c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.4d62de70c.0_1675980132298_0.37887581682229743","host":"s3://npm-registry-packages"}},"15.0.0-canary.6fcd8d418.0":{"name":"@material/rtl","version":"15.0.0-canary.6fcd8d418.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1ab147b7575e29f73c99ddb807277a9ca16baaf1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.6fcd8d418.0.tgz","fileCount":16,"integrity":"sha512-R1T+Ixwgo/DcbxsbdHuY1a2WtHF1FeRn3wtdDXjP36Svrt8fbUHQ7/24s8ksv7d5vjOkYdGgyC70kwh8g37Wvg==","signatures":[{"sig":"MEQCIGy9UPFxmufy/Ail+uKRp0+y2B6nbEtZs4b1IIiOKfpOAiBtARvIbOvDzYCFGBI17VdI1IF9pM+RAx5p6DpYkyAmlg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6iO3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpjOg/+NZiwF+vOhLmNrJNFmbrsJOS1NyyClro9Q+iE+AGNrrsKtfig\r\nZNiCZBER4xujl5FYHznUdJhDhK2WDGIVvPN+kN61fUdOXGMLBkYkNTRMsqKz\r\nh4Bu4QuyKPvyN01/y3NIbfM0AorvhYlhgCdO7gXg3yUOMYQA6TODibVvS6Un\r\nrHKIgnT2ELRhS0xzEp8Duv9P7i0Spr/IQ72R7HlPAGKHyCLIsuRSr/Li890d\r\nxf7vNWj5nYDpf5tTihShIWfFofKfnWk06q1X+lELhpoOIz9IIAFTbkwpqja4\r\npt66o32yIy4kdplDthitCpvXEUL9ozJ1Z0MBqml60f11k2oQg9xIAj12+kWr\r\nJ9QtpAzFzbzV35ExhDO0VGofAvOd3D5T7plSiEaHJGlyohMIp5MT4YDDfu5f\r\ne1t3zgjmeaAWtmFmxAck9xNypfsuMKJMnb08aPufrtiUdmr63FUJzR0MGepX\r\nHrnK4cMWAn141MQYXNKVqDfHeCM3LCH/7C8/HyrxRleMSh0hP2jnKFd9MANX\r\ngwvUjD28Aw7+3lJB89vzFw/RcX1x/xoxfuhPKr+A7MkRsdC86Jv1+yBC4HgL\r\nKo2Ynugj6wgUDDjNswxCAKvPK5aFHm321Ns/jH83J64XbEarSmADL4Buul46\r\nSAg/BJ8lDN7g+BRBot0Kpv+ZLWD55Wcaoyk=\r\n=ZR4B\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.6fcd8d418.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.6fcd8d418.0_1676288951554_0.5482699393984882","host":"s3://npm-registry-packages"}},"15.0.0-canary.066d9439b.0":{"name":"@material/rtl","version":"15.0.0-canary.066d9439b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7885de9d4dfb952125dbdd8d501f903ad88374af","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.066d9439b.0.tgz","fileCount":16,"integrity":"sha512-6CrBGU4sKl+YdNrSL/WEbqZa38dkTkrTx91SIe4yOkbgRjFf9tQ1flae+tVLdgexzrmVzBwwBQz2PsSKM+w6wg==","signatures":[{"sig":"MEUCIFBtBnm9ci5mrYOAayvh9IL9Gk1XBcJfLpgkGBwMe0KUAiEAlV2YyGX13qBxmCvCb94xwkcgD8wVSemOHo2G/1DFqJY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj7TkJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNUg//aNjsx3IsyrNnm0TvbwiPdlXUzwH3VxAAtIGfRwCWjfCWeG4+\r\n/bF465nqBkoatN/zlGBSwaNGjwcoNTmacTBtw/qINQ6PYFdInTbtnCdv4tch\r\nu3Nqu0Si+DdBbn2w2udaromwZhysevOJozSr5E45eGwzSnxddkDdApXc6syI\r\nAvvm8aUnTEvVgl8BmGRWG2VvL5kiahqzqDHYPFqQNQc+KR3RHNTynA2BsjMg\r\nrtOiMBUQtUg7KnuHqk2qfXQ1CIXf2EqMCYHN6WrlvwjwbIr851pYYB7ZCtjk\r\nsa/BwpLctE2vvPoVJxf/0RffjbkxGm807VO+inTDlRQK0ZKoO7wzWm7ReBTc\r\nm9+1KULlPD8dZQVBuwOsMp0Ukq5+qSPPNyXa9e0GqIVqAhE5H+n9u8etTDPT\r\nU/mgN0mfTuZEkZFyyVsDMjAZ2Dtqc+oeHXx5oBnSpTQ/bmfXvEl0AkZZwk3G\r\nRpbPzGEMAq/+l/908gskGJzEk23KUcBSCNUze5VeZleWosfUSVlK8Nr5oK/+\r\naVDSlkNpZ/YMjtO9GaVeQK8aoAvCjxlfDQaTSlqAINj0KRMDW36lOtkrmana\r\n9ab+NQ5R0dpfnc0Ltv6ftZdbPgjhivQzBLIcSLGJLBPQXsTmuISCydGUOoMU\r\nvwUTuEGyK8n21HXN3nXQZx0PAK5NvcHV5ww=\r\n=0VgB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.066d9439b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.066d9439b.0_1676491016913_0.3814008352150602","host":"s3://npm-registry-packages"}},"15.0.0-canary.7ab32468c.0":{"name":"@material/rtl","version":"15.0.0-canary.7ab32468c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"28518908b5689a0f7a9680317e6ac0c1e31afe55","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.7ab32468c.0.tgz","fileCount":16,"integrity":"sha512-RhyZboENuBTJyA2aaqRsgkb27siGiqiPlKwKoG2uHqqvbMc/wWHUO3+NSIUApKuR2AY0ste7QjbrlTpEE5V7sA==","signatures":[{"sig":"MEYCIQD0LB3LkY+peY1fBIrTEIjvaTmG2DQ5MTDTqp/fzJTCCQIhAKP1ehLeYd7m2fwmbN2z8FG55bOkLwHQG8MDfXL12rkQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj9Q5mACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmptPA//bCtpZf3AGM7rgw0nxeSJlvqVKBklrwqg8Bhh23qq9eI5C+WB\r\nQixXkUQWrASmVFXjYMo6sF+nRWUoqKCQa1TLRxsEbQmTl85tRMcGHTUm7dCK\r\nAbhTrLmk4JohMSYZGpaek428ghKPJJHEJfgzeaDJAGNrJtInehG+royVE0WX\r\nfupMNemp/hNCFDvUkya650nKV3euRGMqE6hTvDmCBvA8aM2Thz9bG1Se3uPW\r\n1sIzIigAgH713i2D0hQakM9Sj79DhMhNqw4y//44RwMLKss35HqYi9TeQTeX\r\n/cClg2TAN/ITZiL0MRaMApAGIy5DhIB66+6gi3nZx9RfwqATSreV29QItHOI\r\npW2ZWVPQfYPAiTyy4DhKSoKigKjbS4QkcJTcg9bNd8pYKZE+tXT/ixenewXG\r\n3+9OloJYyCjgxrEQK3dOpOOPim/JuT+lhJBqUMRoeDDb8GudoZfJhjV5gTNX\r\nQ5oeKP9wqZvkudzrndqpOFJrRvy83ijUJF41nPoas4TUFrIVqRwq2evFz2ed\r\nUi3NgrWZr21xUaWu4iOaIsz/SgqIJH+mpdM3E6EoJg/czS3LBLFUOdo2R3Bv\r\n7GpNDSGurRwL2zbX596IoT25edpUXOMQleb7olxFFVeUSp9CETp3hGD3SuiO\r\nFX7X/sIuP0YHHrIct9c7F9/xc+WUODiDh9k=\r\n=R9pC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.2+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.2","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.7ab32468c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.7ab32468c.0_1677004390604_0.17651902415313914","host":"s3://npm-registry-packages"}},"15.0.0-canary.fa27ba61d.0":{"name":"@material/rtl","version":"15.0.0-canary.fa27ba61d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"48f1dc77480bde0f1654f931817972f4c0fc05b7","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.fa27ba61d.0.tgz","fileCount":16,"integrity":"sha512-8K9UO95Rp5Dq7fIRIO/W7tuos6VS5DD9C0acjHAWcQSvM2lTot0rAKxheaw8Y2ek0REVi2oSoBsknSXGUcF5xw==","signatures":[{"sig":"MEQCIFlMUJX1olGydaxTu41p2Pv8MoCFy0QHx4aZTZH92tuDAiAjTpRD2i0l4vyursw+II3CLET4JBLh/citcU58yg33zw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/NfTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqfgRAAhvBIBCwqAFJ20EYQ00VF7i+XHkUjzintURNLyG0MRqYbbnXD\r\nrMSNv4ohO6mtLvpgmK3YIgZ0xVpUgWIpoQ0QeyBjRIOb1/Lk0NeK0G/Qdj5L\r\n6RK2E4ZBVzBAoc2LCa42mojiw0koFab6VcpghGFeWgQiRurKvB0VdHkXla69\r\nSUlEbH3RNBICWwXLA4pqoJqsoJ7pHcnzSxGHfkiHCR3DyWh3ELOnaijYrUjs\r\nliU4LrLn14ha3mi7HGHrS6ZXFsvCeN2hIaUkb8bdFmhOnNTXb028m2eT4etx\r\nQ4glddMJLihF7Td+71LqIHRfULBW3N6GNI/yDbXeKYzRjMw9DyUvofKiOtW0\r\neZATXLyY95kyVGHuepo8mz0v04y0c4A8A9BNFlO72Et0xXr5D4/+l19dN0ig\r\nGA3ELfQLjWefLXof/K5SU1nMuwDCIVNrAiHhXF0GfVf1NIrU4UeLro20b7iR\r\npzeY+qlNCa0/CqocHD1NtfHqrKOxQsavWb+FlyhYrDqkpuX0EQA6dBI6ZsiB\r\nbhO70VQMhQng6C2QLODx77XlvbOj9i/EPmbiXmaxKs8EJ0/HVaykur2gOf9k\r\n72ZZYZq6hvLvMgHHCQ+RO4BTF1KOq6o/OkC4/s0c98gbTbOIdjvJP7gzZXTT\r\n9YkIixuaDLLjp0xr9Ovcz7Iu63klf4+ZPJw=\r\n=IjgQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.fa27ba61d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.fa27ba61d.0_1677514706833_0.470322022702069","host":"s3://npm-registry-packages"}},"15.0.0-canary.311ab4d4a.0":{"name":"@material/rtl","version":"15.0.0-canary.311ab4d4a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5324e57f1c34bdfe5dd5959a01608c3ade9c3195","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.311ab4d4a.0.tgz","fileCount":16,"integrity":"sha512-CS7jvgVRofIZBPZINMeghiRjXU31Yn8iNbswdsn6CTcLdjplXu+p1X4uUqBawfPKohEa/JqjQDe65f/w9LJitQ==","signatures":[{"sig":"MEUCIED6dTgjCj2x6QMJkQLL+n6xddrQDHMLFw0Ebp7tuW1xAiEA9Kksx9qcFKO3cKpfjTvn/KTW4ZicKRykkyqvCCXM8us=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/Nz+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqUDg//bm84gDdz9WcyzkJ7ZfTaJiI5L+MfzpYVU19FEyvAlRcHHueG\r\nYEl1qUzN+Rj5TPMkMFgZITDDuGPpF+p032P/dE62wyd6Idbgf0kz9ADgjV4I\r\nogOEXTsxqUXm9y7YGV8leoAkHWJFKPcZZoTB3tOT6LbL3CO8P15T/MI4K0a/\r\nTzrFpHcSGAuE4ChKWSW9aAr/8Zg+j41doMHjjUYQzao+7DzqYooXzw+iCixX\r\nhLqjsjblOrxYzT0Q/6qhWWyzncEPJvgQ3aZf5fhesEc8Cl0gVQllf7HtAurP\r\n7SR9qPaqjZJAGb8HhfziX8olf0S8tFDlfwp+iZVBzsn3udtjeq88Cr9P1nom\r\nbIjVd2rIkUOxCGVodXvqJDPmcvehjMMbCw/tOZFiS5sU+DOSdRKyCfdnKpNa\r\ns83jgQxoPdLFHqWQMRkt2LViWnuWxhuLR2gb+pRCzZH9I8/UvbreHCvQWt0g\r\nq2y/Sg+tMiFbhtzOpuxA5/QBiK7CevTrnqn62oD4hbLGx+lx/TDvmatknTo8\r\n0jMtMU7V6p++pow9fRLLiaMQrhHDx2lLL0LczGVS87fGFKTtU4tFh02O6kRe\r\nF+9nOv9893u1GT9TgJcm169aTof7jGIxa3Kxtf2f31NakvNAk0KLvfbCKgZm\r\n6FY9hJb4LGOtMjztAxA4TycRWj52SSGgPFs=\r\n=oKlp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.311ab4d4a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.311ab4d4a.0_1677516030480_0.35960725003722405","host":"s3://npm-registry-packages"}},"15.0.0-canary.901c83e77.0":{"name":"@material/rtl","version":"15.0.0-canary.901c83e77.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"46c5dc066da36edcb49174d90398f52eda6cfa6b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.901c83e77.0.tgz","fileCount":16,"integrity":"sha512-jDDOQhtonwJyvLljS1H7eZqFrNr1J7uOzilKPNBEJ4SOLzVR3fr2P3jbRbCECFDjDJ6xnvhapm2yShanJ+QCvw==","signatures":[{"sig":"MEYCIQCRp2ZPc7jwYq8t28H0V56sT80zjwO2mtPCfdMN49HhkwIhAJX4aeA+R88SuGDLlSByhYmeJWzW01pgk94+/ncg+myJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/PDgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpo1g//aWfELgS/3ZfSBrprdqVIQHvt3Sxos78BrWSo5pIbuW68QFDs\r\ndB3W+O7ER515rgWKLHb9Jp7ECYpi+SElGaWJWITc7zPSiuJqMUuulzLaC3+8\r\ndOadM1ZBz9nhIukqIXEo57NHRf2SiTV5QkaSrAoZ0YGYQe3AddNCp1Vhzp3e\r\npSMa/V7hxP2w3XVRsN/njm37LRN3CBLVCRmOGQ+h2khWnZ93fSAxZHeXaXH3\r\n2LrO5ixIsoiKGfD803mUwkqxUxRHA807QMlZNQPvYSb2RQv3rEk252kFulHv\r\nk7emXbr7oSw3vrrGb3mpjkF4aOt8zEzkBMMzep9KECuJfexSBcwOpx0+kBBF\r\nM8XTQlwTCJEaiWyOGip8WYtFiWEpkZtBCPUWyj5K2RGBJ+Ych80V0BeTCtdE\r\notLUbj5Ir6tq4RT6DO8ELyxDLLW4It3F6At+h4bOVZ6EzAncH/yCO2VFS8z1\r\nbod8K2sLZDeAibaqbLhtNejM7xIFc4GNxmZRMnGCokBqI5kI8Ma/TAmF7VX7\r\njxhkD1+wY2bf6N7YFK9xjxrCQMxsyY4hfhNs7OGQzp2zkPwfIHcgXmrAgfL+\r\nk1PAYIXOJYzQlmWvtmS5bY+M1T7ZuhbXx/1fQp+LkFXJUpjZsDT94IoLvshc\r\nKRPqzclAdOE7IVoU9gA8MK5sPauzs2vXGJ0=\r\n=KlpY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.901c83e77.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.901c83e77.0_1677521119807_0.46345483318939884","host":"s3://npm-registry-packages"}},"15.0.0-canary.5cb8e2174.0":{"name":"@material/rtl","version":"15.0.0-canary.5cb8e2174.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cc2e3aa66c842d44f73f4cb6307396bce66dd99e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.5cb8e2174.0.tgz","fileCount":16,"integrity":"sha512-CMp/FHbZxwTBgIiSAFNIQFEt4G6iFTCVfr6TV7S55wCzbM1H+sb9LK9BB0lNmEIxBxoUVcNzpNIrhKMX9D6Gsw==","signatures":[{"sig":"MEUCIQCEtAMyKGHwBvGLTI1XZyga2xbDJl7JwZKticKAKXyrQAIgC5iWI8DurAa8z1oIxce+IvTmDxUdBl+P2PC/wYri44U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj/36qACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrl1Q/+O8gRj7GBeU43YvnvEzrp/k6xil0oTn0pYhe4Z6ib8Nj5ltjY\r\niAw+Vdx4xIglo7vOuma/e1yKXjFI3jPBZdBTuX2PwT1AD7rPAXky5UIPpJT8\r\n3kKBLgCfFryapWxL9Vsja0hNLGO5/F8ZR76utvwu/jOub35y8q7wkDsTxrbN\r\n7LY/SrCQ2ec33rFwaz4501+b2YVjmCM0I0aJ6FeCppSQ74DRCZKD85lOajvH\r\nD9QqoUWTh3OXZ3ynSJcdra3SdnYYPEYIPHUkAtqb2A8Dkj02lYi49gvcaIQs\r\n6k/4GvJB7h3OuRsKxlUH/P84ontnHYZFU4nVgUZnSerzrcXoOiEH4WoJow+V\r\nUQaz/AxZodyD30/BxIPeCj9l/yVKaX/H2o43LBRvNecWCO6b6I1UomcsoZfj\r\nvp8Fcl8AjJolPhiunAKt0LJcidn92xM9RtG74TLsRte99X1hdsUiGzrwXV9X\r\nHAQseOsZF4O/cQE+dAnm9MxjBjhwuUqf6Vu++MXZm2AxkKFZAuqmMcp0AlXl\r\nT5mUKSOqfiIOymSFIpAn0aJE8oHTX7RPGUrkXblW5QVyThM77WPy2US+EC21\r\nD/enc3kfopeZCOlJqZ7NXO8UUFO4ynCntRrNYeioWaw6L0X+LAp6GWWl1P1n\r\nUgu4RSvoW+lEWtcbEaI9w3f4NJRA8alsT2s=\r\n=SXXQ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.5cb8e2174.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.5cb8e2174.0_1677688490316_0.748605929158539","host":"s3://npm-registry-packages"}},"15.0.0-canary.f32339937.0":{"name":"@material/rtl","version":"15.0.0-canary.f32339937.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ef4bf778a75d820cea1ee95337f8b69cb59e2488","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.f32339937.0.tgz","fileCount":16,"integrity":"sha512-v4lkmVa10OantTlBRr39yxLatM+QcI+haN2Ol/qjuwWXfMOcKidlWTHme06CHWhbzS2cbbsaXkL8yULWRJ6OEw==","signatures":[{"sig":"MEYCIQDioJytukNryLOAyEpmkk5uyOyGauRMylTWd9y9JvGjzQIhAPbmxe2QywWH+X//OYGJ8EXA47zzjuDhVp3EARS8KUtb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkBgNnACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqR6Q/9EpwM/so50fdUZtPICF0CqTjTQUDoMdZvbh/MX1AsehdMyTNC\r\nnKFchvk6DUyb116DuIW/yDRavCgzBAZb5bkO/TuWOJFbVYvw9BFcwLmAZbno\r\n+ZHwUsL7gMk2LpOp3+bZ6RkFjRJwUjROC3fG60Ryqg7s8AV7UnlFq0kG40Fr\r\nvoYmxENhb8Bz+TYTfa8wcxp30Nyzd/qGVmjGIOuHkJH+em8XOByfm3zSZUty\r\nGM298oi8XAf7eK7x3GkQxEoBHeqDVyXb4CHmW6ZTWPFkUCVgQsAq+dPxgxaV\r\nD/ox1zfSvStoUyUNRGltvDjKdPHhuvtP+Xsn8zoEQdkeBO5ko87iBn7hBUti\r\nml0mRS9qNrHzsLBwN2J3i/h5sCZty9KpmyCJcWB4qhSNwoMpN2AsBK8mZ+/E\r\nerH96K5Bk2pp43kifpnIfW5gzHf3Rerr+rTbkOLLfhrUFANlsDiD9YuuFp40\r\nOHC6Kr5vU+GACxkpRITdt0G8z8jmUMB+B/MJg9SgIUL4hW5UTt33dx1O1f4h\r\ncGAbS5fMc9lEQLqyfB86d8k1c8skxHc16UfEwCleCrkKjqt42yEiM3P4Q007\r\nDWlqU9BCSSiY7iL/7qJVXudXb9HlKQxjBNr8nO06Cty4eNYj9DWqj7I1q5X2\r\nPFN3hl/N/UR1IIX40W0/HdF0+24KqccI+eM=\r\n=a1Cq\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.f32339937.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.f32339937.0_1678115687604_0.0780867602131281","host":"s3://npm-registry-packages"}},"15.0.0-canary.7644d63d5.0":{"name":"@material/rtl","version":"15.0.0-canary.7644d63d5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"31f8c876bd06443c0b6ef3edb22bd0a61c11dc2b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.7644d63d5.0.tgz","fileCount":16,"integrity":"sha512-Ms5PKx5AL1jywhbHxK0iKov4isI/VFEjvkQuZCmpswQd4KpKYdH8fFarcTwvHnKFKhqNWEBMJ6NjfTSWAExAjw==","signatures":[{"sig":"MEYCIQDVpCbK2MFT6RwpQnP+S96sCmzUf9sYayW2oSEaImFhuAIhAJlPDHj8vj/iHykRoZGVj24lhSCPpPyHhKRDOb3Z8oFw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkBmihACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpOLA//bmTkWhoJuizYwr8yTlbmm1/EaRFBup4xlJCScI/QAPllkmlB\r\n/llOgtVwDX/ZT/gCF6lPpbq2DcE/KKFotYYN2JryL21naMC767gJlhtl363E\r\n1lZFbTijXpc8OvlS/j4Scr63y594fpjgYf4gklACXffzcEeuu3OyQoAFCf2D\r\nlsDjIlQAN1l1R4Dqqt0FaAY9SQvZkAYVirA5+0zulad7Sf0pVvg2ojSGd+Qf\r\nDqhyd91wG4kUCnZqLsJULZCYdlKjTJ4fQcB/dHbFxfPaGrdz8s6WKlzP/bQz\r\nbnbf64EvR10Yt9hvOGe4OVP51MNoxeZaoNHXa6wSMtBenhTE5q2MziYBYk7Z\r\nFjaGFxec6B0lPwJvDmlD89Uoa9/SsqmoqQdQSLnTs6oqt5aNy7C1NcvpXZrJ\r\nflW02rI2bBgp1i4olFw4vpgKshZ26QLYTfZvKpsVIhtwAvCraDY/m62MVY0y\r\nCNoI9bZuNROh1u0ep4ENbshN74PrAJfgNHewgPcATCUFRUwcgPsUtaH4Sknm\r\nOxyFmaNXzwa7tBVX01hR0Bw994ItyxNK1kX8lKNC/wlMQIhzBt5SIBVKqfhN\r\nNJegiGnxWojkWjIehvmcCwSg9zI8maxu9hDB6JklqPBiE27FoFOmq3C9j6xJ\r\n3DMNoP/HdtdpTqmYC/TTxvk8AlP4Llrif0U=\r\n=KMdz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.7644d63d5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.7644d63d5.0_1678141601376_0.17311491118946498","host":"s3://npm-registry-packages"}},"15.0.0-canary.d96330c08.0":{"name":"@material/rtl","version":"15.0.0-canary.d96330c08.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6ccf267c7aef439f6a0d93f855d69eddf82cb636","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.d96330c08.0.tgz","fileCount":16,"integrity":"sha512-8au1JEwwQ2DDovlLg2mqvThLgVRk0nUMEx2IAbGDw96UH4PXfUS0Ymgp2dmS2rSCXIt9Z/xOXa0QYu2Q+GWsjg==","signatures":[{"sig":"MEUCIDg4x1bQsNkzxzTXWaoElFDJODcgxHtR4cfW1Ix/LAowAiEAhk1DKtvZ3RzEouP7LZ1v0CVSqr/dhh18CTltzf/kn/E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCHRNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo0ZA/9FgUmQT3cl2ziItrZpk4F5wUBhifx3JPwVL9CTPYvrt0wmtpZ\r\n0CTfMct2pnCJldkNcRDAyAHGw/v/xMDNfeB3pBRoX/JeSyNOFDEqcs9e1sth\r\n2m08mNdSrl0Id9t+36Jjr0pvk2qZ6JeNxzcZmYXutpNonYOp5wr8y77bsv7e\r\nA0yg8+1ConXf8Cx8cm80rsyK/Lz7+KTaNGKz9GhgsPXZ0PrYIq0m9Fv51fWi\r\n5SOEmsQQSKUUnmsoPA8Tx2ULewRhVE2IYO4do9z/GUqLGR22xhgO+z31NboU\r\nj+cTODjauYIAnMYiLaEvSTHkiB0cFeE1W0wnyhRUsWPXQ3ts9aqsgNuQ1QS+\r\nTtKdQ4ZPqsBZhI/PrZzUD3v9EbTDVvK3AdpbAVL2uWZsmslh3g80bXGWlMCJ\r\no5jjSIkGhoIQ/zEFKviclmAZaJpZq9ZeekDjQbcYC31scA++8EPTHwg3FMXz\r\nWK9QZVH8XjEZY0EpxJnrnrbYT32Rf/DArtkCG7kRpthvAvH5tWRDEw+YxlT4\r\nyb7doSN4RuroSKFiBy/uToRlGqK0VnTImNEMCWjSeIgI3BX1/k3nmva3C0Pk\r\nHJ44fQd399bYituyRZPP/iKE7d7M71t6x5LgryytuQZQE0IfbzxLEvB2ARHH\r\nwbM+B4a/+mf77TFb2aXaVmY2ogPFbgut1Fc=\r\n=5rwN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.d96330c08.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.d96330c08.0_1678275661468_0.12902532510444398","host":"s3://npm-registry-packages"}},"15.0.0-canary.c99cae77c.0":{"name":"@material/rtl","version":"15.0.0-canary.c99cae77c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9a1d0f9d7af9b26cf7f6b17a3e5d3d81ee6052b8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.c99cae77c.0.tgz","fileCount":16,"integrity":"sha512-AFPsQpYMp3S64wXgv7zgoPsiigbGNnJHG8ICv5dfOfgZr4D2lYlFb0YFQ7sJlIIrZYCJDxcJMPzgTOykzluj1w==","signatures":[{"sig":"MEQCIAWE4JQGTXBqgKriKAIl2GeImnYznH+tjA6zdkV1MIwwAiAtLK8RKIkLbufBiATg1s6YJyiIG4DYjRw2AInWj9KKyA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCR1PACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp/IA//cIcitnG3n3LyN9WWj1MKelF+sF42ap5HjHtFnzJOdXNNwTx4\r\n9IiPd/dx0XtQXOlwburCghoGUUhEGeMMhCt6RQ10gfKVdAK9QfkojzjuG3OZ\r\nBYDS7rYIAi3XTPSc9e/MnbfLxjnHfF1k/nayWzh3y9Po95sDS9Hqpr9oeCmD\r\nKvwOmXQcQB442vKAHGlDwouj+S29SJof+S9J11cPwiLPbz8il9jrZSw487Sa\r\nN5EPeRtcsC+erVTB7lD6wrBs6iPL8lQ4i8fQwrJZ1bkgydt2oPuOwYvt0jaa\r\n8+t5TvPsSALP2VpireRNp6hzSTRkKdYoS7ykokQWV2FBVUfTSJPRBsx3R//S\r\nedXQNvXl4Z43PNoeddnR3AM8zynltiSHkeLae8Escrz17m7QK/0askV5u+P+\r\nG2Czhz1dqoPDbLfLtbpcm4fSICvncyGhMOdZvI7D3hWOztMOSbsCoUB3nFSR\r\nKPY9r+h6+/nXGz9LHI992jSWf+U/57oDxJGbMgBHZdZhkqX5r+d9akO+0H1n\r\n7PtyPtX++LvWiTrO9ambiBZfhAbapvnl5gbfLg3cbajcRRB8vkzc5ft5e1jp\r\nROjoajuSzXtHSwFQi7WUq/tBQ6vWiZ0Vv88mC3j2R/qHKUdAumEdiMnTcQ50\r\nrNqzU3AjT4lux9cm4Pm94FaO2Go/cgecJik=\r\n=MJI1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.c99cae77c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.c99cae77c.0_1678318927454_0.058913583663484426","host":"s3://npm-registry-packages"}},"15.0.0-canary.6023b1cd3.0":{"name":"@material/rtl","version":"15.0.0-canary.6023b1cd3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c896b28ef4080264ecf6d233f966518fd0dd9257","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.6023b1cd3.0.tgz","fileCount":16,"integrity":"sha512-3ttBkqDMVvRUYupC+xG2vNUrSyvyEn5H76IK3sjHvnyfNX9XUbGoFmDR3EeRRkvovbUGkXtVejc9SxlFyW8p4Q==","signatures":[{"sig":"MEYCIQCZMeBO2A9ukThPBojZ+x0OBKU8OlIt76fdWFBOFNN2QgIhAMaPi/IjLjvnfTkRXMSe11sJXrgnq6OSQzkKBQMXVD4G","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCexjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoHUhAAjHiKpNdCDylpOEiAmzE72xpByxk3Vf6qm5CDNx1O7tWCf04g\r\npvVkHf3rHZQ8hp1Kn4ym5oU3lx3UiXtPLyFGLlhH1evfzF633iJxm4EVrsFQ\r\nMt4l85zbV0400CZfM/ymPVHFFhGdjGSDxo63GmB+yEyM3B7SdGul3LVE9Ej4\r\nsmtIfXayzPmtowNOacNpQ77BUllnzJyHyL7DNg70oxbVV01xFUz8JV0ZteO5\r\n7gSNH4geZH+E5akk5WjCludrIqwhesHhgxv0pe2ieWHS3nJcZ9PtVW+N5cIS\r\n5QoM6kOeRwEtm4muT+go+XMDxWvRCl6n/1a/By0CNqYAmG61CmPeGf8un4ID\r\nU/a/MZxOMn/vmoxg4Fpoooezuxq0UoLl6PQN0SDk+Bjgalp6BEZdjghGFHhN\r\n7Peos/tvdAkUo4eqdHhoSFcyZERvvHSjKcsycUhGgFDvaLf5rBqsekEX3wXU\r\nhtQrntdkUWn6jvB1e9QiBytihSx9JNn6MBHtZLH8ngPk4bWydxTCz6nlKm5R\r\naK2X9xX0qH1/UvnLAELJ3evOdeyccw281vp36MPyOOSAdEVaZ1qvIam3UuHw\r\noEXehebLN/vyo5JyUg5CI6hMN7OekXm1xc81D7sB5IGZIgKS4xRIZkGBfBZa\r\nJXW/jX2OgRmPc0nO5cBS/1Rf4Z6Fh76ILBs=\r\n=gnzA\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.6023b1cd3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.6023b1cd3.0_1678371939313_0.13743791319449628","host":"s3://npm-registry-packages"}},"15.0.0-canary.274610c77.0":{"name":"@material/rtl","version":"15.0.0-canary.274610c77.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8a9c9f1338bb7c6f41e4e280608cf2a02e15f074","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.274610c77.0.tgz","fileCount":16,"integrity":"sha512-UmFvV/caXGJ0iHdWbNGBwMIpudIGdSCF94KOiFOI3aNaF/RfjRCiC7FXcCglXfnbmxfJZN/auwTgoth3pyDKOA==","signatures":[{"sig":"MEUCIAjG1R1TvcQ6dgFq7YsrPUpgyujKSFFbmxjkob5ophUTAiEA6K4xd5f86YJ+OiyZzMDFtWbnXoVhp9a5BrAIKUpCawA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCfPqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp5sQ//aMGuhRaTMiyr845At93oGGxwqc8/yA2o+g1xSy3JYWj+52h6\r\nfjGkO7mBZuOWkxtv6N8e0OK+BGwJ90QMG4IFbXY3e9udoNs0RLdj5FeG+ilG\r\nx+4jWODLxqpsbKCszZejUvV6GxyL8ISSFuRVP653YBIVU7o4ow3xdvungOJn\r\ny8YXnhcXvTfe133vjWNFbyfzVT9u95sb+W2ldKHojTAcW9ZOGhEXsSrp7REg\r\n9QF78lI7NpyrcA/0SWJAywpDSc0BmP2TZreZEZXfLT/0k7nRVe10imYAaBTu\r\nf4eeXIn3jlp6Aux2u4TiOR6tVRlZWswlonUCcBVRs6AUt7Xx3RQsbzmd3f3o\r\nej+1tmRB+M6dyhxJ9/lJ8CUc+P33e5uBfKYMvCNTZi85qo4mZawn9aitETTi\r\nwsdJCfBxoQdGstQmrTGkQ0WetY2L50BETx6/thSylj6dNQUf84LF8u3CAENA\r\nkO4JrT8dhaqi9Sz5tt3W9bRcRX1fwhk2HD422ehVyctd8sUrTIMEqNG2yfP1\r\navOYDQXAl/YzmFYqcSbeOo2iJ19j5716GfUC2NNHgUh0jF6aW9X5QfWR29lg\r\npG/C76DTVgOmpCMbhG4N4FQSdNlYv7K94aVx2VWYtVz2lXPydujehID3ZR+H\r\nqFzyN0JIODr2XBe7KvBbfmAK2jDFTx65iCA=\r\n=oXEF\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.274610c77.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.274610c77.0_1678373866797_0.1467499709336606","host":"s3://npm-registry-packages"}},"15.0.0-canary.a274583b9.0":{"name":"@material/rtl","version":"15.0.0-canary.a274583b9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c8cea1d95bd445a2924726001dc93ffe465c2af6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a274583b9.0.tgz","fileCount":16,"integrity":"sha512-PavsOnxbnI5VEzpiKx0V2O8Ui/lBaiffmhLE/T6gfq1tOLlm6Pul8kMwWPundRbai8P9oNaLzAmsC1kYTGMtYA==","signatures":[{"sig":"MEUCIEdFbRLgP3ePMatb8Q+SwI0hImnQKkQftTLTvdUAPxr8AiEA9FEnEHXO9TN7WoMBK9RvjcUmQO/2/k/RX1JzB628HqY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCjjXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrnCg//fEUTj0IYwurVjGqw5avl9gYVIMvGKCXtp9/jLnmxlMBFTSKc\r\n13E3i180MAjpYntYHpt0yfwXrr+gbEBYQmJLWulS730VYPRsFsMYNdLBFpRv\r\nBnPix8bUy4lOJXhgj/FKLI6Nwfyb/j5SkHmrI2w2BVGDh1Jb50cTx3qtgTNM\r\n02Nr6PvOL7HoZWDmNvFQSG6LcuqPEzUl2NONS7/n2Q0S5l6W0hFl1akNGHlA\r\n8VY/+GVZo2K73xaZbp5ArdW8XfNfdcZyjit7WGe8iYfxvFOov6n/Ro7vjCnq\r\nxqZwQYT0HvVroBi8ZvABlxTf00njJbieK8fwYCteogpspOAULbd5fRqgGLjh\r\nAj7xwcYUm2kjWI10jN5YigNatJSfaargVyasYAMOWMgebUkneA0WRaobRDNG\r\nZ3GqHAA+P3KFJPp3SH5aowYr/TXeAZepOmsFasjjLlEexfwy/2xbQfEbTAKF\r\nXh3189tXmwPfW3+bPXPFkVUqUqU+EnIOL9LK7vHyKzE7a5Qbtw+uLflkHjDJ\r\nsHqPVzD2NBwDrxtr+TtiBdpdrSQ4GG+GQry/lVxhUtLRoWXvR/k5LIMO2aVN\r\nQlj9kPi6GX5FNNevy30tYtkPgaOhieIQSYDdK4cIxvA+AyjMwCvy7onV64ag\r\nO89VmF5sRt4fd6DWsmzVLO2PBJywL7He7R8=\r\n=pYCG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a274583b9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a274583b9.0_1678391511492_0.8823352312972823","host":"s3://npm-registry-packages"}},"15.0.0-canary.da22ca960.0":{"name":"@material/rtl","version":"15.0.0-canary.da22ca960.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6a8f344c3ba9b1966f6f6661831a4224719abc25","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.da22ca960.0.tgz","fileCount":16,"integrity":"sha512-0p3bqMOlyehv2q5pXBNa6pOeGhldxqXzRIK9Myj448addqFaG7/9WH/Iwv4Tlg2IRP+m/16ikcp7hU8wCSruJg==","signatures":[{"sig":"MEUCIQCt9r9ACwWuWBgx80FT6JUa8EUtLgV6QaTujb9yEQeWOgIgCKX9h3hRNhxsm+9WK5awA1QhHc0RO7klrxi7dFbnvpA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCj7RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmokhA//RVXjNEmcx6qnreKPIIzUaQmLkxnlh20KDFoYS9NkSstzB+mP\r\nKwrGP+I07swZARiXrg5+MzOdImFIu3cKQkb+cc62EgTC6E9ZJDqyApiZ4AMY\r\nnCgJkJbXhHtyB5GLFOE22wDg3mL6oXCc6yBsBRbIVGsJ68Hnx3Uo/3SFE37U\r\n2g++VOWnpdBzrA9U435vW5mL9RwA8x8AE7EJZTzgdUmOpWpvecVx1iy6jVuj\r\nhD3dFLq+Cmus+OHrWeFDZ1LDcIAWCa5kz7L51/zkG6EVl/EndVvz9Dz3IS3C\r\np56X7ytb0zU8B8YSjoVA3+Q3OEp+u/Z5ZFWdCSHC0PvxpI9DjO6s6GH9uI7w\r\nKKZO1vdsNJ6JfyCaO5GzC+CLztb8bc370fISvvimw+e/J/g/eWD6KusiD1An\r\nFKozJaTcRAWPJX52TVeXHEMWoYTFF+ruYRBXBCWVcHW2jwJn9lneey+4QZyh\r\nqSbilPIU9kyNK7wlYMW3urzAOiEqkYMTp3fOcxrPisUDXFtgBiueaLqgnnYh\r\nBi9McHmW118uTf2mvnO2+xMg37PlK0s2xHr+8WBETiROBkSZNHH77Acn/O44\r\ntPLZvIg9hDyqL3vPK9bV4R9IuWZA8Ako3QoueUCp4h1pHJTmLswLjCHDj08u\r\nnTj7MQQmVfikE3di79J5OjTe7njDaz9VKwY=\r\n=qoYv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.da22ca960.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.da22ca960.0_1678393041573_0.9136238010447075","host":"s3://npm-registry-packages"}},"15.0.0-canary.304a94e8b.0":{"name":"@material/rtl","version":"15.0.0-canary.304a94e8b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a2cca69a466ab0abdfaaec5c6163a69549c56870","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.304a94e8b.0.tgz","fileCount":16,"integrity":"sha512-bUyl6ShkFwd0XIHaSR50omNVfpe6SCgNqUGNJsVJ5wgEpfrQytJohR0JcgL5PRc23wTG+sMasVrPQRb/Duntbw==","signatures":[{"sig":"MEQCICswr1kdc4pTcIR+k4doPfgTqhvm5TU4VlWh6BwLNBAuAiAQ/ZyrxoGrgd0gDrBnQG4e3/+NW3eatmtW5TpLPvawDQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCkUdACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpPoA/+O+C3c+0oUGn4zfERBU05nfD49GDpIbBmyYazkzeZDUQEraV+\r\njzLjcuvMKHck9HowdDHY0AoAiw4oRheuleFFiGSPEiwmtkGMr4dxwjXPnzer\r\nJnmYbR2QUIqC73UOCVJYV/KiwEL5aZVjasw2mAITMpclviPbKF/cI+JHUCoK\r\nAZyNd9DwdWspg8jMrJKIks/0RRjJZWW07kOk6wBB8v2eHMMEbADbxWRTkMXg\r\nCXLL29XUaG35gOvvPk6CF1iLTFEM0pf/LspbxP4BHcyEYs0rwPWqpT81Pz6h\r\n5WtbxEm/m87ZBIGQVHLdHNAj1aaTtI0eTbp0nURd6/2qndpiS+joI22aIiU9\r\nHjjIij+QsBXVEGr3U5R4RO3kDB0cFy0FAW0nsVvr2gZGid3sP4J8lyOzQBm+\r\nzV50GPJJ4Je4yxc9uJB+Nz6Nz8dGh8FWN/agTALMRHYGMYLHZL2VFwG9Z2k+\r\nZx3lFkYAfNDUVUCecKN72sE1EqYaptUbsVvzDEyPPZunU6KRsKXcHR7NqttW\r\nkA2t9REIVmxdHxFDDZnQ/kROqJDlsdLpMceSsWuVPWVK7cBA6dDlAYq8dao3\r\nQbVu9aQo46Wa6tQuK7FGuUSY18muNYw2FNUrQOg59BedgdzwKPJcCrcDuFse\r\nKqaKz+Xl3zy4e+DZ4T+Nebg6VT4EC/xfAhM=\r\n=RTE3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.304a94e8b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.304a94e8b.0_1678394653569_0.836017557465929","host":"s3://npm-registry-packages"}},"15.0.0-canary.6c265915c.0":{"name":"@material/rtl","version":"15.0.0-canary.6c265915c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"419f806a9e67d15142ad42f851c9878631cc58e4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.6c265915c.0.tgz","fileCount":16,"integrity":"sha512-KQNBpmCLp0H3FUYoOcboSaDVLPMa5ll6/wUyREIw9fNBD2HLroJJrnH0OeLCwylqJ0AVzDVw01HNrZileBUq4w==","signatures":[{"sig":"MEYCIQD0+aTuMEdrtxKQrGq+3oEa1r9C+/DGWwjlVTDqsYMXxgIhAO7jdAQvzjzvOpikeb0D9K9xX3sdvp9oIRTU2O3kMcC/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkClO3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoctg//ejJCm51kWyUbztTEeoE6RWN/6m7TVFPaLr58wWgUZl8NWNca\r\n5SRFpiM62YPt3Z4VgMvjtEnFWvQ1aPmVeLLMoRF++qeaOuAQB2KeQoxYpt+Z\r\nMNjb0cKg4Df/U3K2zVdgJUVI7U6fgGWeFyQ33sxH60Sea5DOVKcjrfFAX1ny\r\nyigfihQZzBGS95XUKmFtofjO4f6L3F0O4mpJfUBEsgmheG/99WrRf/J8ZNrp\r\nzLkF9Vtzokn3D0EeXhZOskzZiTj9MZloT+4mT6+Cbmbi5thikDxz+StNK/GL\r\n4fa5f6Dhxq0xq6rmzoMZbI/iQXrGVaO2nKE314BW1iqCCmFCE5L4tc4JVxwu\r\nNPD5tK3OPMZhiAYthgUqcq2LyNTmK5IH/Iea3t8Aiu1UxiUDZ7bdD5hMt06j\r\nNcAeKjd6x2TCVmjvfiD3rF0+IfJutZYKh3JGnItxP4YYmhOPPU6JIyhPwHxn\r\nLnYxSRLDky85A/z/eA4kAqV1S9VdR3e9zGRW/3a2ByETaZq4HDICS+Gof99Y\r\nG3bUJ8QM7yxMkS4HjczTiWGMt0nfaklU2Edpj/9OTLjFBKx6e1GpD33OqFNL\r\n7lS3WZe7hqaJO6DXUBaeyVBl6O3H2VC6tTTyrHtdGS3nyvsmX0u6W5lw/ClO\r\nE/SbTMlUX2dWFTiA/nxwV2fU7R6eoHSJCXc=\r\n=mvSM\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.6c265915c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.6c265915c.0_1678398391193_0.31297897519134454","host":"s3://npm-registry-packages"}},"15.0.0-canary.de5224633.0":{"name":"@material/rtl","version":"15.0.0-canary.de5224633.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c03c0565e90b303fe08c9d91efb4e16d883e1a15","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.de5224633.0.tgz","fileCount":16,"integrity":"sha512-Pry/jTxM1uK0rQAcvtMbqe35GI6lQ7bs1Lf39hKM9lKMy8Dic2uRIQrb5AFz0rcXLpDyifQQgJ1tQCoWTut1Qw==","signatures":[{"sig":"MEYCIQCHaFwScAmVR7xe0LGodRQOnsSu3t/3flUZ+SoRvxRk8gIhALa9vGIMTLj6IfDpM9rsFX1YXBry4mosNMNNvh7Ab04o","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCnHUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpTVA//bukOABbPROJ9njdjLka4sTA97mfEXSBQ4VG3M5jFumoCzrTw\r\nOlBhbXfRBB/vw+whulmtZIxXwahXdsH+7Yuas6dKJzbuQhiMQMdfQEyaX69c\r\ncBgSkgCTDjkN4Hx0WMpM5GvtDXE5iixozjlMbKTIVZCwV5vsZP5Zbba9iLps\r\n7RosUIzZZPp8fweH0KKR4qJyDWLzgF3QN3DpZJq7VEXAOYqhN9vae6lHvmKr\r\nw7hsgAlGUFZxz+uJDWoRD93yc8X4zRAuUDGVzhrEFGM9+kwAs20WMXaAYz3a\r\ncIMq8QReX6RAEGvRt0ik540TlOYJ2T6nPS2Ra2Oe9xbdyb8eUqrqPBMiVOWS\r\nWbhRFMBz0F9CHZwZDGbgwc8WBdHCZ063T5RDAukdIHnm7tUwWt2k3oJF64IS\r\nNiI0pprO1PAUoR0Keq/C94bNA4uWuqSurr/pP3daps5jN0oGroitKuJQUCL5\r\nRBe1zykVeudFh7FS3tajF3wrlaF8VY/PrKEE/YQb7z/Qi5aVdVHrY62Wm619\r\n+ZOmaNC4UExOplTaox5KNmCouOqg/puQ6VrjpWcyEyzYeo4PnWkNkmu2VQ38\r\n3jqwntssxb85dR3AaeNjk3lhQYzyqJ6+5Rj/6+ML0zhHOKJDghk6MWsDxmES\r\ne2od7R3ZVQEDByBXP1+C9DrtIztDMArQRTU=\r\n=6z03\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.de5224633.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.de5224633.0_1678406100689_0.6990416989363226","host":"s3://npm-registry-packages"}},"15.0.0-canary.8879557e6.0":{"name":"@material/rtl","version":"15.0.0-canary.8879557e6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"30f53891de536d6ea33b7ea2a0040f909a766706","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.8879557e6.0.tgz","fileCount":16,"integrity":"sha512-zVlRrCZ/mvcTLcvZc2lB2IkLm9o3g2mfZPs+V5qho+BkGw1j0/6IyIfvY+JxRvCMCNJqvIEsNu+KGETesZeh9Q==","signatures":[{"sig":"MEUCIQCIhBhYRR4WIkJMpQOzfVRw+Sr0vaqURQ6F/vehFHslGAIgB3nZ1XZUm/cIBFiL7k73ERI22srXnOhNxocHaSCgxhA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCzmMACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpYlg/9ErxywXCmMxDVi5QYQlgUSP6i2ttCi1sVWuQZFwACII7yxEF7\r\nZ7hH7s0zCq4kvlhX93g1JttadPhRL5MPqPmeJajYpVi6Videu3PfduYLUO9C\r\nWl8fxICxiXAnd5iwX5nG/6eR/keDGjv0TnUV9DIHyH8Fy0i8VH6rO473JYlH\r\naMgY2Oma+pI61lbgzyoBFLzdVP0Kr6Rb4WIP17/5PDRHUvOYwnFEHDvCeK4a\r\n3hO86W/zpICvJS4NZU18r5givj1wpHesPr+vG3A5E0vYiN9XHEZPRHB632ik\r\ne3gm0Mdn1tu2NVP97PHQLXQNM/q+lRrFHGpaSKotuzHQFZUDBsJLrkb7RkOA\r\nKIo00uKb3jJH92xEQ6GIaQ3QacZ9A6TazGJt4EbPbHPy2NkHGQD354Uun8R1\r\n9EjrMpR8zCpZC86XcJseMX9jCklEdkITohc7VyTUldzEAN4tXgbV/htXkMOz\r\n7BFpYLGHXjkmqOgaBTo9xq9nAZ9LhHj2QFb+QxJCfvsnm4DhHVGmCuD+Zc3G\r\n98rx9HieIqrvKjJUmNZ1HjF9sSffwgul3lCAU8ODVhrg+fHsgvhhYda/2Rrp\r\nqgh0mTzMaP2pQUsz4Rr0iQaf4UXuhlkDpC/PtMJSUNx8u9kUDGFKZWmyg1YM\r\n5Ol0NcBauLWIy7EnhnqZHxWi7m1FA+LA3i0=\r\n=Nk9U\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.8879557e6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.8879557e6.0_1678457228374_0.8774788297450908","host":"s3://npm-registry-packages"}},"15.0.0-canary.23073a303.0":{"name":"@material/rtl","version":"15.0.0-canary.23073a303.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ae4219c0f253f20a5eaaa46203276262c0f95b68","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.23073a303.0.tgz","fileCount":16,"integrity":"sha512-bJ80/K2hGeQQu2of4bh9XLb8QzgjT+hvKuiHodmyjpOQySiraVjtHYufYKpHOOJ3j0EUfmEZXmOev5V9s0otuA==","signatures":[{"sig":"MEYCIQD0z8g7SSEmqyfx8TC5UMsR9bVeUJP5HMSZT4yA91qi3gIhAKY86d1G1iV5conLPRbi0k++0BqCVmqCkTbBsFtOGsEY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCzspACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrAZA//Tz0yJSp/jum3OZNz/0Z0tqdgaSifXsq6FgigvjLewTWBF3cP\r\n9k7BhkbNzuvhDhxMErKywPjjqsPGR4BQ2Q9lV4uBlm/zA19HOolW1OY0W2sx\r\nAiP+sDx5BIQtTi9oB1DDmbrERgqZ0my1vI7hdW4t9ycma5mvBIhs8mcOyAQv\r\nz63kW158jYAwDv+umwDQ028uCA29tsN959wzDl6sofjgI5djX1viVBPrgmj9\r\nX6aqK8+yQEED+0cnDNRZ0Mlf+csLHDVc4T3DxtTL53Guw0trch4Sozs6I9jD\r\neF6NaqyoxP1lB7gOygIa1EYQcKUe3D/0TxUG1N7X/lMeBC/KA8I9YEj0604i\r\nzwp4cq6oUosYQ1PAIU/AT4pRtQgckNFhPqqLOq6DL7KhZniYhtdoErw/f/3U\r\n7b4w0k7IiXjgdMXjHp2JEFxUNbUjQpE7s13xFzjUOqjlaAhfd6PbST1rvlwV\r\nKiTz6LxJvno2GFW5itU/jqBcg4+Av08PS7l7ki9JWMi8RqohKlX2k2jKy7p9\r\nIi02aMlsUaZnF1PxeAqPi+T4XundAK1pcMEdgHAFTfHClMSZZtL8kLpK77X7\r\nqbHHnmK42SsmzXHmD+6qi9gir6gJtkXyS2TsHHC04NIFW+FbzOqGnh3yq+Oc\r\n9lZiLfBhQxNe4Z2Zrb9VpXDEQFuSOQ9NvAw=\r\n=I8+5\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.23073a303.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.23073a303.0_1678457640807_0.49309610348275945","host":"s3://npm-registry-packages"}},"15.0.0-canary.51c7d4014.0":{"name":"@material/rtl","version":"15.0.0-canary.51c7d4014.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d1e588358146b545ab8f5fb199f1362845c00528","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.51c7d4014.0.tgz","fileCount":16,"integrity":"sha512-kuncyFX7C6df9F+curVNu5aoC23MFrBJjgtURcvlGC7FZCN06HPZYzL6uQDogBOSvXxc821cARwK2htJcTsrng==","signatures":[{"sig":"MEYCIQDqjqXP1qQp08qq2UL950++Fm86tYm4Ie4TqxtVW/dmeQIhAIkfVEcV8XMRMeCFsxCyOx8N26c4EQQXpqciE2Kix4Tt","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC17tACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr0bA//TSc7GrEmzXgyz/n77PFNHpMOE15JmDG3ENe6WxD3vT7VqGt+\r\nV6oQiUqIOXckEvosqbve+GuXwWq4/0xNgRblV+umcPXsnlr7IC0CdAtl4Mc2\r\nI46K2xvGCqqQsUNhF/ocs6WEX2A6pcdYASzMm2s76huh6lRAYkwA4VUjFE4r\r\n9UOQDngeVQeiirAx/YS/fcDCfjeEzko4fvHDGF1Kr7Y8aMWQM7n/k8j295nU\r\nubpcPGSWXXVaFrhZzulPtoB9YaWohCWzH6fzz/WriaOXfrHejRAQ4fJNKMOp\r\nEmBGsvF+EmxlRKaVGxemdpL2YEskGLoqUwJvjxgHmbHhpLC/hEiH8Mfcg3p1\r\ncAwD0boSnkZOcBiUfpa7xBif3lDqxGUNB0iHmSfrwZGkMRz/VWAQ1Il7e8FG\r\n6VJ2YHaM2sDxureIQEIqghx69CBaZAnsbK3EUc/df82TODxS402rx2n5DPtP\r\ngGlYoSzSZGNcOM6ECDtoPN2t5zfUyJcqYD7VFnUNTCAPmZzg5R7nfhyNLKdX\r\nqrHVhEhAPeQlsz4a08FIcBSO4wJAjhu1RKWYEOiUlOij7iFQ6as2XoHgLI7B\r\nxyRfzwzgJjoFRqTcl8iJt5ettJpQMMElTI+SCgAhqcQzQTLCn20nhM336LQc\r\nRsGRs99kWMNSxW/Adf+inUXuJyiFzd6c9Tk=\r\n=vPeW\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.51c7d4014.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.51c7d4014.0_1678466796834_0.17002977709468414","host":"s3://npm-registry-packages"}},"15.0.0-canary.1175a5be0.0":{"name":"@material/rtl","version":"15.0.0-canary.1175a5be0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a495f34e8bd9b86036d649c21fe1111644bf2980","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.1175a5be0.0.tgz","fileCount":16,"integrity":"sha512-JBLywvSt5PX4zDfqOlfQ44XrCyMQClH5ieerOeyAEzYwRo0+no31cNTVe6qd7fQi14uRyiWV77SCTNjNDejYMQ==","signatures":[{"sig":"MEQCIQCNbl5knicxYEizaB69B106CoPdrMhO0zI/4xHnAoORKgIfL62i3C+wnjwcso2Z68bJ1HUMD0kvxkNosHrFS9xTZA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC5dVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmprQg/8DZo8XNyWTsSHLIVTVFagWHQYhgNvdc2rf9eF4X0H4ZRZdvyr\r\nAze/xwcyNhRMbGRw59+SgYmHea/QyQV/oeSPdhHinLbqlbYssdJILVas/Dh9\r\ntIww06VtRQvDrivI/2Z8ojg/T7mnPHVNDGfmzwmwKUqfclAVEuu33JdOOlHY\r\n1pZu6If9pj17j7Za/FtVNBcbiI/z0cxGPn8xPt9ukLpAOvodhBwd7QLY4kCX\r\nuQfdWvoQywqQqvwsw1E99t8ul9i/CaDSNsKPU2w2JjqObWGwTnnCW7Lqpdjf\r\nk1SiT3s3bi6+13iVC8ZJuzGL2qUy72CBeroWwFFWLlRwJZf9hyQJ+r0++m9s\r\ne6PD5JJYAFtIyB518tqgP8bH8F1IdIPW5gkgM3QVUZvqDtDdKv9SzGdc6V15\r\nE1zCFmYakeJ7uwzwTjsbeB3qkiNTgsoT4Wx3tOi2gOShBt/jCPMPZAZ3wFeU\r\nt5sdHu19AJscXgo04O2iDYnzlMGN2K0+44ym+fZiOIwt78IUNyQTwf6W4qmS\r\nQG4VkK/BhwD8bLkb0Nzw0QXTtlRVYEgSTOTmFY4GWrgyLGGzxm+HJxZASkby\r\nO3w7mi+uO6XJoBq03dSowZTOQRH/LAxA9bVmUv8bxFsmzngZyWeE4+osc+yi\r\njwL8ysgNSLIo/I1gP4DC9QYD9qVfPGMsJB4=\r\n=mAbc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.1175a5be0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.1175a5be0.0_1678481236922_0.26721722147984583","host":"s3://npm-registry-packages"}},"15.0.0-canary.7adf3af80.0":{"name":"@material/rtl","version":"15.0.0-canary.7adf3af80.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"85c75f0aac6eddd2d444dde3c7494007d00ec590","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.7adf3af80.0.tgz","fileCount":16,"integrity":"sha512-vu5ScCDiOLRQi955GEME7DnSsvMkOrPY89Fn+imgMXgoXb+101bzhL0ix69qfxzV1Ak/YoeiGkYL8E36rp0uWg==","signatures":[{"sig":"MEQCIAPpmZhHcxg4TSRU9Q7jpUgHl7RSmucDnn+DkJ884GsRAiB3Mu8bBp06ztOJsdzjqZ327p4muEthlApBZOyHhN0M4w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC9g5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoqZw//Zd+VcO9517zjQhx/wxptX6il5OiRnweKHEt8TFQ3PlbnW/vg\r\nYq9GfYBkOaeJUxQwEBovmh0Fukbun5KoBk9rww2SzOG7+pgwtT2SC/HSAGfk\r\nDGqlQzCBFNE6q52e5MnrgtZZHriadKmmaR60fg/G4Rl+EW68ydfIXMqJGC4y\r\nMvjV+KsbIx3mLpMmcHq2TCcZxfK39BHVKzA+gUiDWPONb92gJDtVkoWjaCsS\r\nADRTQD4NOhqyxohKB/bfhVgqD4K8k/A+ei4MaQRm85h914B48eug/aaJpbdi\r\ndacuv9tdhBuGtVuy/MjN8vwY/JiCUtihEwevkP0JXIvWzc0kMgecG4D0k/6y\r\nbp0orCKBqfMlHFhcEPwc0S9Uredsffhnn9OSkml2JsENC+GtOzbYIoZamgZr\r\n5+nZKXmwhQUIWQ3saG3cGMoIa0z2ouoP174IAFFAE/6/Z1ggQXhDcbBryfh5\r\nZlcl0mac1mhqtWeLgWiPRcaPvctXjI+9pWZ3fWi7kyoDJXSzUgTkS2ex3lKk\r\nIKnMsJED5SmfcPfOsP6elBvTW79f5opvNL6PXvdPyyszMZH7hyr3AOBsLUDP\r\nAqTh4BusCryclJM+KFYhm/jmuVNC24bfMt02pQcabhMob6qEnmb7jjg2870O\r\nzzHFuENWyopSjnXr1U7XVq1WKQeugyCLJEo=\r\n=9Mik\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.7adf3af80.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.7adf3af80.0_1678497848966_0.7782099514247094","host":"s3://npm-registry-packages"}},"15.0.0-canary.82554d770.0":{"name":"@material/rtl","version":"15.0.0-canary.82554d770.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5adc2c03d7587da57e66c1f8dfbbda157c9ef408","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.82554d770.0.tgz","fileCount":16,"integrity":"sha512-81wn4AvmizY014AVHbtEUahuYkHUUt4l+jbudIyyh0vFx1HXWKiif5xUMKOuzF5aokHIL8pESuMNCMt14fOYkw==","signatures":[{"sig":"MEYCIQCZhXxVExmEEMf99l6MDbBvkLpndrq07+FDGLOKEbizrQIhAMeWDzCKsNmhqziF9pJ7E2NCJ60ZD9fhPKH/lEALg1RK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkC9sfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqWbw//Wvl80TJTR1jUymSdW6aUHd8SqdfteFxNoK2On/hNI2sQFVON\r\nWcxY0eU18zUTc+llurUnDN2CA3/xMjEJOVsVLXDFFuPqOHqSY8sKhyFOUcZE\r\nVhh7e7V2+9XJKFt+6BKm9g3uxpegpAehtFzN7jt5mnqEj5OGGdvAaRNq3jDC\r\nqBIBDon9t/1fKxq3LNRzNenwwb05XhP8mhRCPLp0jvcFbqYy2bf2yrWgk2kw\r\nkqcnqcZajxDJ8FI6uuACvB+o9EL7eD2yDsrPXn254tUFUBU0P+v30jD8H5RS\r\nUv4W36CVWRq823uEJc0phjrvs0a9sMsHF3C7Wj1vESXzYuQxPLjsaj45qZ9H\r\nIkzjOCC0PdB/DUQKNFwgtGuntbaP3qAiKUWiyTJzZyI7wxXbM9od/rk0J4OD\r\nmL6FeaIOLlx4lQEVcZQJASCBs5g+q8p5kfBSQrdMyCs9wqNU3YwEIilBbeGR\r\n1SSQoZcXu16Pzle7eJ2hLg0ZdqPeODwxLP+tMVmXUM+M0QJXaC74nsbBvcUb\r\nMr3BhpyGZq/NX0qRNd3oO+hMKKtpvoBclbv1Je6EVMVfRbAL5xAZrX/Em6jF\r\nym5rAyQXM0UixKn+bDfGp5mLQEQrVU5OoqLtVE7B/Y/EWyaE4wBPVEPd6/yg\r\nw13MeCztv6GwNkbklFWE3JTSkeW4AYOjsqs=\r\n=fq74\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.82554d770.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.82554d770.0_1678498591645_0.8413025062831114","host":"s3://npm-registry-packages"}},"15.0.0-canary.93fc524b7.0":{"name":"@material/rtl","version":"15.0.0-canary.93fc524b7.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1604e47954c880e87b618753a7b7c0df1f992a46","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.93fc524b7.0.tgz","fileCount":16,"integrity":"sha512-1nct2sVvYC9Khzu1geDrP8OQdQbM+5L/DibIPv+nWiuGduUWCAqZaJ1bsQUAN96I7NxEJlxtEgqbnlPnM7DkwA==","signatures":[{"sig":"MEUCIQDOVx/tvOmwKgu9LhV7wadX8UXmVDD6nIXIHqjF0cMUSAIgc9FUhCbzmSWLklpqn4oNoWk+DqoxNDRQsASUKmOVUCE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkDuDWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYwhAAmFQt+AOYokCSWH6MVziaspE+wdGPT9hTz4qayeLh3K8OyTHI\r\nZk9dA1rur2B2M1VV5j/QjMn6ruThRDk/SklQSeg+BLYfwSA++Kn1JYsIl1FE\r\nAyRr0HBeO8vFeXoTr3yNDILmPt4LxkWgVGbjBqoOg1pQjejPlhRVm6qQ6Cue\r\nX+fVBeZp/VskVGSpXW9sMXCQK7bX/2kFA7GrVFh9UVDGyDJ5Xi0C0DDiPQh7\r\nS3AGQ/1T4hB2Kns2OJ0j8FOdEuFyyivyNyvzkPEAMPVw5IJrh1m0BQMDKTkI\r\nL7MG9b6b7/wNQA0VJPOhYsbLPf9sNRawx3Y5OQx+O7oaUJNJwWwrm1747q6e\r\nNzbrS1aHrMOu6eCwfTfZ0MQKCtj8Uj8mrLZSDhAmQrmlO/9WPKoyGmwj8IyJ\r\nRrwE8psUmb8Z63s11l4xs2L0vFMl69KWnqGpUW4ypNEEiACNXppTYin1/BmP\r\nREy8+uVjOwRwtQiJApyeItVwWribFPYQ/S7ILDZLxyt90bChcxKDfuPEN5mX\r\ntBOBT6AjpCG6l4ScXNon3p+RvqbvLTtqnRzbfIF/ejvPUJgF14K9ErYQoh3u\r\nmPs49rvx7X1PYesRt1cUZjXleusJl3XEY0nk5kMG88zJD8dTc/nn5bJU1BNR\r\neOybl3sNZcKwMOov1r34Jua25bP1fgldav8=\r\n=6rQO\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.93fc524b7.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.93fc524b7.0_1678696661843_0.8445779611515623","host":"s3://npm-registry-packages"}},"15.0.0-canary.50be0fbae.0":{"name":"@material/rtl","version":"15.0.0-canary.50be0fbae.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"420ed5ef780b7a5e97966f731ad798decdd4d8a0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.50be0fbae.0.tgz","fileCount":16,"integrity":"sha512-Mww21YsS6DBB5VQt/zhrGflzghxn5sbq1gclhk3BHmqeBRDkRvCJbSz8hXf39fYpfGTUKyScnbFiW4f/MgvmAw==","signatures":[{"sig":"MEUCIQDONW1xgs1WBDg2mZ4NjHF8WwK33RcqqGPHAyawer3OrwIgKho68ucAjV6GSEMzWx0rbtxjfI1MRjjK/u+zE2aSDMI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD2C7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqRXA//SLiT5dIBHL9Ox6Xf8b/t98qAiR+Q4zJehoPNmuHieKKAKqbA\r\ncQ+In0YFTrtAqG6Xu2buDg0VZP9IsKQ5HvXDNpdSTWSzy+/BsNwf3u0zqUTQ\r\nlMXJZGO8aa1S9V1MGq9UEZpajw6wDKg3dKJVP8B25d+K1kel5O6VC1d0t5Nt\r\nKq5ik0soZFbJwsCkujLYZ3rfXEaRccSinx/F6QRYtRiiGUqQCaFhn71LpXO2\r\nmQA61OtsSBw7k0ViF5b9koclEcWSMp0g1ABhIHGQRuxwf+P8xH9DE//CvH5G\r\nYJ+6OzUZYrrcx8DO5ifqUfZbpC57mytfMTSil94XmHMhrKPlFMo9uFY9BihH\r\nnUjHNFaFE9Eq79BHgPyTEhcHusoEoIlA/NF9C6suHSimvFrr/ROTJsZU6iD5\r\nNoLdvO7boFioJklLyGWDojUXZ3AABTFEw1SfOszOtacBSWAPkwt910ChR4Cz\r\nBISwKuVN85XB59Vl9tgQ/OlUA2uofNecAG3s4ibHWAnX3PoLeV3mRI/5UE3+\r\nFyU/2Lz/7h07vLPKXrHXklSuwlncRl36jj93yZC/jvfixrz1jHqlU1dzcZrd\r\nZFB0SBX8IEHcR62zAFrOtuC3jRicqG7jq6XzewlmvDym82AOInnM36nf1cKw\r\nWm3RAw40xnQdsDWcsVUMQW4t3vu06vMSJnI=\r\n=aPVU\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.50be0fbae.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.50be0fbae.0_1678729403429_0.13323224705539127","host":"s3://npm-registry-packages"}},"15.0.0-canary.6b5ffccd9.0":{"name":"@material/rtl","version":"15.0.0-canary.6b5ffccd9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3cb5090a22910d84b17dd70045b00f594a8a20b6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.6b5ffccd9.0.tgz","fileCount":16,"integrity":"sha512-vMPsRZQ3r6WuYEcn/sam2uGSFI0lo2P8H6fQJc9eT3tXg25FZLB09SNiWpNJQVIgiqPXyKBF0Esfy1x77BUwPA==","signatures":[{"sig":"MEQCIBCXc0aluIVQgKumwba372+CdHFO0F5skrNHY5sEOGY8AiBhfoc3dlXig7uJIu2m64MGg4ss3aqXDYfdovDeeH2UTw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD2GCACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqrcw//cFirfZmckBJI22h3+GfbHGlsVOs8UCUzQKP0gSopxild7g57\r\nxrtB0CGEEqxnKtRAXdqiu7B4rceoBgkL+7TLICvJTnV2Z4s6Fpwm6iItqGrv\r\nn8GoycD0l2vYeEcmggTnCem9wCI3z0kxSeUU7vXv0L2f/A95UoTD4eRbAoRr\r\ngrCx+XEn4p1Fzdkf2QsHmP3tcV0LQNbKujsKFhjWbaaj3jENjZ7znnrah/iN\r\nZzXo4rOUpicnoGVU7+6zn0+b7JAmUFp6kIbB55vwqo7YlxDhOAAl38OntZ7+\r\nBk/ZV4jOsvkFbi7qTkxbny/hJZ0bbLHzy0QjKL2ckGfR3zxLzkicLkSj5i0h\r\n3fI7/8/YCQIZd2ryW8j4Mi3Faey9yQh8tICVVvGnR+BWnHgBeuYsCjLGYKTt\r\nHzEkJA43ilVYzjuNXwcy5aKyZQH6QtRiejdgN+b8XQabfXNRyxjUnpoCrJqV\r\nILlZvwB9XJheJ9lap2smFSLPdqJd1qXPDZbOkVBcsaIvpi+03ieX74QTKic9\r\nRdFNfrIlVaeBVi21PGoWJlugfZZcK4mm8zJnSsk52KSguMxYD4EqqKLbHcAI\r\n9PW/+QV9ovuuW+x2NjnpFHxcTwhYcUsI6sEj2SxZWp7SdhvUua8hC4t5MeLU\r\nSyy76hz3kAw1+T3zzAJvJQ871yqle3B5OJk=\r\n=kzsr\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.6b5ffccd9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.6b5ffccd9.0_1678729601738_0.477557386162772","host":"s3://npm-registry-packages"}},"15.0.0-canary.1c8013f4e.0":{"name":"@material/rtl","version":"15.0.0-canary.1c8013f4e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"83f38db889056bca90952956b0d11bfd4e97fbf4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.1c8013f4e.0.tgz","fileCount":16,"integrity":"sha512-p994BHIuM6Y5BkcOovYkbGrKu1Fj2/y7gzV+dvvqi4yLcM0iJC0MEluQ6zgBXKPm36jQUPxo8W7oXIx0jsMbjQ==","signatures":[{"sig":"MEUCIDv+pMY/BajWPpwCq5ON0AXeRKfWZCF9y4ZqE5/qDuxvAiEA4B/PiDFQA0s8YDlVUmoj6D7nXjk3lGxBEXBbcuqToQ4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD2TkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpKQw//dh/laZJFttZpxgdOzHv4InKZ+zbmbC9QNb05oQ0F78FgSuIx\r\nsJ2z/0MRjzfqiSAKlg26zyk+7e4kmyU6fM2Jr/IFMf1PPL3QQwtIjGTmYkpx\r\nPOIQQfyGRtO5TkiTQvSijNGI3Dlos5GkXh0B4T4PvQ/IQJBuGMMQR9RMRuel\r\nrhj9j63Oqk5Aa5dCFwjQKMbh82Xxqu2F3KOy3diImv4kBjzWc0H3VFJebjOQ\r\nZ8wy1g1+4uO2S1BE9tHiI6GQGYrjKVQolKD+H5LGbxYP9iLyfTmqzXZnFAQo\r\nL8zHgCP9zKuuerVea9KGubquiHk4y9kjYg7gNzO+g3anDY6u1qHTmBf6A02i\r\nMZKhd3KFykN5R9U3b8iZDGPkVhl8ghbfbHa4aJNpcycte7xT8E/cXSAEezfm\r\n2Bu6IOAjYC5Uas1lGyKqI6mlL1W5IOgoHRUlKqyf9JcCiNHmgYSYpelK7fQD\r\nAbfgdzHsjRhbNMHsxPiMSWu9OLmM2pdmiAIepuRHR+xFZPqCw+OMlVZ6Rzwy\r\nipGtr6HjMLqrsiCjPPWXnDCxH+oaAhtihZlHC73Xgvb+y5fDgqc3US1oV2Ft\r\n57JjMZV6tT5K2mQmhaLAvfPuiPtbnT1QiYPHJY1gNRa8PS0en/tPEh3tyoAg\r\nD54B346OOasT/arL6/vSGkbE30JE5MZn0+I=\r\n=44YB\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.1c8013f4e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.1c8013f4e.0_1678730468379_0.5794764993975694","host":"s3://npm-registry-packages"}},"15.0.0-canary.112715df5.0":{"name":"@material/rtl","version":"15.0.0-canary.112715df5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"aeb2de2b6d310950c573d8abaa1acdbfff141d03","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.112715df5.0.tgz","fileCount":16,"integrity":"sha512-so53rAyi/pOcXpeyv9TwljvJZOg95MtadHp1Vc4msrwRILv19HlMUc5Bmjy3S9dLYsUvCDc6zHLrGxUKURpi+A==","signatures":[{"sig":"MEYCIQCLmKkZULNvoMiNxVo4iOAiOKf/8d7UJg81KR1cjVBcswIhAIfrpzcfc7YFBwYl0mrXoThrmGKVduCLaflfy/qLPozw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD22dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoQ5hAAjMnjHp3yY22Gm5J23wvy3R8NhwkMswNlDW7MhX2JxwyN9okf\r\nAYLgBTDB07B7B9BIf7ULq0kcCV+oXHO9OpSrwqpk9P2XDMq+xJh70Ev7de6r\r\nTfG6VqOr2VnuMANAloDKTyDBYgQADVwSQ/YMPMy9DG8DC41j0XZ7Ryw43SOX\r\nG8rdIzHSsfiOgBchWUJniPxIRVeS2P51gZuUPwTrzt144XwQJLEC7F2BuPYj\r\nS+MmE37Szs9rPd7xe8PFbIysidcgVUHXaQDXkxNcwQP4HDRwzWrP5nA6jyA0\r\nBxLHgvILtNHfAf+oE3MXet8qyqtKkMk/DhrlQ+J5FjZivYbYXEW3sOj1sbtb\r\n0Ewx+TMWO02934TPM/1bIy0VEMqK+gEcVLFHNcotUv7KAcP1egrMoG9UlRvV\r\nwOWeXUcyMyX7+k8sPlqRtYl77XqMRHWnGdzou9XdOuGWkbv2RAbfML3DN+/8\r\nfNUewPvvchHSRKJ5YTACadETNuTAy5Yalf8OB4uH+Qc/7pwpITuY8750m1oP\r\nzQAh4YfMyOoIPBY7GSjjCPg3RGQtBPfXIGPvBqlWeLQo9yp7afNgAP6hLUsl\r\n8Tnd7JmQjmiS1GBmzm6bxd41Bl6+oBhmKhjhAi+MMkMYfdn5Wpfbc/j9lzGM\r\n7UJL35YPD3RugKgqthg+WAEoJGjYAyb//+I=\r\n=U2uL\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.112715df5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.112715df5.0_1678732701693_0.743429543025699","host":"s3://npm-registry-packages"}},"15.0.0-canary.d250911f2.0":{"name":"@material/rtl","version":"15.0.0-canary.d250911f2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0ba8aeaf01fa4c67b3bc55a612918a4db2b32dfe","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.d250911f2.0.tgz","fileCount":16,"integrity":"sha512-G1LcMHfacym6bFPRF5Jss1vQTCcqZjLUCxZ4gff/JnjuRkAJs6Gh7QTeJOytFlS1eSWBDqEIiKK44rTMe5k03g==","signatures":[{"sig":"MEUCIAFWhjnpAFmuFxxw63sNz+bQcLmwB7WjqK6E/PMag9bNAiEA9taSl3SDC1QkTsXCje/EJVolK+UWXsnPQJi+20N3tcM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD3nhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmob1Q//SlcnwIJqGtzOykvjbJlPPgFOxk/vqxGlTyKOOG3IDT/MzHRM\r\nT9NcdCXi6LaJqo58Bp9SwflU+BsGzfxZXgzgIz1S3UjC2vsaQJb/Z8LOU4Yv\r\n8Q93MtMK3ZlUMoGYuPaNY6215ba3bYEPKNWqyvAR0VNmfG2O8GtyFSCy+ia9\r\nFZUbhOwfcSHpOYxN6RZ6BFH+VVEIANZ6p9j2llWAsJ2yyeWE0YOy/eOTm8wq\r\n86QqwiJNqhrPA/lDmgU+WyArpiIpVkBobwacAzCAElKWoPVfzHoW7EXkfy0K\r\n6CdP3aTLZZDzgQ+JXI2yW4d3UXpAXfuhPEWCO8uR92sNmxgOIaVp3mq9cqWm\r\nEMtnU1Y2IuEIR0yM+osLjXK8imZ+aiws6/1IThZF4Q2zzmA5WrcY248cd2ZH\r\n0EZPPGP52KL1FGs+iaSDgLkkvH27SCtlHTkRvfsQ1fXC3UI9nLo6wJnM9qck\r\np3FOPbd/gByYBHNZJgnQLEEOwTnmeNrPFRQvFy4YO40atwB7xaUDop8xI3ic\r\nDPP2ML5xTvMMai336JaQBvKDO8WtIsJJ+N49uj4BKmNAqjnnjwhOvIZrT0fI\r\nLFP8MUVZ9Nc/Mhaf6uOfYzX3TgsvDh9StmNSPeRgqq7YAfUKAmLdnViEEcxA\r\n4phQL1+duldcBAqdp8UI2y3ieE3QuGt3BHc=\r\n=8+cP\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.d250911f2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.d250911f2.0_1678735840967_0.149631744956086","host":"s3://npm-registry-packages"}},"15.0.0-canary.7cd925c12.0":{"name":"@material/rtl","version":"15.0.0-canary.7cd925c12.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3a16d3e307b5cb824532f12858b1fa3315bceae3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.7cd925c12.0.tgz","fileCount":16,"integrity":"sha512-zLa2G8PCWinbCBi4FI99OPlj3xPVy7OvsWBD3ZjLEw/QVZcCD9bXcMYYs/vv7ke+UlnsE1sVtuR7rTJAR3D5Lw==","signatures":[{"sig":"MEUCIQDlMoJ03y946H1RdBa8aJkoWdCuSx9605Q5ashwRGXf9AIgJeUO7R/vdP0aQldLHeLsuWUEhKb8AkDdPKMxSlYvTdk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD3uhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq9jBAAgLVVdxqlhpiwOKraOjCEdXKWdjRqEzQYfeUj27xkg+wtPhS0\r\nRcZzfCEqs35UfnHT5xQ1rF9zAWkfZx+e0AftbuRbQeAYBdw6S9lyRVrEMlc3\r\nqAascbxOLKZAojPOYtRYYLZFK3xUwXxHKNKQpp7OZXQhvZ+CDgewWHGIGlt+\r\nU5KNLd6eIm78+BJw4AaTFhNfY15Y9P8qvQtPQHJOXgdjEkLw+t69JfGWzNm0\r\n0CJkm4WJaVadPnLwE4d406H9hvqITOBjx1vdxoK4pjvhWEiCmP/VCXUTouYZ\r\nyVqnwv0SU+VVDVtXKb/Y64D+6M1rznml6ev040w6O7DdOF9966o9aZUu+dNY\r\ndKkuUcFfEU3ewJT2IngsnRWDVyOyXZnzzYjhbz07xok6ZLiwt+DPmjt4+7ne\r\nyh/oWmhjDpzQCKNhZLhxlO5KYwGLPAYBnyIoIoJ22onC0avMdGD/O+cz6ZVu\r\nf5X1FF/wbwlEDxTCnkG9cYFyZeMtgpek4ZDTxBWQsQRRTiW9JUE7kk04tm1i\r\nZrxGxxSRJe1beCoyUp9TqjrP5PPGKqAmSHqAzCla9w39Ti0LVtRykPWhnjgD\r\nOFxMkpI8z3d7A1Yf0o/fHf2Y2pWSEynaQILJB9Jxc6HeNMVHn0J2Pox0xBO/\r\nc6itcearAuVMQ7dBmkMNOTZap9d/jvzvogI=\r\n=7sIN\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.7cd925c12.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.7cd925c12.0_1678736288729_0.06553505972605067","host":"s3://npm-registry-packages"}},"15.0.0-canary.b2ddacf73.0":{"name":"@material/rtl","version":"15.0.0-canary.b2ddacf73.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0669cf9bc9e25c7c8ee16be5e3e36a245bcb4d33","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.b2ddacf73.0.tgz","fileCount":16,"integrity":"sha512-WSZqFBLa5sD6khvtl9lYnJFskH5DQ6nHJU8en1CvRRzc/W4D4AfFm++Oo+C+CSIFvXw5UsRHArqTVyai3b2CcA==","signatures":[{"sig":"MEUCIQCk8Ncty3TrKDBUNGDnbUBbZTLuSudO5FPT2bYboR81fAIgdRPkkx4pCbfn11TXT3A0pOmwmZCO+u7ighe+28gcWYI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD3yrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmotTw/+La4QRir3wCTKZIHc9pLXSNK11Lt1aMM7uvoqJwXzgI4dusQM\r\ngaaS898auRoxzxdsBznjFbo0kAhzn2xr3AXpCT2Quft2wZMqqZ9Huv6Fur62\r\nbYvJ9AcR/8GFAdj4Chvr27eRIPajE+FhM6jCWsHzxVxMhW7ajUnM4kuRn91z\r\nELzNErZS0NmWO0ae19E8jnip/5MY+EzRVF/r28SmZ1OidzYL0AXG4pQcpGsA\r\nDf3kZF9oyAEQJsr9wQqvlHDcVHePKcjX8UnJ3TOXKgJLXB1Y0NXmCsZJWFry\r\nLj2hTcoNU5nNqjdx+mITuPoMTEOimhcmSEehwRII/S0TTUw2gVwNUKhEvyJx\r\nM7LH+3EHkULAWm78QTsTEl7tJ1GlMb+l9jHsPxAqn05cPKxF/mJDTDNqje73\r\nCCyXbEjWthepscQT3PpDOaJa9El+ndRA7RN5iBoP+QAyZA36gT05o3MWDTpj\r\nmGWsQHjqd4gqacBRSVUrE/QqgeotJ3A8rk2x2obDLFUW+EEBXPmy+kKpRGcE\r\npb0+P2XsPJ7VTVMFgnhzb1/ddER6rmtLfDKalFaP6/DI/FFKSztbnswYtTYp\r\niALQuuxiWF4BCdoMdC9IWoR/TwSdFvWWEfl/Jt2Mxp6/hXmOr69NOkzjw1AE\r\nUxn9bUghDZUXIQeS1hyQBMZz0sPIyN5YNFQ=\r\n=cwyZ\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.b2ddacf73.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.b2ddacf73.0_1678736555275_0.4591645098006807","host":"s3://npm-registry-packages"}},"15.0.0-canary.989ae2ecc.0":{"name":"@material/rtl","version":"15.0.0-canary.989ae2ecc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"727489364ce6867816d45ecaa9b66a8379d929ee","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.989ae2ecc.0.tgz","fileCount":16,"integrity":"sha512-oxRhtty8ik1uSNY/mYPIZNf9GG/52P3yLaczhnl8Ry3YxR+37DCFvdW//NGo/SsGq+eb23Zl/a0/so6lIwipRA==","signatures":[{"sig":"MEQCIEW2XIOQY7gIB8ZwBYfFdJiseDNkRcjZ4vjFvc+BFpJxAiA3HufdNhTbbVobqqifD1TDcW6S/6SSoIubmF8l+Rdy9Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD37VACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoAIxAAoH+V23/Tq9BjuV1mLW0hrFdtDhTBkOfW1YIovWBpstsGaNLy\r\niURaJbqKUhPVCzvdE4J/jxGERvwV8b7TKEmi8rmcKyI4X1h3H9s/17drX+iq\r\n3CQyQaYn+cQXs3R0Wt/4xxLxuBKvxa+RHcs3EOCQu7glioxLMBYKh4vRjGGB\r\n5x1hcSnI/93fl7T5LLzGNeoxGCj73PTsNBbg6DJ5rHPAVGzpQ+hvTKQ300/l\r\nhFuCW+OyAZ32eL3BIEUIZJ+5dYdrHQFf1QQEjma3hXQ21ggx3Jvd+32ML/xo\r\nvOn4jPeRnapQmL9WcCRR9vKZH1CVmRl6lIJkyHrkGfw5oObH2fbeZXD+aPtW\r\nQWo4VMT4wop6wW8Hf85bydnWE1Wg3lTXYlHCf+3v7P54Mp58+dWgsPi+MnVE\r\n3BaAudfmLtw82P+ZEkBQIZmuvR69TulkWN2GRq8Tc5CU0xM2hD2hiWGuYcen\r\nKPRvap/XvJH87/7WD7JQb/HSz2fNd4KGizOGjIyQRPMCUonTqPGn/G19vXHt\r\nhUeXRI0HY8XPwLb6arLM0M7REq6Fr3cpsdzz+i7qDlNlzKtvjXHp9P9X48w+\r\nrQiiv6zUQ837zcF5UKxZ1dtYVK/zU45og+bCFkv+5o+mtjm9GSSxKsEm5D6t\r\nd9UuT5s2JnCu8SqK5lqSxc24kuXhpEtoDq4=\r\n=TXmo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.989ae2ecc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.989ae2ecc.0_1678737108858_0.15020107551102257","host":"s3://npm-registry-packages"}},"15.0.0-canary.89c66483a.0":{"name":"@material/rtl","version":"15.0.0-canary.89c66483a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3681abf5d5897d16cce9017a47f01636da1d665f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.89c66483a.0.tgz","fileCount":16,"integrity":"sha512-5euWHjgTSyLHya1T2/M+h8B8vxYT0CYBBl4NZCFfwbI7bdhakVMWrmaalgTktNIOUdJYGAX6sNscpLVynyaqQA==","signatures":[{"sig":"MEUCIFz2ERDAOM9R1K1Y8ClyV8lRjQLwbQcD4yLnBhPY9zUoAiEAiKvQEjF1MEXya74Vz7iCVX/FQRJWsjpKpyf21Svenxk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD4RpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrP2hAAk7ftZxcKJI1bgt9JDyYocJhsYb/VOJGAY7MQpCkZilyoq4sa\r\n2TqdOYjP1j4JTeQEMbGt59DjL69pMxSrqev3OBUmHYXmU/UzzcNq02LDXMPS\r\nd1l7HSjnHzpH7KBR6hJX7PfcUrN8zw5Mf7Frviobe8uKmhXqaYAIiSMNhkp0\r\nLB+2xxCfZgHcsUuMPSL3N+lLRjDH5iSdz4/0vycKej/2KGONOtfr78ObUVj8\r\n/OkzY1kUIVwipZPHOQcHywLSYS0vjMd8XIGLR0bVE70TryfAClR5nHQc6gfI\r\n1cchrkrNIV9nAn5Nue1+jWN6tzMVN4bsnUULNhsBi82i8JJLrwsh9P6qhz8X\r\nL0qLUGB3NFWgciCc6HpndBDzrBNJrmtJlA+0nbtrdD4qcoMDo+5GW3n0Wb5I\r\nu0ImAHSgVf7qie6sbIfuIqkucpVylLrojcg9uPToTR5kJFAJ6/DRKyG+mPF/\r\nF94KknpoHcIicoscWt6oexv+d/3vwS1vNyPJJR3+BrPEYLsB5DLDR0fnj9ml\r\n5N8SjSaNz5Fgm5S2q3zBS+0BXEdHkHhBju3ODl9psmfLRju2/GR37ZfQjzmu\r\n874uopGOGbSDuZW6Ok2PzyDVYK27zltA1q0E7/ZBLkqH3g1BbSq4WMXJNAb3\r\nwyiwuuqoqTRFGd/ZiL/KxxoSbgs7m/EG4+o=\r\n=b+XS\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.89c66483a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.89c66483a.0_1678738537373_0.24590284419486674","host":"s3://npm-registry-packages"}},"15.0.0-canary.6a85742c2.0":{"name":"@material/rtl","version":"15.0.0-canary.6a85742c2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5d656db171d786ee90a65991c398b22afb939406","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.6a85742c2.0.tgz","fileCount":16,"integrity":"sha512-M2jFG8Z6Ces00yYYWK+zCKvBJ+in3KMQfTCHgJHVhvOjInZ7DEmUz68SEqqLUz7oACGMNZG/+TCwQOmZpvj/Jg==","signatures":[{"sig":"MEUCIQCYd8mJ5fMLCPoKecoaflHJS0zoxAjkkaKwKeIh0FX3tQIgT9xU/+n3+qVmWGvqhSHAR+DqUqp5XNtRX7o9vk5UEE8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkD+ALACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqoFA//W7SCg3UG1cTIqIAnWQdSxRnFqyB+ol/2jDelY1WTvHm/8nCj\r\nFq6seO69wDvZouoioNyZw73akLVrwbjdXAAq6xHNT/U2A0HTSYmuETsQZyOh\r\nUoYkuCh5M2FGJxZWVySyttly7F0tf3jwag8Cap8E6MYjss83V71mog6gCg5x\r\nVFrUpmS89NIOlcz0k8HisHIdcsfycrKEbgbpifqO86JUcDaz+UUoP8kT3JMJ\r\nrrE9XfcfY4SIXAQUvXpGOA9UCAMcczBUa8CNXokdWRmqd+lfpRuHxDtGIthL\r\nlmaH4G6xEcNsV/rG9FRgeHPd7LUT7s6KhL67Voa54pHu+jeGHcHR3Vl95iCo\r\nnLcgco6RPUsnlVimk0ETT4sHv0vIqR/SEeD+zIEy6nvZWsjJ8yeNVmi9om4A\r\ni708UtC1SWaS2n+fP+5+aOoYtXfEK3biV5K8iZIAAHU9ADgRCCONAi14Qhbc\r\nLUd5/Nk3OlJY5raOM5KGBY2CPztHzcnQ6UcWxAq49LkBUaJ54YM8C1YcI1tn\r\nD4/YtLF+oYz8/ngZ2pKTXqtb1iLDqQraqAHdUdyO6InNHbsdKOcEA+mG6E7q\r\nWTdAE6h2su9OpiQXJ4zcNeBNDFy9a/F955TNAo0ODlrMpoXI9eGAyequ7kDo\r\ndWr9VtAuRD0N0ax7s1FMrZnOtVOIZLTG6Lk=\r\n=/pqp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.6a85742c2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.6a85742c2.0_1678761995267_0.2511912905747773","host":"s3://npm-registry-packages"}},"15.0.0-canary.bb6cd78d5.0":{"name":"@material/rtl","version":"15.0.0-canary.bb6cd78d5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"431c64926e4288e0335ded29ac5681df59f5e25d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.bb6cd78d5.0.tgz","fileCount":16,"integrity":"sha512-AFrEwnKaFCq6b6WPKr9cMKtcIChg81n1g/UXfZ4A+v4VXeQnKsphOElSevDpJABOxDSFoe96FhU3+9ZMTBPRFQ==","signatures":[{"sig":"MEQCIBfda4KipPPEYClvRy6hPMHHPhg//NJkfAD/9/TR18X+AiAltmhyOk8WI7Xtqkdr+/4Ry8LE/FeD/hKgy49R3z15VA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELncACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr38w//YxFDCSnCQnAqScrypmrLC/NT5r2q2hSsh1MkL+AYk8gQqlED\r\nER9hIx0R4JHx+/9RcIuW6DaHryfOp+1nJYZuGshg+dDCXeRUPlecDDooTPZA\r\nrWWCC8vqVVHeLry364XACAwhYgFCpXwYDakvGEgD50QTcKPy4vvbF0nWffne\r\nowQ/Ecujp1wMPHuVVTLryTS7QnKE4ux80sZYVKSyExSwt3EonMcY5Y79MDta\r\nD1Rop52bUrw4lA6ceEomrAox6IoQnv5QPxuMU8nzUtBJ1bxb7Pu52LJhdVOl\r\nrhixv7P7y0dYa4sGfhX2/sxN7sBBwFMuYD26STKKQqWYgl1j+vkxb/H4lgK5\r\nR3S3FXZqrMrAa7cYpJmrr3yEPf6oPJ+pdvevnSy+AU3N1NJ1QQvZXAVi4j2S\r\nPRthoUmRdZIWaobTiw1ckEvnb5JWDs12IjVHMtNgLQxud5ypbShAiXmFsaII\r\nzlirTyS5FVvDbZdga7ydlkBQYRmF/AfuvNs4YUvPLlr8heih7mEHDAcMRAd+\r\nL4gNzn7wom+Fvfxmg4KkPVKpmfktvcmCkv5iU8IZVxiGFJJWWMxkGLrNcfXT\r\npKZJJQF0u4UHKRmKry8TkF8/gTeROGQ8GGW47MO363pssG/33kidhk0smPwL\r\nTmZIgRk4ubcIll3g+uHXb1xwfVMOSbYcNgs=\r\n=+lVv\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.bb6cd78d5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.bb6cd78d5.0_1678817756333_0.38408566485525575","host":"s3://npm-registry-packages"}},"15.0.0-canary.5f94aa37d.0":{"name":"@material/rtl","version":"15.0.0-canary.5f94aa37d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8fc87d6ce5422df03c617bcd3f67fd12fe4a5977","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.5f94aa37d.0.tgz","fileCount":16,"integrity":"sha512-qVpKle2QWX936k0YDA0iQBT6tuMeFphl50o+MaAY5eHW01SIdNhys2En5Yvw2mzc77hKkYmor5QydMfDkM/2YQ==","signatures":[{"sig":"MEUCIQDlzN08hErspiT89tJ5kcPan5TH87OufCCuk5MK8L8OUgIgekcEBYhKK3FAZ5BaZPZfqvJq9qCDOFLG+FZuDrCWenQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELqqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoDcRAAg/B0XRoH4mbaiLMyPoZraGVcAJMKJwu9jmZmNDYDnrp5SqcL\r\n044Lh8JHB3MGuiVQwsr+wRxVBQMdTPKxt7MOT6ie0qvQ33VJkudkL+n2JvZW\r\nRI8eZj9sSCS3Lp2Ur200CO+8iFZN/ftS0g8wy7Od0I2GIjqploeJwHKolx+d\r\n3xpR2f8G7zMvmDSnApTujjhi3EG1wcI9aJaJ57O4D74VrLWFmrJYnNd2SPPX\r\naryzPlkxLBKuFFBkgkgaoS6Y8X+x8rN/LTUygP38QSqYB1b+mXro8WRCU6MS\r\nHpgiblbhYEjPCWVPg7PmetNVRTjePi6V8uie0U7mxbCwFHEe4JFTLi5Pxpm5\r\nwGNdybT+JjSKP45FbGzUb4tRj+S8JQPaM9fH0QM7BPkTuhKDvxdS7UUST6Pl\r\nzF7OKBYtJ6gUKgNsMZYO0bhjormPXCyrQQS8rJLeriEE9Hpvc3y/tXKmOR4j\r\njP8SbKkIZCvHVkfyJCDjGEem0flbQJOT/DLWO7ePPYn2qvqmPNKqIdjl2K0E\r\nj3MtidmvU8auJ7rPwYoUnV6/ktI1olf6NqvTa0EK3GNTD5Lu47yASpSI8lMC\r\nNQM7mPUSjdmLXFx1OSwygd7WpzHDiFlbChy7YeOESatjOEY82oiOszlHLHGf\r\n2C/jbFgRi91EF1Fs3l9jC47xDaT1hjCTY/M=\r\n=Ndgx\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.5f94aa37d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.5f94aa37d.0_1678817961967_0.5158631371174269","host":"s3://npm-registry-packages"}},"15.0.0-canary.1bd317240.0":{"name":"@material/rtl","version":"15.0.0-canary.1bd317240.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"353947bb6360ce0b134248267abf094a6638bdb0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.1bd317240.0.tgz","fileCount":16,"integrity":"sha512-iXqYIcxT7paayTQ3tGBpvDwD58+BPKgshylMleMWsrmeyodMDDa73FHJDUlGJBlbLsHk/olsT0LFmNclHOeWGA==","signatures":[{"sig":"MEYCIQDX+lX1kT6YGd2Wn0fdfLFvPhoAHw+9gB7W+Gtdstk8cwIhAIZ2s5GjwzXoXd8DBoMCPaNXW05u2yBBFxo0W1e3WH/j","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELuNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpPkg//XumNZQgLTOSC6v3kssw27emEE/CFnqZceQr2JynA1EH+pD0p\r\nNCwdrZLSBU12rCwbkeuWUwzXfGgN78CGN7Fg/wldoI6vYiGWpRpFre/jptpX\r\nK8vqQtfAfnDFWOh0mdzoj7lGOsSN4MezeDlxL+UZmzMEV5Ok37xsiE+NkknU\r\npxAGC+QwNfhmwl9U1WwH9VGFvToKhjxhK+AAPsw1XkNZfPbaBY8LPAzVkFo7\r\nFMIOSACwNNwnXxQtBnsVi9y6WcmRhk2Oy7YpWm22xEPwj5dQjM2km+rrpijL\r\nh1JU+Z32Y/8VGqQiNjGddKzItpW/eEJM+Q85Ke8pdMboK5wm3EyPakSMJHMp\r\n8q98x+b+bfhU6Voc8plNbNCiHjnOchCeRjYNzt2gzJPMNHCnQ6sY3xXz4ln4\r\nFXB+Jv50oZZboRv7KN5R2I0H24DXRx5J/l7JolCKe87dRYiRojZHAS6SNi/C\r\nH29yaGEtkk69FOrqrte4epEM+Y8I0GvJlIzgOW6Tm+g5/+/BX0LGNcLBysx4\r\nTUat8o+UZVYpVQFuRxn4WqnHa2X/Q9B65eVhACBSdTYhXLJites7r0hrbZSp\r\nX/lGbBSGzpcX3vJ7Ywxgjh11yZAsw99216uFQ8aaonf0oibeUvCS0IAKl1be\r\nRkEkg03pDhgFg6ST+wE7GjWB8Er1jWxE/JY=\r\n=fTb3\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.1bd317240.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.1bd317240.0_1678818189578_0.7064530361074699","host":"s3://npm-registry-packages"}},"15.0.0-canary.d441d2a2a.0":{"name":"@material/rtl","version":"15.0.0-canary.d441d2a2a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"dbc27dd48e5301d17ce2b54dbd1865286a05c2d3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.d441d2a2a.0.tgz","fileCount":16,"integrity":"sha512-qHhIWcGL7ircTBMXCaLPYZf0JlYvxbCJrTitX8ZxxR4yH0hIauYEoofzoDz0QR6LaGwWrameT40GGYLPMg5ddA==","signatures":[{"sig":"MEUCIQCuz8Yo86Vlj0QaBf1erp26/qdhxxsAOWu9exi6YnvdSAIgQNNkKXvjoGDidrQWMPgroMuc3LpJy9Sjn+XQdhhUhMU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELwmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpXeg//em97dOFp1gLtQSZZlfhM2vD2rxz4SLSdVdNK8kibmTkjOJZd\r\n67ZuxY/LxG/QNV7aRIp0jfQdb7FKHodjQklaMEI+566zms7w+g7GQRSI7fMF\r\n5tgcxvBSmxUUQHTu1O2UWGZvmAppJkpW1tqOFTLFe6bTt5MRl5yCu6EQd0c7\r\nnbTSquONZzfDzJUxgt1uB0ZeoM3A8TCfAQfOPV1un28RWGdVwOrOoKpOGJ5T\r\n3Yt1mv92ptRKlxN33JljEbuKqYymb3lnmFJh93Xwv8jGY5r22lji5Z0hYAn9\r\ntdKECV/24TEFRq+T5kDyxfp1xJEBfB0PFrHZlDGuUaAHS58p/g2gUkwP+Kim\r\nubpv87eZbaHjz2LBinTRB6jfwqcYh81qK2GKuYSwBct5Mk9JYSeLfOVVtR8w\r\nSX/SRQYOSHVhnL11tPlPnu6MHbx17B8O6d2RdLlMmSRQ7tVJ8gNFZfFnTle+\r\n28bX45jhZUQrUpOUO767WgXwz0nBXE9Vq4xtkdNmH9ngNLle/oK8ACHAdD1T\r\nAI5vjwUCDHKmMoLzvjg1LgpvnA2mS/pG+wFq7/OtNQnWQPDhI4S/DN4gRGiQ\r\n+XL2d3bZ2UtUohlOGygYNORzn8PTw6tsPmsw0G0bk19C4wkkNN84oHYtOBTU\r\nHsK2uLirKydA5U9IJLupD/4cbIQS4lYOnUA=\r\n=b77H\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.d441d2a2a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.d441d2a2a.0_1678818342740_0.21641964119851864","host":"s3://npm-registry-packages"}},"15.0.0-canary.fff4066c6.0":{"name":"@material/rtl","version":"15.0.0-canary.fff4066c6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3079e095cd4be66ab1215e23b1da3f00293f40ac","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.fff4066c6.0.tgz","fileCount":16,"integrity":"sha512-AGfCK/YshGvFOUA9qN2eW/Gih9supUrtjLdBAxl2iNVE+uxDO4vB9UqEM6m25sMXWtoU53ZI1u49Uk1RNFBlbQ==","signatures":[{"sig":"MEYCIQCibU+vY9Cd9JK5X6PUbIBB+D81dtdb+QtClmQA28pX0wIhAOPpoPVtz5iF/PkQu1wi2GnSCqJvzuz56iEPgm0GnCnU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkELxKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpokw//Ui5STN7nwRjwpxoYSiGsA1TFISbbtLZihbJT3dXjKdmj796u\r\nShomOXz95SCN4bR0yPJzx1nOyMouhgwFcHRHkWRbPFptRbhJJWo62wshrrMG\r\nuDGQlStM7VmezUi+5w76PGX894o4gcE0cC7aX8CAlv5IIlMLZjJF4ZLiULhY\r\neH0EtJQH40YD68iUltzXgPqch6hlmCS79+a2ZlGWWmbpkrFWFKu2A4Sp01PM\r\nldYbLZ2hJVumVshWNQvD24V1J0xvTH4TOWaTJ0SLqgKUvAc/SSgcKZnAUQMD\r\n6u6kkfoCh9VPlgGdi/DL56uTFuVno38C2FxXlt1W+0M4PLhPb1ysFPiUJ+Yo\r\nz0wSJ1vQo/ucJ0vsV/Osmv1XhpKzJs5NiayH49i35BS/R7FRnUR0w8aBlBgz\r\nrGZof6deVT8XBRDk8SXQOFByFgZrj2KZFWFXN2I+haLnkWxLSF5cyGB90R3l\r\n01d1KMjH7cGOtq0UP6VD0gzhy0CcPR1njBMCdcr47UGGxv1h+0JuR9o5Zhyh\r\n2GrfaQyr4UCNB48IoYAJW3LO4CzHosNDxYRbqsjJDix+2k91GjBEZXKlpJ6Y\r\np9Yj5lLNz9wRxjmgMQAI3B4IFqjlOKeAtsYEnFNJA50J1WSrU566Kmr0Mtfg\r\nAlRicU1c3CLBuWA5xR39SNK0k12MhWUd1z8=\r\n=CEm2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.fff4066c6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.fff4066c6.0_1678818378107_0.3901257703198915","host":"s3://npm-registry-packages"}},"15.0.0-canary.87809c710.0":{"name":"@material/rtl","version":"15.0.0-canary.87809c710.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4536b3296838d079906abc2ed392897da5f68162","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.87809c710.0.tgz","fileCount":16,"integrity":"sha512-WQsUe0rrv3Xh0V+yNuo8jq0t6kAz/DUXnuNTBpxeP9J6VBIBqrxOmGNJw04XsjtYnZ+Ien3lRdJ9kKO461hcEQ==","signatures":[{"sig":"MEUCIQCAhhXTlSVgSIhCuG6Yrh51vkiL86TOuJ86sMik8i9Q7AIgfX/gvTdoPOfQ2+ZlhQl1mY5lwKGNqiPvyqluLW4udeg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEMAcACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmoisg/+Lvuf8IWqCEdYMbhRX16PJoMru4cD9Hqs2ZnagAOnxjOeeXWY\r\nCKYArkKsQ3aVZQaVp4RshrUhEPzGGWxqWk55+j4fFG/0htgcOhyo/z9+Wrsg\r\nGV3IB4X0FidHA/CAnY6rjLx6ssGCwdAU/yJNbTii3NGG1g3QAtiE4Y2C3GSs\r\no/GAgYEoWIwFl3jJLUjBp4sO+0KSML7a66aKc1hHeh8MwUu5YG8IxMQTwT4i\r\nEP1Rz9Cj6u1Oajde9bn1s37UtQAvXduZ87g2Y31VIOpmOdEoyGZoeumu0ptA\r\nkoHS2USd0XgZU3gQCn6Qi9EWWDks0pYlq0YDZICbpbpVwpn9Eni2qBmKusVZ\r\n96OoxTmF62ZxfZvkxcxp39DKf8ljUIfBWk1deNhuUqrSSPyuRCmcXnf61hQq\r\nI5XB11Rad6yHfALORJ35C0snHISnNMemzszl74kz/xtvbUhZaULpkWZnsOTm\r\nQKcdHZiZ9mFZTgtHoSeqPxh9QmCQfakM/ILMhaghIU8A6vMqYSKmAOwAMkra\r\nbzJsMVPZAQPcUjzyl1jAqIWAcqcMjooeiZzZ+DPYnebSjfz90bBjZMTyW5/j\r\ndq4OZBaXcXDFkS1wUnhi/lNWb+tdYzZkNwZw9ITE6EipfyRtEruov+VciE/9\r\nuUxHGXbluEOhNeOyrNTH7zz7/+YP5R1emts=\r\n=rUBC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.87809c710.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.87809c710.0_1678819356345_0.9913126338030507","host":"s3://npm-registry-packages"}},"15.0.0-canary.48d30012d.0":{"name":"@material/rtl","version":"15.0.0-canary.48d30012d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"32706da494432979e27057931233130453a1d61a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.48d30012d.0.tgz","fileCount":16,"integrity":"sha512-2CbgXJYnR0otOfj6MuvTxfmgeNkVbbxH7pJGiwUI8ZduplW1Fn4Y7uJKoBiQqTur8/0+q/wvFMEzaeSHEdfvAA==","signatures":[{"sig":"MEUCICyBL2z05JkKqP47Z/BQq7QQYnQPnn55iMTBHzVoWFpUAiEAmLk5xCtexxODKUGmXY5IGtFWVAALmaECH0mkIL+6tjs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEMEiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoLNhAAnCoiHAS1JJo7D50H5QCx5IdGGy7C1os1suE7szESAtKffNlG\r\nJp1SCxUL8Lf/epqyuUTWCb8yhyuKopCt4mScBgi9ahIpUKiXeZ9oye4JMErs\r\ndZkZx0iJUS35BnwmroNmc1xoYtPUm/9AMmUErdq/+17T1oTLyKv/ADrFatFR\r\nI5NFgMlbzl/FlrsGWcRhsWNaZPweXPU+mZ9ZTXm9ncGfXZ98ezihhiyuXEv9\r\n0m6uIZcb27uG1u19mEtQ0R+bJGnBPPhhD6S423EdEtU1jzGOWDELVOWscxue\r\n8m58qZasTGqtQhWFU0SrbN+Ywp9pdwJkOgRap7bEKW7IeMjQ1ngd1nbFJfPK\r\njlf3HcMkor/IIS2fsT4cf/UYtO10kMjvWcamebyNDs5DXQyEuHJ7ZQO5cQEc\r\nLtLOb5gH37atND6KJ5dbDF+JiZz+gpP2bkBA7PF4mMIxAfcIqcv4X7+7U4y/\r\naczatNPzKStfvVNYRo2DhxHnTWiLNBUtApiGOqHy7odP+y56JY9+4UtGp9bT\r\ndONcV4KxcK9rsLwfIf2s+YBQ6lXZ73uxTL0gVN5IonUUIFEm2mSDWbvJXdj5\r\nFJ0fpTq8Vw3tOn1nwBuf9B3y75UdtMgnGAmM2PvHr8LulZDz68zOyn1DhxDe\r\n1UcCQgyaELGTrGaVJpfIODTrcgbojfYTMuc=\r\n=Ao2e\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.48d30012d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.48d30012d.0_1678819618543_0.3710149957501008","host":"s3://npm-registry-packages"}},"15.0.0-canary.419b23cc6.0":{"name":"@material/rtl","version":"15.0.0-canary.419b23cc6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"49887e1b1998fe82711954504543ca214664e7db","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.419b23cc6.0.tgz","fileCount":16,"integrity":"sha512-D+T5lBAIglS8siW9GPZt8HuJaXQSoDvCWbLQrEiMMfxXmqvMHAA/L5qXq+C2PnE45GT6rlJ0DKJixUMOzzYPFA==","signatures":[{"sig":"MEUCIQDqI5LienogzlX0hUNWLv4VTSixpPST7C/8Nn4x0x5SEgIgYYVNu+XW/fDzhDco1XSJcDXyYOxSreWmxsYCTWUF1bo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEMOyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrdthAAo5PP2rOpaZcmKNy9JtCnv2ZmtcABfO3Ym3TUjKvnh2O74wxn\r\njXQxgrowSJRFTWz/E/JmMmtvSu/gcO6QEkAZrHY0MhGBvLvhdsEVw0eDwvEQ\r\nOWm2bQUI7T6GSPopcu3ch1eTnarv6eA2rnN+aOR/IkTChAKnZiX2fpohTOZ/\r\nr4wem2Uj5vcV39Ua0Dyk8uvq52CLUyeRZkDpz5DZaIPcU1xqFB6Mq4AiwFN8\r\nAH3/RGNxYsenkC5G+vvusthK82NMiXE4jDC1nxfewLeY4PRZN+cJQWUxXLsU\r\n+wjBCIftfQKsudNb+PTDMP1femS+p0tJEyfkimPgTduyoecaZNkV0hzaTNTY\r\nkXQFuTpylWuDGrXVDf54sH+W46CmeyQREr5IgMrr2jPSLjyqWOhX0kxzDmaz\r\nDjW5F9J7e0/8v/Ue6FHIfaCh8vh2b8eMDv4qCyrt/Dp/8w/5PVszGnhQWRec\r\nW68QjDtmbUzqVMMm/nt5i9BKMRkOwN1fvMmucxYYwVUK8BxDBUs1vJLlMhx5\r\n9hnau3EBO9yvQaLj0RXgfZ8hlAgDeSC7IFG0ygAyyeZHB0B4mGkAZa9YVZEW\r\nasEqTQCevHTvqz9pwWJZSY0hOUgVvvR5JhEecrE0SrkGtKLM7fSqkjQ80nWP\r\nX9G2ye7Vok28aLVAmMLRNkIdGkHKRlqMOcs=\r\n=VfAu\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.419b23cc6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.419b23cc6.0_1678820274581_0.5152102175462219","host":"s3://npm-registry-packages"}},"15.0.0-canary.bf86521f4.0":{"name":"@material/rtl","version":"15.0.0-canary.bf86521f4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8d534d7e96e1bf8df047105ede57e8742ed7dcff","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.bf86521f4.0.tgz","fileCount":16,"integrity":"sha512-xUjIWXdB3XIhLlU5lGk3+h9L0n8yZ48LQRmAu3+cippTuE5JiMpDPTsJIPmkhb5RkUS0qJmFYeQnwFwuoeixNA==","signatures":[{"sig":"MEQCIE/9ng+qSwZxowXJVuZ7Y/hh57h7fINHW0JBWaJttwAyAiBC70vp3h1RUvhRkbqfQSW2D/wIRJ0drz5+DTwSOO6ZgQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEP9lACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrSnw/9E9vsrSu4it0hh0toVO7/hp/RdogSRHjUzgpoTC+c2sBko12P\r\ntu+kiRjQzbkmFtyPpi5K4x5Rnp0fxgp2HuJlImD/RvixXZVRxbgNheTY7MKd\r\nZXrDHPouMrhnqvNvivytyZT3lWAKEXCSWA0kzmMTnV4sOgTWIIrEvJmfSHtH\r\ngX6Cav/JP7gyXKHotV13LoYzBY/TB+u1Ot9vs+VfBbPMSsbFyHEPZ1y/58/1\r\nRBErP70wH1I2TAHSmVHQQtwByRKVgbzHbY30rmXRK76jF3RxIbc+CjNmjCW8\r\nuvpI1EtUleYHLVlOLyI/6nmepQLjLnytpff95K+9dEe2qbmaf9BC+CU+k21L\r\nOb4RuqzioCPtuguxdhD4AdQdIYPjYkKfn1bJAwlU3afffYOn0sG9Y5+5gjAK\r\n/MsqR/51YbGlJKY+7MI+G8HCbku50ltZYDz/sRUJ+Sjo0aIdUXwKWO/n8avv\r\n3/vlLX992R9FdhnqbVRBb9gjRK6F/IbQuZTVUjDvZQu9ztcZe8sDjFg63A3b\r\nb0LoFyl0RkxKwZEHspEB2Sm1/7mbOcXIWTp5YimA7/ymTsFchvXUrglg2cmw\r\nRz/uzFKpK7VWAf6NmkMxCAbDkCGrKG8CURMwxOeqMK2dfKWUQx+JFWzWbZ7J\r\nxnC87uQW+6M1A1bM6RYdQ9EqoKRDI6yH8nU=\r\n=BAIo\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.bf86521f4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.bf86521f4.0_1678835557587_0.3213382752497702","host":"s3://npm-registry-packages"}},"15.0.0-canary.11f3d280e.0":{"name":"@material/rtl","version":"15.0.0-canary.11f3d280e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b822ae183dcbb291d5e5fca56b74bee8e7a89d7e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.11f3d280e.0.tgz","fileCount":16,"integrity":"sha512-BJY3x1ILLJqMk+a5ky09BXQPGCqQlSk71cHjbi+ak/AfowwsKn7Ptls+n1VPE4kDJkvNV/dORFp4oQEaXIZ8tQ==","signatures":[{"sig":"MEYCIQCQVSmx1JnjJnvWt+v5Z6xCGCIElJMWI1mO0Q1tXw8sUAIhALC/WrN9D1i6ZiHD3+DGrNKhKP7R5sagi+3F8quky8Xr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkEQz0ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+hg/+Mbe9X4tZIdC2gxQg7J8x0904RzZb6aYW8eyz++6iWA5IFbZ1\r\nNuffaiUOjGcmKAzPGsfeX4eOGKK3IPbwiL9BMPdvJSmMmeEvRcQ/dyogeF6S\r\nEeORy2+rSNc9Yg7Ik+CmdC55SmMqatSk5Ufr6hXP2n7t4pvBGMieMr7dGeKk\r\nGeg1J1i8AexVB2PuT4p9mr3xj/f9luy5c5pk7Ur3hnF7foCv9XLO75iT526N\r\nwQQf6jt2xK6uqxWULyUpjpFcELg9Vc5VzAnsfaVgKwO4LmuohbH2HBlwes35\r\n3Z35H0chRtvkrsCRhpnsgcawEwDZxwjRl4Et0fKPNuYpXtIm+tIakgldapyC\r\n4JFrMi6bnx9FkW3tFCQLsD8800DphxR97TxeEKENoBQBgaft8Dw9r8naxOEt\r\nzToVkxnFOWkR6fCIFcss1PuySBnbJd6cFJe3kN8pdtafVNdJi1hR4cNuGef+\r\nSsPcV5PvkBQ1GNQZpxIiZo6XB01JJ7dUTrc85t5p10+VKbFzOEXoVN7f+M1J\r\njxlORNuzt4DO7F7SaJOqWBrK903JG3t5zK5CThhlda3+2NUAQG6QoSl5zNxG\r\nvMl7a9k2Im+iSpJVHLSsCI0Kiq9KxGD+0mMAdh0zto15rIn4b5wy+EXM8keE\r\n3JDq6lZrHAWAVbPAMEGjltMsAcGZvydf7uw=\r\n=Hkt1\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.11f3d280e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.11f3d280e.0_1678839028467_0.8513610970421226","host":"s3://npm-registry-packages"}},"15.0.0-canary.b281a409a.0":{"name":"@material/rtl","version":"15.0.0-canary.b281a409a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cbff810b1af79dce7afa1e95e6e9a5168f9f778a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.b281a409a.0.tgz","fileCount":16,"integrity":"sha512-0GwSrxd6RenTFsMtcyBCgokeNi0iVZIEbkUNu6RbZqds0zupHvAVTzYVGQaUm4dgywuFUU7eA9v6dfVh5uyq4A==","signatures":[{"sig":"MEQCIFhv2v1V93dWtBhwXHjTEyafyk9+gkaZGRhwkZMsfc3NAiAuQoORt6B5TW4zvFB/BoLhAVsOptMPlhf0R6/CPR16rg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGc/TACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpmbg/+J+VHlseZX/y+4xjt2UCPYjQ0TUW7ZvcdDD0cVeTfPolaZ+C0\r\n86D7dwSEjzzVJ5pH/h4Y+7BKOwHS8rq6bOCaZ8a1dHGkSLNlug2VmRUfheJ2\r\n/tlI7eljXDewD+0EJcfjSpNI7y+kt6r/1UBDXEpKsKJ9aMZQ6TEnIga5fB2V\r\nbJ9H57veXYIEvouXOfeCa3oxCOlC3jhoHzv/ZKStMpD3aXJJ4C/Jhq0p1eZV\r\nD0KC/Ddr7xTUsNpvWRcz04tmVitx4TUdjVP6G06W7VgQA9Pngb0zp7O91WLW\r\nrkgYxzHbNEAAluhOhqLLxLbsIUYWrKdxxKCVm1/D771C70IWaXVSn/XWZLph\r\nzStrEogvLgE+EKgd7V6vs/7JlA9VB5DLgcYYBp7N0vY2zdBU6pI1raWTjqwU\r\nqIrLLAtJNQFjs9iYuVqkSY7PBC+I4gnmjD82En0IyjLwpGaHopCIVRjCaAae\r\n+nSJlOOFdGDeXEUpbCfvR2Nw60F/+GM9QlWflosaWbmfsTLYu+XaRw3P/RNG\r\nePkcIZZ04z3aKqUJe0JABChHlCxisoRPejM31o9yheL25t/FrqMltNnvv4D4\r\n9B3dZGHqW804SY/Bph8mSUodLj/LCBUng8aw+v0j359P4M5vLJc+Z5qmHIfQ\r\nBOwHGGFnhxguGvr0z1+NeerKuWU3p1egQhM=\r\n=Ob0k\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.b281a409a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.b281a409a.0_1679413202998_0.3583646783543821","host":"s3://npm-registry-packages"}},"15.0.0-canary.39e473690.0":{"name":"@material/rtl","version":"15.0.0-canary.39e473690.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c9eca7d58b4dabdf61be638a3654ed75802b11b3","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.39e473690.0.tgz","fileCount":16,"integrity":"sha512-KNKaNJlP2m3g1fl8UiivU0GoG7HOQqHuD/e046z4+8kfbJicAHZHIYMWryQOgjq2NC2LItqvzYvjX17a29Ga9A==","signatures":[{"sig":"MEUCIA6VpYIxoQOxnTkNGWpQcHjeDW0BFAkE/Wei2m9Vn9t/AiEAvcA6Ki6Ud1TDZtHwdVqhOgSJjLmgzcyUpkeFSwDK0bM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGe5iACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpU6g/+JjUhccW7q+LCsDq5pc1guyMHVaNR+Jx19ZewC8rwSVMKVYGM\r\n5ZZaH89f4yP6drvsM9oCl/aXixO2PViHzoyB0uGAuMOrj328kiJjmSenaOKP\r\n03vszGlyEvE2ZV4DtL/Ev1jWbBhvPgisj/o8bpW+eEArtINA5jwKoFIVTi41\r\nPNYp35/pROjxVJdZyT9YdptmqixqnUpzIcIRviUtey43egH+SfzQGulhC2xE\r\nF1BEVh+OoYsdvvt5KlPPnoTYPiYqhyHB0glmzRtfD1XE2O2fuh3rOmw3PuiE\r\nwjvaLWXin6o2I5yPY2dkAOj9nOTJR+8XXlbnSsQjePYmY3SO6soBJ3rLwzAB\r\n6Rs9Ku30lzgHbtoPt3QK+pXQVVmYeIj329qRkLuyKW9ZT6GK5ElxqYTcZJrC\r\ng964/jyNlAM3C3kmfyZzdFzFEOyeAGKFaka2ArDdI7PACmp+hURdlo+fhpJH\r\nb8m/64IJ+JOfPcpCuvTEpIPMS1ju3uV0AdRUKypNChuTH3c1EmqL3+ESeplN\r\n8PWgwMoTQJHE/L4OKWV2uH86ZR+B5dO5YG1rUx+c0s20E684RcqN7GdvmVKX\r\n+gf5P3GUBJ8eqInQCGP1iPTtj/ZsYVQRC1UOtg7eKiVKaNk7Y5/Am7Ac2Jbl\r\nDl8v3HRvTQrDalNvx25edIl2DdZo66LEQOg=\r\n=mzO6\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.39e473690.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.39e473690.0_1679421026692_0.9317010509630794","host":"s3://npm-registry-packages"}},"15.0.0-canary.cedffb44c.0":{"name":"@material/rtl","version":"15.0.0-canary.cedffb44c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b34de7e781cfaf36dd2d895657d2754e6e48faff","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.cedffb44c.0.tgz","fileCount":16,"integrity":"sha512-KABFKoLDBq+SETw4iOGSm7hzb+fpDVGQmQAc2pwtjRnsx3MM2V88jk6aboq4pLYRJA2g8C/WOy3MxPK6PQU+eQ==","signatures":[{"sig":"MEUCIDyj3l/9nbsLZhKsxyX353Eo6ytSuyH45zNV4qcZwywxAiEA5YWGI9vOqYWzq0P/tklFfPBHIGX8YdDR6XqC0gEk6do=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGfAHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrL6g/9FFiVGwyh1/lTGAKj2e/XNggcGRK20IDjjzN7MMkPb4HW55dB\r\n5UUe6VAiOeZAcUE8e0FSgo9nACpi7si1+ET6oNp9LEUrYqY6zjMiX+Ib1cla\r\nWUs58L+ArxVaPwh4dq2X4IGXdvapknMmhReKBaGrPNJyD161PucmPQ9DO1oX\r\ncf5a8FHSW5Gd7ab1wZwij7/yTu3/keo5s1GY16xpr5lNtxJQJV6xISkcNEWN\r\nVeuyTpwlG66brhxa22Oir6O4qO1aoqDZaGpJpVTh9R84YzBe6G6z7GZLW/NZ\r\nPCO+ywVb2OVIDKlw+1uOI9hj6pAJ1J2SQVlhQtzQTv2nCn3HTAi8pKR+PV6z\r\nB39FNxEtXw3J8u8B71pZ3n0w+qmx5h9lVorrenR87SpCbynCxy3nTx28nTKf\r\na3p6n9qd24wJ2p6rb4ahq0stiDSDZKK5jqZ16JGPSESPZ8YROkzDigJUDjCN\r\nsaJzP6vHcnE5aWEumT2IOuzQTm8vbllx/1iQW7e8V/TI0rqSwENx1maLymM1\r\nh5Xx3gX4SVaZPtZ8JeJsR3ZCgrNTKTwe4Bc2q1hRGh8S3luffF8EtyuPlQUl\r\naps8qTw91svQhuHnJJ//lqcK6//gmARz2g+XD6OrnbSg/uSecciFNMK5BJQ4\r\nzOLNXnaEdv195DLyjIlSh65GPwwF6xJIriM=\r\n=Crck\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.cedffb44c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.cedffb44c.0_1679421447264_0.6762089639065847","host":"s3://npm-registry-packages"}},"15.0.0-canary.36a4cba99.0":{"name":"@material/rtl","version":"15.0.0-canary.36a4cba99.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3f6cccef4e381a0f0efe6179888492c8bd5f3425","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.36a4cba99.0.tgz","fileCount":16,"integrity":"sha512-zRVki92CiuDvQEdK1feNUJvQrrYUDp9GZ050aO+pQ9aM8I9H7DosNIDqi9Lx/n5HDwZBGe6VCa2VoAw8s8qwCA==","signatures":[{"sig":"MEYCIQCx3ihzXfHHoV5Clnk/gvXK8HE/j2T8u9/ZCTQyRD1fkAIhAPIMHG7/9tpfgk+jvWjMsjnbcsod6avdSta76jzeqJvQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkIyiZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo0rg/+JwurfOekfWCL4cWCbx+KOcKN05WeUkSZ29YmoTXYiJWRTAAI\r\n9r0rBd5YYMKxFZe7GOrAhmyHX9bGVF4MXiVl4JM3qHNU3ERgGu7v9KvQQaMJ\r\nYhq8vonSJB8meb1Cy6pF7Ls/OEXYA42xkjCrVrVMT1e90yZNv4IhzncLs2L4\r\n4tmvAAzuMs2qxGEGMKIq5yenrS9BMLyAW8PeuHuuDXnJcbCwZwkWNxoXQ5je\r\ngQeQoa4q6CuspoXAV8qcIbTtJQONH0sN39nLA58dwrMG1Z/RvIPzSIrHY/nK\r\n26gaOnrEvE0O/mv9llxEhFuEHudPnzEf2f3j31q3XS3oNggxZ47+vePg/Xe4\r\n4F6xTClcsLvMteMQaQQU9BRWbIe+GsfGi6tcRclBJswdV5NlOOFodJn90WS+\r\nKdbnyofyI+wScMMRA43QS4GZzBumM/wvgloa8w8mbRV53bsaSLv2kDt/gm9f\r\n96gYCwrC6B3tmioOk8a/x6GR0+/fojLKPWFcgl2KakFKoeUHGYLwDERcYKLA\r\nYTpUxyWq7j8DzVzHka6g3v5GwRcrhMbQAqbio/WsJbnFOpWQnXX/M/oIWIkJ\r\nR6acvG65Ww5oRd2X2Ax+E9DGvztXXFcQrpe0lzzfs+3xXrVkc/LF5CFwvhxz\r\nsT4VmF4lo3Z0qBZtXnii18xGr58dYX7oyBo=\r\n=0pGp\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.36a4cba99.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.36a4cba99.0_1680025753577_0.7965061135761875","host":"s3://npm-registry-packages"}},"15.0.0-canary.ed7e82ded.0":{"name":"@material/rtl","version":"15.0.0-canary.ed7e82ded.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"96749c08b813b1e4b758c1267a85d817b32a8429","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.ed7e82ded.0.tgz","fileCount":16,"integrity":"sha512-A4OzFdtIj2r47Tgge7ORUQ2yYOT+15uOc3I6APG+oXfXShlyyeurMzHEiTGvek0e/HI3+XpR2ZE9j5vZmnAvig==","signatures":[{"sig":"MEYCIQCb9HLrwNRyT0UPXu6OOfW+4+NudHoCx3mykaMHWiKEvwIhAJ/UymOsZTF6mUaFUiM5RzexqnjzGfdYAGvIqEVxnzFm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkI08oACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmofzw//ZLS+8R4E180ujwF8cDajY0IujMCz0eiXBzAQlCJGQlGGgSKZ\r\n/wUQCiLPRLap3CsQ3K4j3m7wDRBRmwPXq9RqRuKY6ZR5coLS3UixFOIcTaiU\r\nJKve4yuW+qjJAoKl/Oy6Oir9WC3UkwLyVltSSyznmGKpa90VCF3fjiEdMcpr\r\n9r5VUEP3hDcrlaEmZaRHlM84Jrb6wuCpQskavHoacRbrDsCIji2rcOd9JPNI\r\nOpE5YSieccpJJIutyXpaJshb3E/AIZESRkMep8jd/lVN1s+Q9RvaFrhCEpOi\r\n7K/UQsh2HZyGHcJGHlW117kcUXxyV4kcZBs85mhTSV3JPUR/6p3fjoYh6TMR\r\nvEdDW4CRInkjbXfRcZPhB9PNOs7uJ4YN4o3XUlvzl2FXh3bEE0KsYB2VQRUX\r\nVNy29EoWrdUVR2Plmf3rWPthZiWAlxYjU65iHoa2neJMA8OhE45eEgO2Et9T\r\nOV4AhNd8dfrCryoQ55zjERLTpu07mgVvt86aQI1Dsvm4uA50MpMPh313uyMc\r\nMUHnrMvA4V0poL0CopQqq71Be4D2bPct6rBlhodUFPoeG+G3CWViYBapHPKU\r\nKud6Z26kz68x/liKXceCfzFk8E2+l4u3ERIKfY0yy1vNfzgjV4Q+oKoG0gSx\r\nCdi7ovHN/y2N0bU2wJHj8JJbNQg3r/8Vb+0=\r\n=hcra\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.ed7e82ded.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.ed7e82ded.0_1680035623998_0.11619854055634149","host":"s3://npm-registry-packages"}},"15.0.0-canary.55093ee1e.0":{"name":"@material/rtl","version":"15.0.0-canary.55093ee1e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9d4d16329830e97f8c354cc366bbeac09a171127","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.55093ee1e.0.tgz","fileCount":16,"integrity":"sha512-jK61eHQBRWac8lqxxy+ZOgKnIA/6FVVGMrGcoCvXT4j9snHI+WDdpAkR03pCHXiSaxQpm7SmnSRkJhwUuA9ipw==","signatures":[{"sig":"MEQCIDplYhaYS0x3e94SPmjYEtmSUPDvdW/IwTewXeIebOdhAiA0LgvSQjIMs62Q2f0hYzT7vE3WMTnSNEa05TViRBGxGw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkJIeIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmosQA//aYnMVipqA6sKPvx/r/oq//Ir2IiA37XbvWx1DYxUGWLBRDhn\r\nymbFu5bhiYp3A6D75ZavZIG9GlVxMaxxhKSQNFxTaGk/PFQnISi8CyGZ0baN\r\n0Yzwr25pREOENy9tFNlKEUjrdk2hAjP43JujebR7RX+498H8khr7IOPxp904\r\nSx/YLG4x1Uw4D4p5hkxNUCj1C5bTMd9fKa5ZQ7xIi2mty4v0Ru+zdbthEY9I\r\nHG7WGYYkB28ndBg2guY97Y9uDNSH90dPZK20iFzyYiBW0q6HA2rEednhsFwI\r\nDYVWK0DZnSdmHlwOGeJuySAK/0y09WeI2svcAXnDUVrZnddRgwL4oHT4Dz8q\r\nuyYf86pUiZo1UMODJ8QgADoQMmwmqiQ5LGMBaGyiL8KzSUpb8hdnKaUP8Ie3\r\njAr3q/J3RMqIUIXn48osBiPGymuZ45sJcrkqo6fL2PQC81bBf/11ChAgWg1m\r\nClYVo3F5Wxy6JPkZdoYI+QWPj6Uni/U8rXQ4LemiPUAs340cUKO/cUFcL7Jo\r\nZk5rsag3qlBDmo9qhT8nx0C88TPI7Rzd9w72TtraUzjriXfPSKFpy/X7/h/x\r\nxK//Yz2SNcn6ANzUmo4IwUDjDEUDRahYs0OxeEEBiPfjOOBhyR4PcNwu4FBz\r\nzroABcW6p4pwZKupRhuQBqAb8hhgNS1/Xuo=\r\n=7aq2\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.55093ee1e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.55093ee1e.0_1680115592551_0.6675762829661986","host":"s3://npm-registry-packages"}},"15.0.0-canary.0c53abc81.0":{"name":"@material/rtl","version":"15.0.0-canary.0c53abc81.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4c7125f218084e2d3b75d125ed27143741f5574c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.0c53abc81.0.tgz","fileCount":16,"integrity":"sha512-OTNTHpPx+Wn1+qhoYb+rfKN6RZgsYsroPdEHQOwCurpzs2Pdy+4TdBBPp0OoLBz9i3d7L9zQOvZA7roFyziOEg==","signatures":[{"sig":"MEYCIQCN+/yBaduvIVvJGxSuy5ogqf3+05EQa7A9Tfrpn2O3ZQIhALeZ2zt5smAY/nUkgjmUKguRuQPHxsHzI8GGEPKmj//o","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkL3SGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmogtw//WCd4kopjfKotZpY746f+rfoIGjPdqBBu54MXSYB9FQQGnLeH\r\nLa8d2LkhrHjF5d//xiK7IBgHKHFEe4MvQY14SscVMP+kszEKUL7aEcYkvCyV\r\nKE7AIi+rXZcdbpKx3EYJ+LE4TcYZAVLxDyi+kUaLbgADbYsmUz4amOzyGGMQ\r\n1l5JhukmaM2bwh27FhpdJW5KAE+urQvxAsx1cmx7RZpjKJXQnEhToAWV2RC/\r\nWhdQn0Bw+tMgm41kkPovc3UjRFWzsuMiG3BQy9n+c1CGGMtY8AQLT99hLfIu\r\nfqSS3PJln8r3i4TLlLTlBZ/8WrLANAEXLqFeEctFOu5OtxM22lznKHLcnJV/\r\ny5O67VYUz4X/kKGW+MN4kI+osae53RTdMeANqjbrz2J6rlRtVMjHkYVJso7v\r\n+DdkkGeLJUo4FLW8xZYglCU1s0D1XQba19RQVmDt3IUQcS4i21WcHPndllT9\r\nAVj+eRJ1No25gyqd+c0v5SM8/ZIq/lNbfEpIi52yk+j3fs9CF8m62M5mUFvY\r\nsr5om38iR6KixW+OJUjTXOI4PHzw0TZyLLOQlyP2oNX1LmzhwtiTtVRjBkNr\r\n8Le35jtjwynta6btH7hHKG9lkTzWsIV0thso9o9tOs1FjYXwvPo5BdZGMy65\r\nDfREmK/mP/ACi7XkcwFk+jXSs8rf+3meGWQ=\r\n=QSDc\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.0c53abc81.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.0c53abc81.0_1680831621893_0.9364756440073503","host":"s3://npm-registry-packages"}},"15.0.0-canary.51311e69e.0":{"name":"@material/rtl","version":"15.0.0-canary.51311e69e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ca5689f6b0c497d31037da975da6d19b8ce110f2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.51311e69e.0.tgz","fileCount":16,"integrity":"sha512-8yqCd7WBeI2KkOVMFOhtAUWZ/XhqlUoZ2daY9LxUtiik84w8rpUFn5LpgN3yhTV/GTJmKNWQLW9NsxQMWFGAIg==","signatures":[{"sig":"MEYCIQChQ9UZlVTN4k3PIxblDg99xtAQSn41pd07+BXaZJYGawIhAI+44XC7zSaTz8R+a5J6Kdt7jl+f7EgEz/b5UZXefzTO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkMFvHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqcgQ//Wry+M/zC2cijFN5IbWwgSxolSGObYV1ZytfLtkIlkntUouPE\r\nWDsqdToMinE6Dg7DBR9tzY36Lt72WB6gto6+PVUBh0yiIObfNOmg89H2buDx\r\nAOsqODsOVOO5TOlD4mW97M3by3F59ondMOWQw9JXWZPTPNdE/uKJ5vjiMF7H\r\njCwmitxUqhhx+6XEvIY0tkcmrRhBBgMvisDkaQ6awDVG4UDdeiv2pGJt7yBX\r\nxWf6wGU5ZFikvopeuj6z+vnq7z/qSeU8GLcxZ87b0cgSSjip5yoktCw54Bki\r\nXEPxe+OGnC733p2YaHz/crGn3hjKDqIKhlMYv07oZTnKKtLsu7PAUsNUoPkf\r\nwxzGDCEG5OMSX8s4AI3OiQU8YtUIh2IUSSjwFI8qDfibANaH2W04v9u01Pfg\r\nTxSO8Jvt2jGPvqdg4rd3iDuWROvs6heqopy2PtxKEDy5MhR9xPPSETDLvH0s\r\nasiHmUepfBJyeBfou3UTS0HA3yf+oQiGLEL49jKiwmrdjwoQ7FEb8jRgIzjG\r\nDUIeG0G0vgGeDrn2Cce1ZBCxr2THNqz8DRFjHEg2yOUhPc9G4N8nciFoonf0\r\n40DsRn29iU+yu1ovmol9dTfGfaL8lb74xGND1QOZ/G0H79UTuJeT2yPvy7hr\r\nPvBp4AgrufQGS1ovH7u2qzNr8J+FwAwuoec=\r\n=NDYT\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.51311e69e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.51311e69e.0_1680890822869_0.8139422373894136","host":"s3://npm-registry-packages"}},"15.0.0-canary.113b1a38e.0":{"name":"@material/rtl","version":"15.0.0-canary.113b1a38e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3eb6e55458e59d7ea8eb64cedcf94fe30d267fc2","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.113b1a38e.0.tgz","fileCount":16,"integrity":"sha512-lAOrtgKaG9LWGIa2I5sGcMjXf+Kw8qiXGZzmTOXqIRrco43Dpoc/X1fTfCtVxvWEROf6oqUdB+i769g6uq9wHA==","signatures":[{"sig":"MEUCIDhlNIWcafHRUJuKl+Ok7G2y6WNg7tYPXN8mvth5/QeDAiEAhv4k5lD19J59aWSAov6wRQJWfaTmouXgoPNc3IuVMHc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkNIU6ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqX+xAAif2p02X+BbKWAvR8FycIigpptYsu4Hol0lXYFtuj9POtcuv6\r\niPXvvUdYBfFdox6BUvnMX51b/fR1ZvzHWnEYkp57OWildLT/aiOVvD9WItQy\r\nnFprzY3TbKNaQPB/aG8h32ufN3KxU4L7G+qYEuVlyDgP9d30RgjNy7t34qOK\r\nTMiniKUwJm2VDuiKIUptiU6eG3ocF2gB2U84V6qHm5P8cOIhBDOkOrQZczY4\r\nQInz/z/lJb89biO0uxaU0b7rR+tMQsceglu8R8vjXre1LJq8miX7F7txb/Xz\r\nq+htDVjMNx4UbC+AEwY9QMxzrDUMjOavLseMmap4sW/zk6GssDtff8b+mGLw\r\nKxRLF0uz5Gn901Y4SLTamLeWAFeTdjikk9fE0gKfynOIBr4eg0BN8abU4urA\r\nAdNOcxTabOhYTQi+kIQ7wAsqyCrmWV2WmZhILb7euXxGdHB2Llpjm3aBLtXs\r\nhCaNFxGxqr9cU4Xxekop1GJ3XGCPVzu8QqBzLG7Uqkxug9FxQToiKnNfQ5fE\r\nW/rLRql9UPozVOQEZm40BCcSsZWVwNnoHnv6qAkON4n3ONmgRAFDfKDbAf7v\r\ngpIYRP4oq1HE26ePZSuKBbaZIzxR9BThsunuaV0DSq2AP+ynL7ZTs7gf8idn\r\nrbZbBZQoHEOQk/fnvUUG+1h8JMM553ZexWA=\r\n=q5Gf\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.113b1a38e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.113b1a38e.0_1681163578653_0.791423878303821","host":"s3://npm-registry-packages"}},"15.0.0-canary.ea2191426.0":{"name":"@material/rtl","version":"15.0.0-canary.ea2191426.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f0750c194f5e2ca5d6bb4ef9b513cfe88da5f224","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.ea2191426.0.tgz","fileCount":16,"integrity":"sha512-CU7FbqwYrxZB6iTtXvxRgY/5QZ/pHgsYbPNGZZwywCMCN4s7MVq0SchHNCONV3yd1bNO3Mn4bijlwX68vWfkWw==","signatures":[{"sig":"MEYCIQCHcW+Qimm54eRq7kgyG5N8V4/q2auwfTK0leXrZgcjigIhAMWMF4Zx2Y9pUXt5lMWmHJPD2dWm7Oh/EbkbsEHz0Wrq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkNdcpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpx8Q/+JN2lkpLtfl8LKTpZ2kaKkEgJCLZaQfJCOUVF3xZPRNSa+5uw\r\n/RxufTgfI07ObIX/0U+78En0pQjq1pqRpxeNdEYRg063br9lL/r1KLqQTHp7\r\nBPcGz4kNw4PQD3CzS5Bkf6WCcQRvZWaCe774qkizrVIsjd/FOPWzbb4PKH/9\r\nZR2I44kkfmn0Ps9KkmX2KPk9Hx6+iGvw6giHdWhWr+b0rAewoQU/DW8cjtbH\r\noKvZYNPRyJU9jQi6p7WlF4AFtK5EGnuoTLZ/O09WVfy/xTTB7BydGAuALoeo\r\nZJtvSKqjoJwQLQBRjMYkdEW5WkLby7NdGsI89oY+iYifbINPTJ/QelIZGjBv\r\n+ufqPSiDHdsERBNt3Zw+13FKc6ARmuSICayjm0iX7Qd3jnn5zwZNtoNepNHo\r\n22Q6w1ja/7BD+6190ZTTd6ehPaLZZLt32kJkwxA+B7EhDLRUoMyK2ixNRZgz\r\nTC9zebtK5UEmbEU8P3OWNDEi1nLvzJcbsax7erKigaEk3AV31ieiQj/cQtYx\r\nITCakZEUvO5yObvl0+6Hz4ki5YxnQZfGSu+Ipet8DCbW2dAAKuet67KL5XHx\r\nuAIIa8SeRtNKozYkQLLHgs5/xaCsSArDjIr7NwJA/3073EM4RP1RIfdt3Aqz\r\n9DloPyd/wh23PGcWiuGo7tGl3evaWFTO6z4=\r\n=V6CV\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.ea2191426.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.ea2191426.0_1681250088971_0.2636439236103054","host":"s3://npm-registry-packages"}},"15.0.0-canary.5a5c38538.0":{"name":"@material/rtl","version":"15.0.0-canary.5a5c38538.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6481db64c76a47f04e1536851f28f0ca263f39b5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.5a5c38538.0.tgz","fileCount":16,"integrity":"sha512-us0nvNb+dJAK0o/Vh6hbk+1E36XEwpud8ctq/mvoL+crz4vYvhxudDsAZnDh9MvQwh/Ye1bGP4fwOgU87a3a6w==","signatures":[{"sig":"MEYCIQD7PZC4hVbVE1jEs45pAdumErKyvSiRNkVi+biK9g+V6QIhANhwHxQKp9T2RPr37gnQ0DPBmXfIfPeTeFmxw19Lw1HB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkNd9MACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmotWQ/9HZzh4+v3KEYEWm8Ck1Z2HKxtZ6X/eaaSHGysYY/yfYllct1X\r\nZcfT3JV37Omqk+hygptGxQZycxY4Fxk7qsDK6/uhoK6H3Je8z/7WVoYH8xjR\r\n44c6sk7vcGVq0cZO8XQ+i5WQVufw354cEk2P8GbGr9n7rnEP81TSmvUzBPL5\r\nPZ4aRRedt7Y1rsEv/xMtPKtr1SVDHLWf08Tkmk8LE/MTVL+loJK+TucO1rdB\r\neYx6o+CxSp/e5gxbZ/ErqPdtB0HXnDWC7Oyqvs4gXdGQeoPziWw3eVN1VQLJ\r\nIiZ0Pr8AXY1OCvBKe1v2+rkfs/0icA76ioS2QxWFWKPtU+CbM+9iqEijF+He\r\n3Jpe2Ms4+h98R6BJihBvbH8Pfek6OxKdlPdv51j9FQSziFPbg0oRh19jbWEb\r\njsYcweDADbvrWQt0cD3ehmXJef+A7PonLVjgB42LnjwCHxpqFJlrTxc9XhwS\r\nX9HPSIPOd+WfmyeDge4Zwnq4joSFvGbTcQ9Ube8nvF334xJVmqR6n80s/dYw\r\nfzNO58cQEcLI1L6TReCiuef5FRpUJuXRnv/ANezbVmTlqdyQLybX7f6/+7EX\r\nSWU1uDrfLhlqu5l3mY/u8OE12hYY+cdqxdpljPlesyGEFhA7xVN9vtg8Tinv\r\nqUVpHEp9rYOuuYhdu+n64W3uxLVare3xy3w=\r\n=zUkz\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.5a5c38538.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.5a5c38538.0_1681252172190_0.9140746357239393","host":"s3://npm-registry-packages"}},"15.0.0-canary.e4b5ea7eb.0":{"name":"@material/rtl","version":"15.0.0-canary.e4b5ea7eb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ae3a4be4b65d7eaee23bcf796aa7588055c5d240","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.e4b5ea7eb.0.tgz","fileCount":16,"integrity":"sha512-ja5JJFqC/mtaoKNahskyQeJcfJAbHoGSRj0FrHEi9PHU5+SV6n+sBhri/fvfaVZW38gA9ZzOXBSCBpSgMs5OUw==","signatures":[{"sig":"MEUCIQCFXVP3mhWZt9G5EMI+UiZyEXkYCm7sjuIvh+7nmOE5tgIgVVmihIJbixQCAbdqOCrlMwVaHvShj5QuIhVynw6Rnx8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkNec7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqKMA/9GZ7xXOFx2KX3G1hREMeyX9+gyFijBpb0TWe5UqySTw6G7QSr\r\njZNETVuaZnIvZHUD6gV4mtK8t9gkdrGpPdSmOG17+8b3cB3WX3iMpYeW2cyL\r\nQ58A2Savr3ZLVhb+mw766CSURvfkZ1tQpa3gSM6V0YzhYT2Od7/UrSDV3wDM\r\nmjprCBBE0Ige5pSsbb2SClKo2A/NNxVpSJwXo8vLuVCBbKLgo2t7clTbHrVy\r\neN0TIC1hwPt53XBoY0blGKgChT3Wam1P3mV/mB2VCtSsnZVGxLMyTWOoSFqs\r\nutwuW8Q4Q4EnL774cUiidgbdpadMCjs2yDho3AG8k/6oabCoSOliykRyOGNX\r\ndEDdDipTTjX0jdPqF2lkpGOS52rZuvr7EuKLEjIGyUEPvTZCcOnv2OI9huZG\r\n3lM6w3opv90jUQWQ9cjqwk1oR9DkeYU6z0AQ6dIwy3qSm3nBcF2Cg+VLROmX\r\naClrchhKNAxsFvu51GRAR0avwlTDJUYaaFG9rNO1IFsvzfMu9/ppg8ljgG/r\r\np72ECNDNOaDVc7B6/m3P40DeoKGLMm+kjM1ilqNCptDHWt+ih1maqIUzsaA6\r\nmGHxLLXz+k8eWJf5tQNa7OheLvBgX4nQnoJkgF3qmwr68AR4kbQM15WC/1qv\r\nuYp0HMlh63PuwheK9HWHTsz0XUelinBsxB4=\r\n=BDv0\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.e4b5ea7eb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.e4b5ea7eb.0_1681254203307_0.11765265987122886","host":"s3://npm-registry-packages"}},"15.0.0-canary.a094dd9c1.0":{"name":"@material/rtl","version":"15.0.0-canary.a094dd9c1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3db8045a8d8fee8eb32be2ecf4f3fa8ca2c44749","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a094dd9c1.0.tgz","fileCount":16,"integrity":"sha512-LNCUE/ftS+bllToNw7xIbKIDw7p6FSVmy5q0Ew/UcnMZhO2dZGPyEvk7EpupHI/EF4Bf/iKyqIjUXcDv6ssBwA==","signatures":[{"sig":"MEYCIQDt688Gbyp5e0/WeCnboo+GyXr/p4k235/KNBDEmz7ghwIhAKqTuyDavkhFN7n7YH03XG3L89lK499w6s84Ip8SuA29","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkOdalACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFaw//aUHFra8vCfrCEVGyoaUGqr2vUKJvMu1e4BExxYEgjM6kieRi\r\npOSrZweuQvTbB9KGKdBsRYu7wGZFmSCs1IK80LWHYsM59GSVAUYuiNOXIh8k\r\nV4r6KSzYilGl6ywrL1Or+d+IWa9tiZ71I2WApZjpTS4dBIjpCKe05L4V4RHQ\r\nOXGHBzw7BHnwNo4+D+JUT2mgmNZyLxAOUfKgB1O8QeZCalAokjRgjZS3txPu\r\n+a7E8vq6bxaHU5vmqdH6uYB73LpLOYjnWw1eyrtI3TEMnwHNa5vBYBgEfuoV\r\nzQgQ3GxveMD1uHDTruE5YFLGUkwDzP1QKnnHgjAOqRsjmubJ4tC3u5AMF2bX\r\nERfYwTjccTq6nZRyBDX44YIpHftvELCP+cMLgFbCcPM6oin3AYf18g8tVjOE\r\nlVRNpW6W8RGsLxEfIzAV+QEvAeA7MakeindIZlYjAOmASq0+0G0h8nQLn1Us\r\nRcXukFZsJ8RmhlrpwE5zvEgo2f9B/AZchuy/fmgT5OqfY6IA4J3Iv5KwCn9q\r\nFtXym5i09m/l/d3asSrhVeVcelcZg43sNuYIpg9PkgbPJmTULo9pgoygE/Tw\r\nFZ6o+kBQ3AAI1BsPmGOttF1+pMZRUycXEAx0MfOwP9fccENr7Sjz02Q996XW\r\nV/VSJxaHkbdWezE5R/WrsIH4fETodpU8HFQ=\r\n=G1FE\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a094dd9c1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a094dd9c1.0_1681512101761_0.1945031525006622","host":"s3://npm-registry-packages"}},"15.0.0-canary.f771b091c.0":{"name":"@material/rtl","version":"15.0.0-canary.f771b091c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ad89a5709dcc4b5bc3447a2e50a965f7085329e4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.f771b091c.0.tgz","fileCount":16,"integrity":"sha512-E8YDvvoWMM3SpU37tT5zPk9/dnYCmAg0HXZIFBh3FLjEPUkxH7sj9cqWdU30JUNFeSoeCORowi2bNPZmMyspMw==","signatures":[{"sig":"MEYCIQCzJgx9PCvdyVfGxwWWJ4OJp/celdIDo8lyFqgwyY9ZQAIhAMTAi3g1hkMWZ9CWsVo+YusDMly6PxH2tu805kQ8yCXN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkPWejACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqBiQ//fPh18M3TN6Fl82VFYr24x0Us2PsEtJwgnSlJv7voU09FPcRv\r\nm0O+P7eC7YB7mrU0zZLpYC8YhWJoXXaalRU5NGKTa3domvYeNiXX5ilXe1gz\r\n30MDdU4BwulAba42drjBxd3Y2fKQBS0hyBfx6NqX8AhVONGt/b/wPy7P7mdu\r\nJ44/37P1ku7x2TpAxF/0ZszEMxAj7RJC7nsTQWFvbN1m5TX9QERyrIf+1kcD\r\nPrc1m/CbymdZXDG/tY6YZ+3yePAT7AYi1sfwwr6AHtaHYcNGqj+kL/B6Ih8f\r\nSsRq81O3Bn4Y0SVtN6lQ8VQCnEiRYJtBbeD6ZfPFjz9jCTLj2bn5bInd7lwO\r\nxJRxQ1u8AkEy7AX8yxazrHN5pn5FqHFiknAfLNLbX2MzurieckLqV9vGZRr9\r\nmwM+Ddc4MKNqDaONP86v5Yj22eExskel4tOfySEfV5fH+6WK63e7yKCrzt/Q\r\nCzFob8Ca7G3yxBxOW0Cx5nq1whdnTTytkzoLOAeWHde3+3GjA+Tg88GzCwqh\r\nYawczQhs40qXgFwH8tSKA58vKs7RGjDoUIwZXTL9a691Y5XvNZq3vA/SwaqT\r\nTjjNAZeWmqFx7V15yND723RUvAQ/+fX5XcS2yo3UMfrN/1keSRRj1YQ47xS2\r\nOBam2716zcvQqSXcBfOqT0WLMpX7iku2KD4=\r\n=+vSD\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.f771b091c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.f771b091c.0_1681745827398_0.3206870365727441","host":"s3://npm-registry-packages"}},"15.0.0-canary.79b1b612b.0":{"name":"@material/rtl","version":"15.0.0-canary.79b1b612b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9cecfd65428a0959b211560d40751a5c71e6037e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.79b1b612b.0.tgz","fileCount":16,"integrity":"sha512-Ruge4vxwoli2MzfOugF6OFA4AmRiHo3gYFjzmlNQD5NKxh8hOeiSIyGTWphlfJJfKGy2IkCJTBkQOUm17Sx9Vw==","signatures":[{"sig":"MEUCIQCzGCmfhbw8F05Z3EqVI10N8bG7bcDIjCkuTmxyeWfygwIgTZ0r0CJxl+hDKv+uUdBlSF0pEhMzU8XQ6t/5MJV7i+E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQHudACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp3rg//crejKOLb8grn82HC9/zjda/QObNBytOpcSvX8b/CZtnlWr9w\r\noQivYRPbpp6+4Gv2fUcKols3winerKVJcNM/uZ98KNOArljXzEQAnaqn3rqD\r\npD5O6/M3xCYI80V6ueNuybespTjdXmK9aKSTv02sLeYZdIVTJHLSq37AI6sS\r\nFhg2NRaMIBTioR++bV6q3dmm+R6O6mieS0yd7kHGiU9JH/GcWw+vQpRsoVbN\r\nHV6ftbJFx6poHeUAw06ny2ObIDkmbSWFnkdGtn/jq7HcSvs9+NgSxTu3gDG6\r\ne8TQ8ChtL5uoiJ5R9QjHPRxWno0Y1pgQhqMKLMRSfOpLQ8X7Q1r/d8vJIUYb\r\nRUNk6eRWeGRrQOWFKB4+t7lG65TCC+owBxvjR5k+TMkax2haIDEhvBmBRVxj\r\nibaDkRfkiZxgcN28GcP1kvpwAilxi4plwZgLPqBmLJztHYM+wPmAXW+a5jcO\r\nrZoFKoRq9fznTsVVfi+g3jbNNLD+bI5iVGbVbvGeJxZagWVa0VxRn7SDofWj\r\nHk+rKQoXf8PSgUKYxHvLzoMFM3gmt5X9Ut+pVnyDXnJrE/7Tozu0/4xjHODK\r\nZxRtZ3WQ+I5inFGSM1Oxd9egv0k2c9z/gPo4kF57K/E+ImweyKxxUYDiuHOx\r\nSl+xYdiBlvJOvPKpSU85Na5E5CNs3K6Obzc=\r\n=x+Ax\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.79b1b612b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.79b1b612b.0_1681947549231_0.7074839655486163","host":"s3://npm-registry-packages"}},"15.0.0-canary.6f50071e5.0":{"name":"@material/rtl","version":"15.0.0-canary.6f50071e5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"90cf7ae6d973f84d42d164ebd2b856317cf95dcf","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.6f50071e5.0.tgz","fileCount":16,"integrity":"sha512-9Ou1GXOmvmWNbDjelo8OyHlh0UL5IIYCXOKyVQu8ES5uwUfhYuz7bDtUrQ1zn6r2s5Pr5vHD+LaQyPHANbfF2A==","signatures":[{"sig":"MEUCIH9P3WO/11RtF9q4hJIxdnvY7GJbiHqrTNCsN1s8jxkdAiEA0dpS6u3yXVYnpZetjU/fibKXiPQ0MG7fcGcCYDBFNm8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkQX2kACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrqRQ//ebwffZPAR3SNlTxRVxCX2ARQjv2cfijdO/H3UMFqWnUo+eQS\r\nb8x3nZ3SccHe3XvEzzKZIO/lrfV5WJjwibt3mcMZbRUd0lhqAIv33pY6+8Oz\r\nWI4XcSBao5z7YWl7V5BmLh1gznimX0pcxDQDXj2jy5vYQ0bs7H9uzMEJ92ro\r\n9Mhw8KCa8Iiy3xRT/ikQTOzbbb7dvXhDsQqW5Sa0dJ743IYBTq8O6B3PCOqn\r\niJZ+dmt0h9ZN2CR02Y7Z7MufW6++cfrES68+Oy+PSXVo6SpopTeQ0y+aPAKD\r\nxxedg9gmI5J9lSN8KBe02TVg9mL+rf2ff51qTfyUJxnplQC35zFMTQa9/12D\r\ngz636PPB3raDX9LOJtKKWmcnlBlymIWZB63pHmCciTUImWGkPKXtHpKqz0co\r\n5kopYUXnJNBpBkei+eoKquyUrPlT/YulXaU6c5AQmZ6LSICJO64TYfx77pyU\r\nN1HOGmKvphdVVFLoGkyRs2H3hGPcHtcKAngh4tWxbIp4PJeGWQb+O6jMhH69\r\ndDG6vvKIHAi0Joj7HI+4703waIx7KgqNZ5EDhQuyQIvgQAS8KJE7c/xx2B9x\r\nANFksKAvKMjYZSQCRAk61BIGWbVbvqa1fGeAwL5plzhGB4I4gMJ1c9e58VGi\r\nEt2brNOOCfHI5MyQ7h/qdC3iJYNG5S3ohzE=\r\n=aM9A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.6f50071e5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.6f50071e5.0_1682013603780_0.08444999549788701","host":"s3://npm-registry-packages"}},"15.0.0-canary.ef754381c.0":{"name":"@material/rtl","version":"15.0.0-canary.ef754381c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4bb0b84544be9627bbfc541909f99d3cc5a5b26e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.ef754381c.0.tgz","fileCount":16,"integrity":"sha512-L+yzEDUkx+U75b2Q+OCf49XZdYYXB+puboG3suwyWXzEDzT5uL7PU8aFgI8/HatIpF7VXXo5q/JQ4TaD4opxXA==","signatures":[{"sig":"MEQCIBJJRKzZ81WH8LVdVK7bdLzwHgnTn7w1OXnY1ntMK7QDAiAZwDGV1ywxuXvtsL7UPoK0zWEpY9YKdbqiS61kHyN0CQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRut/ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqeGg//Wu1z9X/cpwTDdNbe8kuXdiM8pPdQhu4UwgNFYbSAW93UstSu\r\nEu43XKla10B0PmpyOSdprXGYVhjTiyKf7ZBnSJC7sersZWPvANSGxe9U29US\r\nBdAfsjihX6YIA0fvysz/zrm2lJ3sd+KByCWTvLucH1TQeAB98+2vrrnkQdOm\r\nGWKqWkLTQoWmPzBY3eK4qNzYS5kfu/Jno5fdIvfK2asQGK1vc9CVL+FgB2Xy\r\nbtgNMHVI06X+BfqHs1bJM4oJKYQrZu8JclD5EW/KRuMFAHnP0ZaZv+2TPDX3\r\nYGAtWfh6jX7vffXwwPJ2WIDUh4I5YJxjOAd6IKIZZm1cr+ocEMbVvp0/lSTJ\r\n0yUYCaM8NzaoeYh5lMUtVm5YXd0/krXI3uLBRUQSux61yt2hjpI/aghPGYBi\r\nRlGDA+xExehyqr2IEvNBVcvh81j5FCyfDEA233tPOHVQwCU9/uzfiWTDzGgo\r\nLdzb4qsWVarhnBDBxEyzyN7DuDzPK+Xe7h9DmqRvJ4YYvh6KAiHrqKP5Iu0j\r\nUBh4jg8JFnGUxCdG/mKdgPm8RxMKgyoeJbLq37UvtvLHhnyRuTSyoch0pXaj\r\n17Tme8l1HcMspHdcUNkl2umPsC7SAYJZb1NiSID0yDxWBScONrEEB4mBMO2t\r\nJbVjiGyWzAo0vc7SuovgMCf5EAGkYljcw6E=\r\n=SgTG\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.ef754381c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.ef754381c.0_1682369407253_0.47802849862887364","host":"s3://npm-registry-packages"}},"15.0.0-canary.69ebf61ea.0":{"name":"@material/rtl","version":"15.0.0-canary.69ebf61ea.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b7a3c38320e89b8ba36badeaeae23c70cf47382f","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.69ebf61ea.0.tgz","fileCount":16,"integrity":"sha512-50xo7vn1tZJFgZRb4o3tzEpOcfjmxfDGN7tm32mswkc18vkpuIn+Nmjr3qHLe3if54vNOfhdR83gPt3jxX1oCA==","signatures":[{"sig":"MEUCIQCo5UDAqH98yg2MgLkfLxK1JCyAGF8CyjPAn6HdCUtBFgIgb3oTPjBouJycGr4qjFbuR/8ZrJTCiZv/ZsQ6nmcj52c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkSq7RACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq4Cg//Yc6KLlwbpQvLGKpCWODjEUDUaTDThzh0hRzKmViJK00xQNun\r\npdw+BSN57UYKG05bTa1oGy2Raru5bWHjZdBlQdYBEcrlL/n+z6Dk+GsM7XCM\r\nIySknaNTsI0wH1FDw5zKHCkoGxPscEt2OI6tacUsWdkRSVi/EgJgMA6kxoaQ\r\nVTEOKGgDun2If57iiRZex7Lh+iJLOgiVnriufGP29KJ4r5zhqi3QaVWaIu2U\r\nWFjDAlH2kkhuwGMAL9CR2dDJ1keQVNwlp2AssYpIiPtWecfMrS9oA2AEL0t5\r\neCHNncHoR2WUy+bW7aBhrFLnYxiAZD67QH8i62VCHUWoea2M3RLFpDJGOBjB\r\n6L2xIFZxZrCwuOLOUQ6jrgzKTSqWc0GV6dklli/4rUBGe/P+6+ASzLjuwDQY\r\n0qV9VK7WEbKgS6iUkcmNcD+nb2sFC+L48WYpVELBAwYSgql4j1iBgsByS7/r\r\nw4tqEJnFN55r6jDWM62Irt5JJl3J4BZn3RhDl8ZR5eHLGwTQ1E9AvowQE59g\r\n/fCRVo08vwW3KiT5xNL7zZfUP148xVlKZYv0n7po+n2wYu/5vvCQdJIKo1LE\r\nJjvlDGOMnW3neI/ilMMGnJ9/naCBvLwRgyJ48Wf6LhwBk/qUNw+aCkQBNxDk\r\nhfwrSwVvYkkCWo66SBQ34E7l4q+r3Gu/Lx4=\r\n=tP5A\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.69ebf61ea.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.69ebf61ea.0_1682616017184_0.5352175703894102","host":"s3://npm-registry-packages"}},"15.0.0-canary.b90be86de.0":{"name":"@material/rtl","version":"15.0.0-canary.b90be86de.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6797a057aba444181e9110a1f62b9b34468c5f81","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.b90be86de.0.tgz","fileCount":16,"integrity":"sha512-Ww/8AG/Q5EpJU80jsa9pGEIsuyKHqWqoK1md6BgbjypB0RCUVxX0NU4fxzdOySQ4ebZaqErYSngiRlgzvp3V6Q==","signatures":[{"sig":"MEUCIQCyC+gWf2ysFCILEdBoJaSTCSIY6Z9TCsKH7ie0vIEEoQIgFjB2cVIGYqgVWEjc7C9AJ8P3Dgz0CW7V+DXQrxvWDCQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkTGLfACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqLHQ//abFEqK7yPF+mCjwr00trae6ZDXkQSVmXaQDsEn+uHxkVviOU\r\nNJoKqtXIoz6zyyhc5F4vtb2rBylbSraU5vh9e18knZksvpUP5midJNMpZXG2\r\nNqxkuIXWm0LGWJpPEDvGdYhZBuvYxq0snyubiTNgNJtp7kEMuSkxVMcbu8xN\r\nmy9zYMMmvQuPRZWg0oNPAc2Jw5upufegGA4A9RFh1K6guyvfhC+F5BCOxt6u\r\ntIUTcUYpqdlg28tlh0RNZbskIjagIvn7h/RBqg28edk+r5vpdlaorIL7gs5D\r\nOFK89S5JHGjvso6fhcaJNFqcdHpfSTdhQeGNnBgM/pcrz6Q/Yqzau59KyZp0\r\n2finlHLgrhyxrXQQF0o3fI4Qs4OUbPmI5dFyEJQcDdDpVFhtzxYnhPo/v4KD\r\nzGCsT5wflAnIPMiMAR691Zz6V4Hk5iBHD4AY9Nbw/I3qPoPyJ1vL8K8rDrz0\r\n2kCRcivV35V0ozU5ddlTB2rgSpQIfD8pd9/+m/s3L0SlqosunpRcafcV69Lb\r\nTSO7b65lq+4wqtD3sPBwjYZ5ZTz9cgCU/V1EPa7ya+m2B4STs7+IhlCF/2Qz\r\nLT/gEN3ZjXHQ1gqhHlh42fmuhA3f54Gn29HsI7QA0rmCjSWPsN1PifsP81qO\r\nWo3B/HTo320LH74DlYNHXf16Dk9cVMtJ8vc=\r\n=1znY\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.b90be86de.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.b90be86de.0_1682727647696_0.861989545495532","host":"s3://npm-registry-packages"}},"15.0.0-canary.51f9c0c28.0":{"name":"@material/rtl","version":"15.0.0-canary.51f9c0c28.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c4941fdeb3b04558b1adac4c6fd3f7cb8e48c7b6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.51f9c0c28.0.tgz","fileCount":16,"integrity":"sha512-osFXl265Tg0tMiLts31UBeV+hRogXdDclsMRDrIsfs1faSXkBANFf8pPBk9Iyo70zx3X4fhFDY0PnsIkex3kug==","signatures":[{"sig":"MEUCIQCKNS/GefxJtR9GzbY21kYlTRByJ8IKD0InH7E33ImgrwIgX2O/z+509N47i8sKTrJyxSL/EYn2anb6dJh0v+1md44=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkTGUrACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpdcQ//R/P71i/7fV0C8M8ZWkTK0EBe0lg6NTp+pPEmFzorK0r8rH2i\r\nzG5GpKn0T3gpm93BUlHnNdqlwY2hQLDYLPgf95GMCaDhjn0kqHTZ3BQ+I5l8\r\nTlK70Xi9fyN0btypeLQF3jwdT5oJP0UQEDJCTQnsCo2kYi7JREK02cVeqehN\r\nSPHhBw3rRFEP3EaWqFIhalgm4fKyXadOkM+tmgpTKPrf2Pb240+Hwp9GpdGT\r\neRpcjFACHjD0YTK3rBjjmOAXz3QtyEseTwBQAMOK9UiAY7N8wu1IzQ1nz7qN\r\nzdz+d141xResPGCuuev1eUlibzUtVbzK4pcVciE3t5rtqASezBL/DPvfDPH9\r\n2MK0n9RutLem5WGCizbiAldAIP5bQeq1eJ53AZ5wBNK6AsfxcapVnmNpQ3pJ\r\nJvivyHf8htEYobun2PWVjyORfnHpBXL6tGlixfz1EnfK7eiTsKNCILTQGqy2\r\nctQDlthJD3xNbBcsPqyYaDcfRVV0EvbU109+CdTPo1QbHHmuxM6riZUs9Ii0\r\nzwTXIRU18FuqZzTsDHzHC2aX96dI+7Cq8yqegIHC1sAtc5a+2upO4zERMQRa\r\n32ISFdi8Ve4LzXAOBtgcQh06Q9EjlBsqKZJA3q5yMPhroLN2oLQqRoMXmkGV\r\n5nAjyvDl4rtK9a64NnsJFPk5ItVcb7EkiL8=\r\n=rZFn\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.51f9c0c28.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.51f9c0c28.0_1682728234984_0.6647883095888054","host":"s3://npm-registry-packages"}},"15.0.0-canary.4e840d685.0":{"name":"@material/rtl","version":"15.0.0-canary.4e840d685.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2c7b5525478331c908c361d00f01db6e2f3a1642","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.4e840d685.0.tgz","fileCount":16,"integrity":"sha512-CqqAI7svSqkgNpm5/5FSpTuov5uFIqzpYClD2X42QCDXEYWtFiqf1putX1oOyY+R8tS9iXZ2pF5eBhX5Cz4ydg==","signatures":[{"sig":"MEQCIEQiV4Y3cYhmGEYPRLdylSmYtusBbbsmsIwLnesDVQA7AiBIuTitAKCZS4aXQK52sEjlyfWvmgT9KPp4Td2pTsyUIQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.4e840d685.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.4e840d685.0_1683041554342_0.06452893845677687","host":"s3://npm-registry-packages"}},"15.0.0-canary.10b8563e4.0":{"name":"@material/rtl","version":"15.0.0-canary.10b8563e4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"c1d4d78bdb594bcce4360bb8f55d8bf3e47a3e0c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.10b8563e4.0.tgz","fileCount":16,"integrity":"sha512-QWDmD0kgJf2O2pq1+uze6NSeSyGoCsg+4pZZjbnpud6wMSXBpEm7w2jhOlfaC2VhjbeZZCz1kJubrZg595BYsA==","signatures":[{"sig":"MEQCIFR2PRbBVzH/047REI7g6yXHuunQTNHsJQwIP+iT+y2EAiBkC3gMGjhcIaQt0TSpxZq4A5I1mPn4tnM4LD4ZALN4Yg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUZ+QACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqzFA//QJ+DWY56djz8wgTRv29YxcXXawjT+p/V5WcgDq+VvmDiZ7my\r\nHcYEtF+t9JxvnCsrXReANpH22+izGq4pWj4IzJIU2Mv+GtBOKQxI2dMiTAlP\r\nPx2uPP/jpnSQAB4eiPzazmVTFQXPdfyejXBQkSHqhjImMpd08zDDrxlWkQd9\r\n42SqETX1PJqNw1Csm/5fbL1kh+NE0BHKypCMZfpkiVJzrt4cNRSAnVUaQzsg\r\nKBJw8KZMlyQ4nxvZyFc/0m2VablivTaQbfTgqiKiUbPb2CRoR59EmM0Xd5ON\r\n/s4FC6quDhMC9Dxa0wQeqwXP3GKA9uMYtXZgyzdadr0Wdiyms1E1tb34/wUE\r\naNkBjuLLF52APwIsHYCf39PLUrjDJpIJI0nM2kaIMuzuuroGWcLYr1azsVv8\r\nELQ54otXOVtJFLLbEjRUX+t3eEY6XWebpw+EwN5jjwS/raNm00fZA/Mf4RU0\r\niZNdjna77gqWuLroNuBZPxca4+W7uwbxuHN8HRJ36lROw99M3kIUq5k0DHK7\r\nQf5q9M8GybHAUD/MndcmjEg9kdqJ3BWqGzHZt5kyovVGeX7WU+8GHhOix14d\r\nq0nZqumGohhT6hP9P1kTBOSJ/NRsP45LMQAKG0v+1AWeAf+TGxT72NzpjrhH\r\nx++5rrRBEaODtWerpKw7SWohoqVvJeBWd34=\r\n=wadj\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.10b8563e4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.10b8563e4.0_1683070863945_0.7175864414566349","host":"s3://npm-registry-packages"}},"15.0.0-canary.736b7fda4.0":{"name":"@material/rtl","version":"15.0.0-canary.736b7fda4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7ceee6674a7df28f4869e7df6c0a8dfad0f57cea","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.736b7fda4.0.tgz","fileCount":16,"integrity":"sha512-XpRFxnZcnHfduT+O31Lk3SwKncjgqGVUI4gUjtS7aPUSCkMz6ShjgSAUaxtdrX+358UKcLMilgqPtBjEsrinAg==","signatures":[{"sig":"MEUCIHw6zkgnAJVHtuRnl43YsgoWKWaTHLMwgK0KA9Taj8rRAiEA7nIClPiLt3cR2jtri905r22pVgEOVpketDgkPUQRzeE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkUnjwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpKBBAAnkvkYbEnJeQv/FO1E2u9MmAAa+lS/eCXJfMbSpU9M2AbBTwc\r\nfUxiLUMONcFDHXLc2jDml64OJQgOkI9R1M3une2pGnifd2J3Au2+3+5/Ehjs\r\nqiGLfQNFq2znQ17+gdNPFqOsxuo6cFUK3reOc89hRmjm3Lje1SedW4OdiioK\r\nwFUMFK456na3sNhN8ASHxhZbSYzFwbLS4brSmyqkl7PE6jKpWtyq4obFs+Ha\r\nzC6WTsSKBbexMqLbKHaqvnOBjlk5wtaWqHCKGjuh1FXjA42wkcdTldQYDYSg\r\n2ptWTsMp/XS954DnrFgO3/cF5ZYFYf/opix+CCY/E0DNErEB3A40r7O/Y+R9\r\nbpGV1eQMkcZYmocSNz0nqsoLIqYLEUrFv+phgQf55AUiOEOrwEIxcOpP61cc\r\nFA9wICbdg+Mvv87F9YyYweMhonFUY1HR2SAhKk/5b9F5qVEmGIUU6BKnTvKe\r\n41WyegRR9k3kqE8VaLPO6VbL9ixUP5c3B7p//hshQYv6xinI3lgt6RKHhm7/\r\na08iZR2PC1aSSPiKFz83vQ2n2OhtiEbbDu4zUDTWq3iPrSm060ukhVsQUvDM\r\nXZ7QsWCgftqX14P0cc89XrwACJa7v4QIj4XWQlx27EiG3TrlRsDdFI77uEi1\r\nHfqw68SWwWxuwhVbaiHVedQ69IG0p94ogDk=\r\n=b+NC\r\n-----END PGP SIGNATURE-----\r\n"},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.736b7fda4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.736b7fda4.0_1683126512401_0.4923558114635245","host":"s3://npm-registry-packages"}},"15.0.0-canary.0e533c5a1.0":{"name":"@material/rtl","version":"15.0.0-canary.0e533c5a1.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"40b0473cdf85004ccffeae35a43935c55465dea5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.0e533c5a1.0.tgz","fileCount":16,"integrity":"sha512-Kp3CDxvCEeQRAjH+Or2TWGCzG9tqf4ejdQF199mjLHHUhfjlZDf4Ka4P5KCJAB4mX7dww04eVOM9JHJrEbCQ3g==","signatures":[{"sig":"MEYCIQCyDqSTp5rucEhZAGhXBSMlnXUJbSqv7W6Hfax3cYP2OgIhAPbabAq4vPNK/bxO3QKgoBwv1wElwUr1WNlc7MPV8cHu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.0e533c5a1.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.0e533c5a1.0_1683305721803_0.2006331734183886","host":"s3://npm-registry-packages"}},"15.0.0-canary.5f01c15a2.0":{"name":"@material/rtl","version":"15.0.0-canary.5f01c15a2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ad8617247bf741041884d8c411f80354d9b0aec4","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.5f01c15a2.0.tgz","fileCount":16,"integrity":"sha512-Sc2pxe8nf0GpdfXuXvJT1cZ37CGIuWCVHYRXCscywHPd1AzIOR5eueCoPIMEtPZ0xvrwEYSFm+Yh6La+uj/ZXg==","signatures":[{"sig":"MEUCIQCmA+y0fvbzXOsTPsRjxf1BkWZ6NPyZzOKrfluzKZz5UQIgY2jH2d12inJyHPeoZTmlCguSrSEWg4rId6cO1+f/9Cw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.5f01c15a2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.5f01c15a2.0_1683307528162_0.13747636762613125","host":"s3://npm-registry-packages"}},"15.0.0-canary.3b5b55e31.0":{"name":"@material/rtl","version":"15.0.0-canary.3b5b55e31.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9390d75b2a0b947e7598ae0d841c560c954ca708","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.3b5b55e31.0.tgz","fileCount":16,"integrity":"sha512-lSp3UbhYXuW8p3qsqvft+eLxECpKH5xNL4oXc47sH9DsdSFrhFHTCeOtHwz261cMBetAXCaXsz/0BsBOslWoBg==","signatures":[{"sig":"MEQCIFDgfptP2ShirXU3WF4VfIBdZ/0+FWV+b4owmitFZCBAAiAuzL73bF7s+gQUhbWrggazSEAxMgF/TwhqQSMJVSgXUw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.3b5b55e31.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.3b5b55e31.0_1683311883755_0.5271628164969377","host":"s3://npm-registry-packages"}},"15.0.0-canary.d0788120f.0":{"name":"@material/rtl","version":"15.0.0-canary.d0788120f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"cd541d67b8fe40f00983cc8f3846eb62ff098692","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.d0788120f.0.tgz","fileCount":16,"integrity":"sha512-rdPAdPeWs41/nMMDR5BJzlk/chVU6nzWiZTP/Zf0mowWFBA5Svk063lUFTpz13H1qc2MWLbEPTMBtftTLnlKEQ==","signatures":[{"sig":"MEUCIQD4CclD4lg0Tntm1StKFZefFpkTrm1a0wZpGGWdoni+NQIgeUtw0QA5nseUYtd4r3F40sheElLr2FWQlfCNBM9PCcc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.d0788120f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.d0788120f.0_1683620531985_0.03668628449489453","host":"s3://npm-registry-packages"}},"15.0.0-canary.f52358dd0.0":{"name":"@material/rtl","version":"15.0.0-canary.f52358dd0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e0692d1b1b2c5be74b55278db6c9d06f0ed66170","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.f52358dd0.0.tgz","fileCount":16,"integrity":"sha512-7krBZYKxGd+31TuRG2sZPYGGFcRvH/xokkFIlJXEn+ANBXn/BCA8RtxisolTsXw5QXmcmpuyT1DMBPOPwnVK/g==","signatures":[{"sig":"MEUCIHItd0SVrR5Icsdq85tpVQ0220e1kxMkiAw9yvdAOP69AiEAllIhxmdIhYY5tRz7SgsKNB9N7zf22lEXBO9+M1pMmDA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.f52358dd0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.f52358dd0.0_1683901771053_0.0738278726077033","host":"s3://npm-registry-packages"}},"15.0.0-canary.d3c3fbaa3.0":{"name":"@material/rtl","version":"15.0.0-canary.d3c3fbaa3.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"81043d6127680253303d75f26abc7ecfb74f8574","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.d3c3fbaa3.0.tgz","fileCount":16,"integrity":"sha512-Ha32J+T7A9ye1QOzQXjVShJYhGr4qqup6BChxgcf6MSdrqdNdaQOfGDPQIjUwy9XSBLhHceBvy+vx9aLI6NRJw==","signatures":[{"sig":"MEYCIQD/5BS6fTld0/tii60OBR87erFqzzzxzVzud0uRX/aw+gIhAI9Bv9JvoYAvDoSx4wfn3Z2eshS6ACqgtu67t6t7+bxv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.d3c3fbaa3.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.d3c3fbaa3.0_1683914372598_0.009801527783523944","host":"s3://npm-registry-packages"}},"15.0.0-canary.576d3d2c8.0":{"name":"@material/rtl","version":"15.0.0-canary.576d3d2c8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3eb85048961ace12b49ba1e75a0f28475650c69b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.576d3d2c8.0.tgz","fileCount":16,"integrity":"sha512-LCVuYdauCQ7+SD1h+rrqRazP9ownLDsq0XSgbRZXFPAVq8ED8FDvlK8+Ustu4/slLNBq3F78M6SlzOWyCnErRA==","signatures":[{"sig":"MEQCICC4vs+ZahlWKc31wyiGiqCPue88aSkU93UFsxHEq+fiAiB0Kv912SrZdNjWyb0mF2AIZAjtSdVdy3/5D6xD5X9W6Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.576d3d2c8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.576d3d2c8.0_1684202349881_0.0587784044473294","host":"s3://npm-registry-packages"}},"15.0.0-canary.19bb36a46.0":{"name":"@material/rtl","version":"15.0.0-canary.19bb36a46.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"07ab02cccbff5fc0fe96dd47b77fe4971ba0a826","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.19bb36a46.0.tgz","fileCount":16,"integrity":"sha512-xqcPNCUWS1h+mw53wGYUXUKQDBlWMtMsMF/4RRRcj6dztGsiRvTJ3PkITd24aqH362ytJUr9T8o1dON3JLjiWA==","signatures":[{"sig":"MEUCIQDbvn0Do956ig9og+oDpgNApH3xBdvh1F7v4gYADWlI4QIgF23BRP8oPvssRB6oQwNRRj6MW95RDt4p4w0zO7FzUrU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.19bb36a46.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.19bb36a46.0_1684266790312_0.9638051979266133","host":"s3://npm-registry-packages"}},"15.0.0-canary.aa5ac7fe5.0":{"name":"@material/rtl","version":"15.0.0-canary.aa5ac7fe5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"603173764806859b961b78c929c149e0e1e7e8df","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.aa5ac7fe5.0.tgz","fileCount":16,"integrity":"sha512-8TYc8rStJymRrzcuDxhP5/ij2p+a2JIY8oz6+/wYyzNrtT6k0cxMUhVppERa8s5xaaqgQ9OejwoS8kAS+T3DwA==","signatures":[{"sig":"MEUCIEd+fdymwNLxDVlNx1ih6mkwVKT7S3A2VX29K5WMW3j1AiEAs0/LPZ6s4K1m8bE4mtJ8IBDIYNF5th4Hn13QxUdJThk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.aa5ac7fe5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.aa5ac7fe5.0_1684776273202_0.08689998330749904","host":"s3://npm-registry-packages"}},"15.0.0-canary.90291f2e2.0":{"name":"@material/rtl","version":"15.0.0-canary.90291f2e2.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"2ca12b28e44e13fbb2367b1d89207b53ed6b87bc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.90291f2e2.0.tgz","fileCount":16,"integrity":"sha512-HkUhD8K03BxWVw21WDViWo01Chi22cZ1rmlsdCtggkxdVjtDhTbYm/3XvRnxt4RVpr6KaYQgRXI/52T5RtBUnw==","signatures":[{"sig":"MEYCIQCQrSAB2HvusZvorXKaPOcJno3gJYTSTzFvfgBlcPDRagIhAP85sUGpEbDIc/GMlWo/WTwcZStR6WiDyLNAyqiwlp1Z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.90291f2e2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.90291f2e2.0_1684863707841_0.7357464545831649","host":"s3://npm-registry-packages"}},"15.0.0-canary.446734f27.0":{"name":"@material/rtl","version":"15.0.0-canary.446734f27.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"da10e2d5224fadcf39ed0268a52c008fb01ce826","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.446734f27.0.tgz","fileCount":16,"integrity":"sha512-5B1NUDesXgyFEbhrGInVBG1xe319a9QHytNsy/WopvPRm2wSWzMchIRxg1L07ODmy9sCHBwLUVKboIZMe7snyw==","signatures":[{"sig":"MEUCIQDkrn0QtXkTLVJWWQkYm+gUGVhvjJ3N7E1WQzdpDWW/MwIgZUEqU3QzumwUdA2J1NteHt9eaXLqCF+9z03SBJnLv2o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.446734f27.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.446734f27.0_1685483239696_0.8738621200368042","host":"s3://npm-registry-packages"}},"15.0.0-canary.19de312d8.0":{"name":"@material/rtl","version":"15.0.0-canary.19de312d8.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"dccd3b5e24ba4741ee1c79ddb28cad86372a0862","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.19de312d8.0.tgz","fileCount":16,"integrity":"sha512-CJ4ayCFu9ML8mNRi0WtAK1/cyOG5WpHFuNzL4hxHu4JkRrdpHlWmWHTI7ehlFGErbKBHWYzHR9ILu6fk5kCp4w==","signatures":[{"sig":"MEYCIQD5AxPROxr9Tl3+aGJeMMvIGcjXWu1lC3Af13fUbqsH7gIhALSz4l0e44aBq2Bpzde1MERJAYWxjMugU1LILVy0fOU/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.19de312d8.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.19de312d8.0_1686071830999_0.11211479154073922","host":"s3://npm-registry-packages"}},"15.0.0-canary.6081d829b.0":{"name":"@material/rtl","version":"15.0.0-canary.6081d829b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0e0a9886f11d88a46bd542e5e89dd1f725e020e5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.6081d829b.0.tgz","fileCount":16,"integrity":"sha512-jeXEPoHI9hp4RTJzCw9VdxA5+ZmDxHrvaFL9x/N0FnnS5lIIei0ZCW0RD3izbi/EmXbYK6LUqu7Sp1MAjC9vYg==","signatures":[{"sig":"MEUCIQDOoLZu4TibvnY/zXTME9+mRZjSOdEdac9yOuxmdsAC5QIgD0ng41eEOzygWbXz0JyApyiJTbptLO8rIq2X4mnXVWw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.6081d829b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.6081d829b.0_1686100390705_0.6679759254872624","host":"s3://npm-registry-packages"}},"15.0.0-canary.b26c34a68.0":{"name":"@material/rtl","version":"15.0.0-canary.b26c34a68.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b966dd7988137823137df59d3e081f27b10d38ee","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.b26c34a68.0.tgz","fileCount":16,"integrity":"sha512-+/3sKyU4F/bbwq2KUV1DNIZaze5ZgY9cym5lqogz2Ee1BB6P2L6knGA8Ps3Q9BsPqpdCwOc53YRwGLBrXo66xw==","signatures":[{"sig":"MEQCIFNxsEhQSYp9CRJcRx36qa2VKRCyB8ijq3LjNbcbdO0eAiA19O1qo8BU4NR1QyfKXHYX2q9kkcT6WeaWv7Su2YzVcQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.b26c34a68.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.b26c34a68.0_1686168975368_0.10329752702601702","host":"s3://npm-registry-packages"}},"15.0.0-canary.4fe911371.0":{"name":"@material/rtl","version":"15.0.0-canary.4fe911371.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"7ee027e8dca77c6a44f5c6ba591683053d3ef9ce","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.4fe911371.0.tgz","fileCount":16,"integrity":"sha512-CHORFjw33MJ2B+SXXwG/bKsS89TVu2EmGFH/gyuaYjSOuGAh0XU0/T9MVtmCiLTD5IW0R5E5JoQoG/voLDrH5g==","signatures":[{"sig":"MEYCIQDseB7/OWmvU919cSzdVTWnhRJ8vVvnppzu3Ur+Dw2ojAIhAK+qok0EyKjLtQzrzwewo0RHQ4D+u9BGWvv+K/19W0ju","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.4fe911371.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.4fe911371.0_1686179101827_0.702597433744063","host":"s3://npm-registry-packages"}},"15.0.0-canary.a9ff9866f.0":{"name":"@material/rtl","version":"15.0.0-canary.a9ff9866f.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d56c5cb1f1fa8d26dec9194972f7b3cfa0557804","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a9ff9866f.0.tgz","fileCount":16,"integrity":"sha512-V1atUQ1GgaziS2TanRmdCfI9VKqiUqJYiB3I7xlUtYsbJx0Lf9JU42Pw6e0WPRwFPLMUoBnglZycN9Hy/obJhQ==","signatures":[{"sig":"MEUCIFqrcMJguc9Y7UWbbrbN6JedDmIkN5PNn4OdaRhkPVV7AiEA/6Hrj9MGNtCzytc/q7RlxDoXHimDuUOpKKKUEBEgKOs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a9ff9866f.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a9ff9866f.0_1686656242625_0.14929465617723126","host":"s3://npm-registry-packages"}},"15.0.0-canary.b994146f6.0":{"name":"@material/rtl","version":"15.0.0-canary.b994146f6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"091de7871060edec6c743e14643fcf033014b673","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.b994146f6.0.tgz","fileCount":16,"integrity":"sha512-H/W6BVn4Ygfkrf/FgSrNhbu1uY7PST2wlsjEYQt06EfAM0CDHEwSL1MwV4FmpQA/r40Q0PqoLN6moDrtCe5S8g==","signatures":[{"sig":"MEUCIGY/2oRKvJyq9WJbSI6UBxal9y3IKIDzOVIcCjmB++JVAiEAyR+Wgt4/98UJD49LkRb0gIMbmcTV0KSHb6ymoR/YgsE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.b994146f6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.b994146f6.0_1686776560637_0.2483441558676407","host":"s3://npm-registry-packages"}},"15.0.0-canary.1fb4b1a06.0":{"name":"@material/rtl","version":"15.0.0-canary.1fb4b1a06.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"ef778af8d09de3b91ffbda2492c7e0b918e5218c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.1fb4b1a06.0.tgz","fileCount":16,"integrity":"sha512-DKx1piXloY+G5kXnshA5djDBpOSnsV7Fo1L06qw8z3CUiBOod4sp1iZ3MxsfF100B2p1dfWNpb+7LvgfRZxAZw==","signatures":[{"sig":"MEYCIQDUgaOJpplDrPtT/svXN8t547xvQjPBWXJNpVs8RtjboQIhAOfcN7nNx1DcHc08A8Z2aLsfaXh+vgwS+R7Oe5QPIs+I","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.1fb4b1a06.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.1fb4b1a06.0_1687892169761_0.29694697407444703","host":"s3://npm-registry-packages"}},"15.0.0-canary.c64a2776e.0":{"name":"@material/rtl","version":"15.0.0-canary.c64a2776e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9c91425a281d077773f7a3abbe305637215f027a","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.c64a2776e.0.tgz","fileCount":16,"integrity":"sha512-xqTcb7oOmlj46xs4BYHPcxFA1omN+LRKQ+ithTaWfoRP6Zar05cBTC5o0NKTvYIUWx3wbp+bi6vAWEzx8lfoxA==","signatures":[{"sig":"MEUCIQDnGEJTbLZLH/2nhiMiLGfXMpGLroHuYMatQ+fDMJpTTwIgGcNAekcSZWg8SUDt7jxfJPl5jhQXwWEHgB1oykVvfeA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.c64a2776e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.c64a2776e.0_1687896933068_0.22546389139459633","host":"s3://npm-registry-packages"}},"15.0.0-canary.b05d9eb7c.0":{"name":"@material/rtl","version":"15.0.0-canary.b05d9eb7c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6f2b42967a29a00bfa089eae6b0ccb72a27acacb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.b05d9eb7c.0.tgz","fileCount":16,"integrity":"sha512-8UHAE0Fz0/T04k9Gc1WEUHNKOx1eUu0+H9UrO22hTVHDMafQts/0baOqf/PWnDS+giw+XXrjzSbdJULYf7aXxw==","signatures":[{"sig":"MEQCHyTKKEB9TEUTc08pCy+G+XMTyaQ66w0hqhwn0WjvnqoCIQDA0BB2+IJhs+7K+s2p58Lj6vMSJ5RXKtoWZD3g7LgG2Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.b05d9eb7c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.b05d9eb7c.0_1688055768722_0.6478611440918018","host":"s3://npm-registry-packages"}},"15.0.0-canary.2a9697dc5.0":{"name":"@material/rtl","version":"15.0.0-canary.2a9697dc5.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d6603edfcdd76394e653b695b81cc82e97ed90b0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.2a9697dc5.0.tgz","fileCount":16,"integrity":"sha512-gJGsXQdZpbry6KKxodHVg88MTFhib+MfS/Px3AL6o92mxWiAd3zyfI9Y2TIUwL5XZQTDNhOHndqcmFl0x3bgEw==","signatures":[{"sig":"MEUCIBamipJh9VOcpMQt9sxEX6TDUt2KrCKs0SuPGi5p15dSAiEA8wfByq2S6KHshVGHP2b+BddwcLsy51+e5bVpunsw5fM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.2a9697dc5.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.2a9697dc5.0_1688163183471_0.2958570506852434","host":"s3://npm-registry-packages"}},"15.0.0-canary.0c52adeab.0":{"name":"@material/rtl","version":"15.0.0-canary.0c52adeab.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"80992f6b7511522951c6b6008502cdf0fa802d36","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.0c52adeab.0.tgz","fileCount":16,"integrity":"sha512-1cKk0JCNi9Xs7tWfwo/6qCs8HsNghxOgMlswtxwLOGV6fcoimxlYkKmKrOjM3G1gePCgalMprqrSBi52b6STRg==","signatures":[{"sig":"MEUCIQC+yluFnTuD4lVP+b8h6v+T+DEWcb8+Ic7thggHfZvMWQIgHGdXd4F/6vClbyJBnjcu0y7e92cGljGjxrCCd15XXVI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.0c52adeab.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.0c52adeab.0_1688574288721_0.8917602552141366","host":"s3://npm-registry-packages"}},"15.0.0-canary.83355c322.0":{"name":"@material/rtl","version":"15.0.0-canary.83355c322.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f4959d12a4cb7a8e6d36778a6a68fa464b7cc3e5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.83355c322.0.tgz","fileCount":16,"integrity":"sha512-ZOb9L00NFDEBTD5KjVzzXBXcAMc5rQ0MfyPL8O17zUvDQKuXaoemDKRTKGWVeAchyR2qm1u0gW69JRxr347ROw==","signatures":[{"sig":"MEYCIQCWdVw1u5/9Ng5MXdk1n82ve1uf7JT7LLc4NqXni3VCIQIhANWf55QAcJkPdW+Wuo6PyE1yyoqqsugekUa8sAjuFj29","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.83355c322.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.83355c322.0_1689001455463_0.5833716647397911","host":"s3://npm-registry-packages"}},"15.0.0-canary.bc9ae6c9c.0":{"name":"@material/rtl","version":"15.0.0-canary.bc9ae6c9c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a9ba66d0cec2d1d38892d3e9cb65157fcf012dfa","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.bc9ae6c9c.0.tgz","fileCount":16,"integrity":"sha512-SkKLNLFp5QtG7/JEFg9R92qq4MzTcZ5As6sWbH7rRg6ahTHoJEuqE+pOb9Vrtbj84k5gtX+vCYPvCILtSlr2uw==","signatures":[{"sig":"MEUCIEuu67hh3Q5VcIX5T925GW5y5UYM+lwFnrgbj9D1dW7GAiEAv12a24u4Cqllhzy7bC9A3cU+pFu/9TpUIXYKxb/nrc4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.bc9ae6c9c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.bc9ae6c9c.0_1691097547235_0.31077351375603923","host":"s3://npm-registry-packages"}},"15.0.0-canary.3c44cd956.0":{"name":"@material/rtl","version":"15.0.0-canary.3c44cd956.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"230c5f42e9f9ca3402cad61e8d8936556dc52c62","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.3c44cd956.0.tgz","fileCount":16,"integrity":"sha512-mIcEaSeeU9+pEpymyIG/8EKhT3Ha7g167GZqL3ZawU1aw5oZJ2IvygnyvBEq29dBQ8a/9FYTHH3h/ObKDbQEXg==","signatures":[{"sig":"MEUCIGwaksNWyBe1KAlWHOP2Y3GEDFdDtF9WW627gwu9nOAWAiEAscS/GdpEwyCgaAtUBzrn/MMwtiQwzK9xTipVJUxGptA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.3c44cd956.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.3c44cd956.0_1691430373509_0.2944468387751573","host":"s3://npm-registry-packages"}},"15.0.0-canary.02702296e.0":{"name":"@material/rtl","version":"15.0.0-canary.02702296e.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d53a491992a5125b33ca0bd0e6e57d9ffd4b87a6","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.02702296e.0.tgz","fileCount":16,"integrity":"sha512-NpVNsjPIIgUaO++r9MqzBaV7jyjZCn3v7B0WJIKXm4z7iIs49gVOn05jpV5VmYESbsh4FZXkz2tZhpz3+fVmkQ==","signatures":[{"sig":"MEYCIQCRU+vu0hUXjXP09YOC8TknnthqoSbQzizkTVGZra2W5gIhAJK9HSbRrNN6TQ8dUIOnwoH9nTHeTkFdzT/vX+tm0vbV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.02702296e.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.02702296e.0_1692965039499_0.6454782124556038","host":"s3://npm-registry-packages"}},"15.0.0-canary.872b65832.0":{"name":"@material/rtl","version":"15.0.0-canary.872b65832.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"09ab348d2845fe059d51880dc77a15ba5fa4557b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.872b65832.0.tgz","fileCount":16,"integrity":"sha512-tsaivqWnBOadlbHiXcU3KwKAmlVJ99FmIPYKomvIwc7d02bxDZlXXFNdcAKkE+5MgJx0st36SE58KFTE4/eybQ==","signatures":[{"sig":"MEUCIGqgv910EJWM1YfVu0bokLmglkDSxD3QOtDiEqn01RpNAiEAx/GX9WD7fI1YWLJpkB2+U8CaMeYpv3doTgtPJqQVP5c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.872b65832.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.872b65832.0_1693397521156_0.2582857882569516","host":"s3://npm-registry-packages"}},"15.0.0-canary.89b2e4122.0":{"name":"@material/rtl","version":"15.0.0-canary.89b2e4122.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"da0582cc07fe0abd9ca75f4d40d9f8044925afcc","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.89b2e4122.0.tgz","fileCount":16,"integrity":"sha512-P8NLGjS1G4++lQHt1KVLSJMgpF7LwUoFFo0bcSwJgImblOGiDL55mYFTyVPP7791iRIEB8IKoMyaS7BvgIoyXg==","signatures":[{"sig":"MEUCIBKZc2oPULZKadeLp1PK9IYnr78aAZU8UWzL51C8YVJTAiEA2QxdKk1qyUXaVs7ERoU0szktOheMevEgcQHFLmzw/BE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.89b2e4122.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.89b2e4122.0_1693497944727_0.810245080754405","host":"s3://npm-registry-packages"}},"15.0.0-canary.7a3942e7a.0":{"name":"@material/rtl","version":"15.0.0-canary.7a3942e7a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"73539a87e134e4990345fad2425c78b1ed58b7af","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.7a3942e7a.0.tgz","fileCount":16,"integrity":"sha512-HeA2OvKtL8Ae4A1SxgLPWqefhKbDlzs5oTpf/7d2+dx4KFXn2Mp7zBHKBUF/WTTdveSMvkP3VObq9HGwDpoqGQ==","signatures":[{"sig":"MEYCIQC4kk6Oh9akyBQ/4tFJ6oISG4yt7Zj6JcPq+usZqpOj/wIhAPeWlOEb9KFFXRH8eIXDAzSnrazAzyWAMNtDRrm4G6Hj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.7a3942e7a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.7a3942e7a.0_1693507104044_0.4805573127705418","host":"s3://npm-registry-packages"}},"15.0.0-canary.54feb3020.0":{"name":"@material/rtl","version":"15.0.0-canary.54feb3020.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"441484c4aa5d053f351e39c656908917333cf708","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.54feb3020.0.tgz","fileCount":16,"integrity":"sha512-PVKHxMlbY4ZtuDrtZBDYt5ZU0ugivoJoMGCH6x8RqvDIaSsS14g8oIymnRXv8zE1yQltIoZwdYs7mhZJC3r8Bw==","signatures":[{"sig":"MEYCIQCYok8amdAfML0y1op8dFSjD9U+0cV29dKE/Ym0GyoxDwIhANbasVJrKzhqjOISFNvG8VxDr/sj+uZn780xYQXxS5wR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.54feb3020.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.54feb3020.0_1694466236389_0.17271589813234467","host":"s3://npm-registry-packages"}},"15.0.0-canary.6cda3ce8d.0":{"name":"@material/rtl","version":"15.0.0-canary.6cda3ce8d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a2cc62a0022e593909b4048f9c034da443a47eea","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.6cda3ce8d.0.tgz","fileCount":16,"integrity":"sha512-Sv6hOvjEtqgr3z6paPFpfKUGnTVjFOQjeN4oOEYMAO1zfotFu1hLBhFCIaGmKjBq32T9/3IDKlFqluk8wasETA==","signatures":[{"sig":"MEYCIQDeWyzMFICG0iz7DMzp+MXM6NE0LjX2YdPbTbCvc4NC3AIhAMZwzgtXNpf4Dk4dzhpLhUqjOlN+KmtZn4cmlbV2fUjA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.6cda3ce8d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.6cda3ce8d.0_1694483041126_0.9219929913570137","host":"s3://npm-registry-packages"}},"15.0.0-canary.205b20b36.0":{"name":"@material/rtl","version":"15.0.0-canary.205b20b36.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"d5daeb29a7c636c6479881df3a54987bea47f67c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.205b20b36.0.tgz","fileCount":16,"integrity":"sha512-ief9OkKWeRdvc/3VHNSzF+Ibwy4aQt86Y7cstZZSKRCwRU9qe86Fg3qG9JvgXb/Yfp1+i9l2dl2YXlNNwkr90Q==","signatures":[{"sig":"MEUCIQCJNimI1FIhn08Y3qcIApO65SxXEUUjaib1RfNbwGEb1AIgaJCHMQrDwpaXUJ8RPZfktlgQFBN/WEE4MElDgZYZeIs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.205b20b36.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.205b20b36.0_1694625315401_0.5869639878202759","host":"s3://npm-registry-packages"}},"15.0.0-canary.22bf82024.0":{"name":"@material/rtl","version":"15.0.0-canary.22bf82024.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a729294e60e445a844f5a2ddb8a155e9a0170ce0","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.22bf82024.0.tgz","fileCount":16,"integrity":"sha512-8zHObG7TLqWISWR7MOpjJK9W22HvXMhPbR0ykPR7XGZbSWxMgzbwIiINb1R3WBIotQhB1C3h/rZD7Hy8GxMKUQ==","signatures":[{"sig":"MEYCIQDeDnd+7tJe06u75ehcR2mWH+pvSyaC5ozaq2SUeC9oLQIhAPdUdpJts0TN7Ldhz7t2oLu1a7YF907U4lmXWp+Ka5NE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.22bf82024.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.22bf82024.0_1695028258117_0.44637874541525613","host":"s3://npm-registry-packages"}},"15.0.0-canary.a246a4439.0":{"name":"@material/rtl","version":"15.0.0-canary.a246a4439.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"31ef4971ad1b82c791acf62b412206e093048351","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a246a4439.0.tgz","fileCount":16,"integrity":"sha512-pgJFw8ZRpWGpwv7ZuBTJ+WdNmFBKoLVoMbbxKQWTHXVwhAqn3aoIq95o62T5QeEG/+sguNShdquG45CpAMmSRw==","signatures":[{"sig":"MEQCICKi5aFI57oWgVIMnWZLEghUu/YEJcr1qb5gzw3yUOu+AiAWnLGgZcPOT16hiSiyCzQvEEWahzB4fQkOXnL4mLVa/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a246a4439.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a246a4439.0_1695059081171_0.9209248444285556","host":"s3://npm-registry-packages"}},"15.0.0-canary.d153db62b.0":{"name":"@material/rtl","version":"15.0.0-canary.d153db62b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"00f5519ce121448730a81058681b2edce7c88faa","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.d153db62b.0.tgz","fileCount":16,"integrity":"sha512-LRuAutavg2o9a3P0/DqbYxLKgzaKk0WIZYfpzUXscb8nYtypbwMlEkmUan8icOsF20WvR09+vW6mBjrBL793xA==","signatures":[{"sig":"MEUCIAGh55njoXeKTJ69xEYZ4pfT3m+Z3oBbYHNedeyfMg+AAiEA7JupJrcfgR6wtwkls6JfeHtlTQ4cN/093Hvbac7p4qk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.d153db62b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.d153db62b.0_1695150827620_0.6193462100511695","host":"s3://npm-registry-packages"}},"15.0.0-canary.2528c1c3b.0":{"name":"@material/rtl","version":"15.0.0-canary.2528c1c3b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"07988a79fddd18847de5b0f0263b9b6450fe7ade","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.2528c1c3b.0.tgz","fileCount":16,"integrity":"sha512-n0v5tvirj+N+LnptE7RKmP1JrfFU5XFASIXNg9h3qHXXPC/M9lm1NFadaRaewH5sYzozbdF0AVKld3yh2GURAQ==","signatures":[{"sig":"MEUCIQDynBxvx+z5rIg8mtgXVRhshQFKG+CpqnmWn/aJSnAGmQIgUkCKnfPqEHyA5DL3LaR006FpkG0mnaMgDwyyieeSr7o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.2528c1c3b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.2528c1c3b.0_1695233117790_0.9386640832361219","host":"s3://npm-registry-packages"}},"15.0.0-canary.1728a6dcf.0":{"name":"@material/rtl","version":"15.0.0-canary.1728a6dcf.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"325b7b88b5c661a714f4d4e756225980c86e6a31","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.1728a6dcf.0.tgz","fileCount":16,"integrity":"sha512-eEtw8PABjO9IEM9FyrqHS5BDDbCBGtMUth+Sq/0HM8JuSD14hU/pyS4qzW3SGp8u6BC8NShjGAivw+PteEHdIg==","signatures":[{"sig":"MEUCIA6UKI8SLPIlwOqUdXJ5ADsQ1cbcK5k7E98E+lTHOWWHAiEA91rs27sfCjiEzxySDtfaX5ndwvFiXbcFaQ72dGIS6Us=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.1728a6dcf.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.1728a6dcf.0_1695691319762_0.44865877525189024","host":"s3://npm-registry-packages"}},"15.0.0-canary.ebb636f3d.0":{"name":"@material/rtl","version":"15.0.0-canary.ebb636f3d.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"4f9be059547bb87fad4c9678868adb78b61bd26c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.ebb636f3d.0.tgz","fileCount":16,"integrity":"sha512-1kSfunVBcuesqkmz+g3FKX/F9XlgpOka/OJreg++JCapDoEu+1CGDG6flsEW03NpTMP51U8MrOH0BLcSybV3NA==","signatures":[{"sig":"MEYCIQCyb+nMwCPazbhO5IXT92XdHQq1iCrEpj+QngpfgiCesgIhAK1P9YwKspb45+GSx6hY93rpe/ytp++/xK4cT10DJdOj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.ebb636f3d.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.ebb636f3d.0_1696016610690_0.7554555380357915","host":"s3://npm-registry-packages"}},"15.0.0-canary.c0d21ecc9.0":{"name":"@material/rtl","version":"15.0.0-canary.c0d21ecc9.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"f0ba97422bbe127bdf3923d1ff12cd5ccf0efaba","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.c0d21ecc9.0.tgz","fileCount":16,"integrity":"sha512-0VKsxLWuQ4/d15SfpDzAsyFkwgCb2N8qLweS078PL8BFuIFA+8l9Z6Lij7szfKhU4+EeFNo31r+o7D3Wmb/Ocw==","signatures":[{"sig":"MEUCIFxRZYamkKta8LCNso/siXBiLstiVRb2h1fBVZwc3llUAiEAojaiCmGDM2CKZawPDhMRVy74jRgl2YlkdPb3i+E9fD8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.c0d21ecc9.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.c0d21ecc9.0_1696880151165_0.28260401566932214","host":"s3://npm-registry-packages"}},"15.0.0-canary.127a44b28.0":{"name":"@material/rtl","version":"15.0.0-canary.127a44b28.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"bc27f3b79a6523b4e2a3d88dc3b603c1de94ea7b","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.127a44b28.0.tgz","fileCount":16,"integrity":"sha512-pCCyQGqbbFwYl8S7KE640cpIW9c4JWPd/alLFpOL6WT1QJDhY4OVds6dkTupMmNGGsPrb7SBdQkH3MBWyKSXew==","signatures":[{"sig":"MEQCIFZjvWAQYRD4C4a/uMkjd8vKt/yJOX6yU0RuZWAkeTjpAiBdrqMWjlRwoaQL8cfKU7YAhmFL/MsO1bH4LxQVDHtWGA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.127a44b28.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.127a44b28.0_1697140730758_0.9778791277851335","host":"s3://npm-registry-packages"}},"15.0.0-canary.0ad128337.0":{"name":"@material/rtl","version":"15.0.0-canary.0ad128337.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"8645fd0a09d9b1c7275804abcfdeddcdc4ce52b8","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.0ad128337.0.tgz","fileCount":16,"integrity":"sha512-FD9YyRkOS8CcjIpjcYJ0QdKDuNqd0tgeNHe6yA5Rx+l7z47rX1La0NhFo2pgL4RYEAAmRZaxXdQAwG50mD4xJw==","signatures":[{"sig":"MEUCIBeJD7di7E1zop/nFKHMWwGCoWlp5LTwEnp9FvN6pXU9AiEAyBxay5LBTFme36gBP+RCwvflc7gxTILopDAfTQ1uDe4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.0ad128337.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.0ad128337.0_1697741446010_0.15258933211668335","host":"s3://npm-registry-packages"}},"15.0.0-canary.9cec94097.0":{"name":"@material/rtl","version":"15.0.0-canary.9cec94097.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"33b5d8b4a8614388492415120985c708222b6a55","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.9cec94097.0.tgz","fileCount":16,"integrity":"sha512-dw9LQ/thKZYAvMKQCEpSRZNo0vVdzjy5W21TgD4wLk7arrh1LdTS+cGKCbm7Zj8GcT0+HrYOhqjySQJ6YI4WpA==","signatures":[{"sig":"MEUCIQCrrgk8/fkyCDxTDYLZQxF8I776442pSp+X0BpDnjiOWwIgExSDgFiN8npOoQ375K3/Sq5s1/wT4UGSb6lV328/lA0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.9cec94097.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.9cec94097.0_1697756905223_0.6304873219773377","host":"s3://npm-registry-packages"}},"15.0.0-canary.c51a0bbcc.0":{"name":"@material/rtl","version":"15.0.0-canary.c51a0bbcc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"b1a3816cb92604030294005b625ca109573f54bf","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.c51a0bbcc.0.tgz","fileCount":16,"integrity":"sha512-gQxSI+B2NxFbMlnJva1nKT9uHWGstdvTdv6PfY6qhgFpgFICkq7L92W5bfnOvD/ZG5in37+vUEJDp2NlGdVOJg==","signatures":[{"sig":"MEUCIQCr8PW0qPLCfoG6hD7G/6f5vxL+O6zbjPcV5tErd830WwIgWPww6j+PGGxxPH9MP/SkmaIPxlomFqEI9HoYLGsS6DY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.c51a0bbcc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.c51a0bbcc.0_1700081888111_0.7954077113485594","host":"s3://npm-registry-packages"}},"15.0.0-canary.d76666ad4.0":{"name":"@material/rtl","version":"15.0.0-canary.d76666ad4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"02c919669f063e07ea5980a45995378bc7662737","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.d76666ad4.0.tgz","fileCount":16,"integrity":"sha512-JBl2taHe/yTn52s0MWlNQcBoc6nC/p3bmML4tMBccM8PKji1YdQ2w96D2SmbxTmy90TRtN6nuXizjz0sz1B5Vw==","signatures":[{"sig":"MEUCIQCwYTRUMN7SrDvrjWqS7QFzYBC+o7r49cPLBN0jEHlvoQIgX8fw3ZU2CP8SV582JELQpmMeezHRr17kb8PvAWr0e70=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.d76666ad4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.d76666ad4.0_1701123152864_0.8477999038606321","host":"s3://npm-registry-packages"}},"15.0.0-canary.8656bf0e0.0":{"name":"@material/rtl","version":"15.0.0-canary.8656bf0e0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"fa226ba6afffd12e3ca1d7bc68957c04d52d0978","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.8656bf0e0.0.tgz","fileCount":16,"integrity":"sha512-lPCT7ULdfKV1B84PWiddS3N8RDqHKJN36bKg9Rvo5mXN+/NCnQEhn1zhUXi8HMwWnilI/zlOS1w6vNWOPscwRw==","signatures":[{"sig":"MEQCIAty7fnAtos3BEHZ19/S56vU1RTfYLROgjKIotTi8MmkAiBNfEUOwvFfbZCiQwwWKs3McTg+rjdTCipglYV9uiJlMw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.8656bf0e0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.8656bf0e0.0_1702415882055_0.7933847121990221","host":"s3://npm-registry-packages"}},"15.0.0-canary.7f224ddd4.0":{"name":"@material/rtl","version":"15.0.0-canary.7f224ddd4.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"25cf5447c2f59eea80bdb83a71ab19f15ff32e3d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.7f224ddd4.0.tgz","fileCount":16,"integrity":"sha512-UVf14qAtmPiaaZjuJtmN36HETyoKWmsZM/qn1L5ciR2URb8O035dFWnz4ZWFMmAYBno/L7JiZaCkPurv2ZNrGA==","signatures":[{"sig":"MEUCIQDrpkFI5TvgQjN5cCA8OB7UpWtaJFbd1cZsr/jiKoxM4AIgdQbrXZu3hH4K0bTYKcCBknhjdZmIU58ZrOLQWwruBz4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.7f224ddd4.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.7f224ddd4.0_1703743709087_0.29230726829037845","host":"s3://npm-registry-packages"}},"15.0.0-canary.a0b8a90c0.0":{"name":"@material/rtl","version":"15.0.0-canary.a0b8a90c0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"60914f16bfad48538385b063fe5ce7ad544d798e","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.a0b8a90c0.0.tgz","fileCount":16,"integrity":"sha512-GhucSrHPV18uI9W4Pq0pO7KH371sHQemRca6NTadzBS3KYIro/odoD4fvemSuF3eCkJ3+iXKUjCS8OOsBzElXw==","signatures":[{"sig":"MEYCIQDsakfRKeFF9qAEJcQ/Q55pi5iMtqt5jT5eLWSZ4+68VgIhAL+F0r10uj3St9UH/S+90euBTIvxg8ciWFk1YFQQ7WfN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.a0b8a90c0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.a0b8a90c0.0_1707333531665_0.3554438496404262","host":"s3://npm-registry-packages"}},"15.0.0-canary.e50b478eb.0":{"name":"@material/rtl","version":"15.0.0-canary.e50b478eb.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"9e42d95a412796b3cb00374a1a11c4de213fb28c","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.e50b478eb.0.tgz","fileCount":16,"integrity":"sha512-xybsW2+Rm5Bv7z3Dah0OIyfObLUDEpdnoHLwIhEuve1U4ZAXK4ii46uqnhOuyzWZ2KJk8srCl6iPzJ1TXag/uQ==","signatures":[{"sig":"MEUCIF30PVmXQlRv+eOwCPpZPqP9YndfHoSbBa7W5vc6a2ZDAiEA15cMFYzzh2sJbD/UhkQL3QB1wl9lAKv5HsAOU40PXXo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.e50b478eb.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.e50b478eb.0_1707415639386_0.08917631283460037","host":"s3://npm-registry-packages"}},"15.0.0-canary.c43b3438b.0":{"name":"@material/rtl","version":"15.0.0-canary.c43b3438b.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a6a32971345223bcb0364c38f986848110980646","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.c43b3438b.0.tgz","fileCount":16,"integrity":"sha512-GokW9mD5lYBvkksaxww7XvnLpzjIsHpRgvqIO1aZdMMT9qrYZrwD3cGQDz8Cpy4CF9xAi3VW92BOblDE4sLPCQ==","signatures":[{"sig":"MEQCIHFXsR34g9rtUNFXzwJrp+M8t3x3ae1mcwsWXUNfDJVkAiBgQ9TAAKcBZcRJnI4FhMNIh/DuqEzghqZzaveiJU3obA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.c43b3438b.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.c43b3438b.0_1708719413834_0.027259311559616917","host":"s3://npm-registry-packages"}},"15.0.0-canary.819498d8c.0":{"name":"@material/rtl","version":"15.0.0-canary.819498d8c.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0bf6b98ad60fea943af636fe7dc4381ffd0c7502","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.819498d8c.0.tgz","fileCount":16,"integrity":"sha512-y1bGD00pu4or7zw4I9rVy7uGwVY9blPEG7tZRPogS2H60I0sx/rj9/KiVGNzMTHjEivn+qvm7TLMc1vyDUjEMw==","signatures":[{"sig":"MEQCIHhs7I6N4Yi6LpDMSssA1zFi2WKL6ma3YjfzYPWrZJOpAiBFvgpfd1+nTXrFGbmf7vZbtGn7guD+lzNNAubd4eytoQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.819498d8c.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.819498d8c.0_1710515640260_0.97579922117775","host":"s3://npm-registry-packages"}},"15.0.0-canary.453a6248a.0":{"name":"@material/rtl","version":"15.0.0-canary.453a6248a.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"5234c97d275e97153853b7d1b4e5136c5c25d852","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.453a6248a.0.tgz","fileCount":16,"integrity":"sha512-gyLONu/WrBhOj7K1YxHMzsUkOwHzjnAQDOCT89w+KTAiwk/t6pm4FuFMBjTT77Koxd5QOo7ZwabyXQl3V1zzCw==","signatures":[{"sig":"MEYCIQCG6DnprxL8p4rMo5AILptJIlYjsft1EpAGV1H9Ag5J2QIhAO0tZN6KpGirnTxOyMzEQjv/J6GXmx1BimeQdS4V40I8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.453a6248a.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.453a6248a.0_1711386775002_0.9019406648262736","host":"s3://npm-registry-packages"}},"15.0.0-canary.68edc03c6.0":{"name":"@material/rtl","version":"15.0.0-canary.68edc03c6.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"1e7d8263d12550e7fa1545b8e3884d08f783c8bb","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.68edc03c6.0.tgz","fileCount":16,"integrity":"sha512-YYj2xEtMi1wzkvw5SbK5s1ON0a8SjxpSfdV3LBgGFbDX4X+UU95iDz/VQFIZ6tqrrgZ6M7tGXzFsfU8XI3Vqgg==","signatures":[{"sig":"MEYCIQCkBtDcStuYC2nKepmCDRYtfjxUka0vxlWPKRHbhTmQ8wIhAPKcWRIIIvIgWvUpU7BWdx90FhyLxovk2+opF6B+x7qG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.68edc03c6.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.68edc03c6.0_1712603100566_0.08170769680666723","host":"s3://npm-registry-packages"}},"15.0.0-canary.5bebc0064.0":{"name":"@material/rtl","version":"15.0.0-canary.5bebc0064.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"6e9730ea5ec8c0d2200b89efafa626f0443c7fc5","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.5bebc0064.0.tgz","fileCount":16,"integrity":"sha512-dN2f4A9Bs3Bm6My6cZI/iL7tHr5fPCtQY27h23RZXs9TgsV52OHYsKMQep9lhX0J3p4N0ylcCbX+HLUrQFIX1g==","signatures":[{"sig":"MEYCIQDihNdwbB3MxCjRR5t2fXHDE3Xvn2ga8VBZKhK+zBH+ZAIhALmWbPCN7Cys/0EwwsZGiGOKKVzBy8lXhRzTI1XhbSDK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.5bebc0064.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.5bebc0064.0_1712871562569_0.7777803941135917","host":"s3://npm-registry-packages"}},"15.0.0-canary.311f29a60.0":{"name":"@material/rtl","version":"15.0.0-canary.311f29a60.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"e5e2ecc315464c9f58b24cffa97ed1f7f128b8a1","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.311f29a60.0.tgz","fileCount":16,"integrity":"sha512-ZTfPpu0kZmQTAkJgK8CNyA9mbUD+Ye+OokzwCr1xgY0op8CGFc56h7l2labqd/bGkCLa10Oj/QwECVxwSpcWhQ==","signatures":[{"sig":"MEQCIBJSF/QMZYKMGKLfBc5uGaY0+5RhjAjXYIQX4k24U82tAiAUQ3/FZaVBwQcl9Hpk87YsErigGHCPzX9YpYEbYjNV2w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.311f29a60.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.311f29a60.0_1713895131587_0.6175893584192698","host":"s3://npm-registry-packages"}},"15.0.0-canary.65c10a622.0":{"name":"@material/rtl","version":"15.0.0-canary.65c10a622.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"3e0f910f168d335d411641531305a103e1ceb905","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.65c10a622.0.tgz","fileCount":16,"integrity":"sha512-f0KTH9teUMqnP58wWzm4vmw29CgU7wAcXU6rc2ER2FQXe099LxF8SRE54QhLssPGHUJ+7P07tOQkHkDZ2n5y1Q==","signatures":[{"sig":"MEUCIHzHwYu7Jko048b85H+6uLeDa0Znu9v6cI4gfWx2/FtSAiEAsCVIAZ+EfNpDDVwtbewI3Q1LQBD4svZYsU4expst8LY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.65c10a622.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.65c10a622.0_1714070877828_0.26755668822687206","host":"s3://npm-registry-packages"}},"15.0.0-canary.4b35cb7d0.0":{"name":"@material/rtl","version":"15.0.0-canary.4b35cb7d0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"0f2e553634beec1d45faff8a6b63c6520560acde","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.4b35cb7d0.0.tgz","fileCount":16,"integrity":"sha512-6jFttjJNgRaXC177VtJj3Whzqke2h3N1elIdKs0CGYzOBBGPhIc1dTjllG5pRVpv+F07WKS+13y/6/1staUBBw==","signatures":[{"sig":"MEQCIBDkhrkcyBMrs96CvyDMnsuOFeujUd237K+DkxFYXWP7AiBuRNWHxksgnEQ1X9pgjHXlozY6aTVxKz6YsXHfdfxsYw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.4b35cb7d0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.4b35cb7d0.0_1714651324610_0.8329819323721153","host":"s3://npm-registry-packages"}},"15.0.0-canary.f80ac92b0.0":{"name":"@material/rtl","version":"15.0.0-canary.f80ac92b0.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"43684c14e1d9a51e67b0cc47b60d5f48ab189ef9","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.f80ac92b0.0.tgz","fileCount":16,"integrity":"sha512-9TavC/qwy0Bf4W1rw0QJ5GMrXJGsE0qDwpavZUo4SbGIo3mxZqWTtVJ9oY4zzWIuafbyDVfHcz1/aBFv4s8lJQ==","signatures":[{"sig":"MEQCIB0W4eW17KfmEC1ejjvKR0aA1wpiFJhElAWm70s3rzV5AiAN/8iol6YPMzyhLS/q4xVRDDPLZVVrrruDSQ17fFPe/Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.f80ac92b0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.f80ac92b0.0_1714651948535_0.6325478305461214","host":"s3://npm-registry-packages"}},"15.0.0-canary.2f5b899bc.0":{"name":"@material/rtl","version":"15.0.0-canary.2f5b899bc.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"986aa8b256c85b253f064bb691dd9f76d526819d","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.2f5b899bc.0.tgz","fileCount":16,"integrity":"sha512-4zxEpLsZaYEL6hbphHtBafegAN28++R0KZNcbY+NEfbu4NhCGy1BCjBfjBt/lPKvAQ9o6f/zilPy4fANtrkgmA==","signatures":[{"sig":"MEQCIALQpYNPy3FcOhU7Q26g8SI2jA/39PaUf7QCW+3kzCtXAiBrY0FtOJ/N4/YQfbrN7aKD0q33CfC5oLezI5xVCs/ptw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.2f5b899bc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.2f5b899bc.0_1716213243987_0.2053554394202992","host":"s3://npm-registry-packages"}},"15.0.0-canary.cfec83c74.0":{"name":"@material/rtl","version":"15.0.0-canary.cfec83c74.0","keywords":["material components","material design","rtl","right to left"],"license":"MIT","_id":"@material/rtl@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":"a42f2064251240d7f9bee568abd4d44cd89d8add","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.cfec83c74.0.tgz","fileCount":16,"integrity":"sha512-6+KLWjElUcCxZ4A7w54UKYZm4ZXXgUGkXbDINwOPKh9jM1NAkiuyat8Y0Zu56JPyXtXb3WKhgwIzxQ3vGLXrzw==","signatures":[{"sig":"MEUCIQCxTYrYoyJkubZ7E7d/ZL3SsuGGf7V2UU3Ab8Y4OrtQDQIgUtvXNJDF7onCgFGI8BvnC+GrkdWRwGTE9lqxUbjys88=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":21848},"readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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-rtl"},"_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","description":"Material Components for the web RTL Scss helpers","directories":{},"sideEffects":false,"_nodeVersion":"14.21.3","dependencies":{"tslib":"^2.1.0","@material/theme":"15.0.0-canary.cfec83c74.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/rtl_15.0.0-canary.cfec83c74.0_1716231364859_0.8699909218986159","host":"s3://npm-registry-packages"}},"15.0.0-canary.423edc3dc.0":{"name":"@material/rtl","description":"Material Components for the web RTL Scss helpers","version":"15.0.0-canary.423edc3dc.0","license":"MIT","keywords":["material components","material design","rtl","right to left"],"sideEffects":false,"repository":{"type":"git","url":"git+https://github.com/material-components/material-components-web.git","directory":"packages/mdc-rtl"},"dependencies":{"@material/theme":"15.0.0-canary.423edc3dc.0","tslib":"^2.1.0"},"gitHead":"19b2c5a95782b4928b3aecb29a1075c42aee53e5","readme":"<!--docs:\ntitle: \"RTL\"\nlayout: detail\nsection: components\nexcerpt: \"Right-to-left and bi-directional text layout via SCSS helpers.\"\npath: /catalog/rtl/\n-->\n\n# RTL\n\nUIs for languages that are read from right-to-left (RTL), such as Arabic and Hebrew, should be mirrored to ensure content is easy to understand.\n\n## Design & API Documentation\n\n<ul class=\"icon-list\">\n  <li class=\"icon-list-item icon-list-item--spec\">\n    <a href=\"https://material.io/go/design-bidirectionality\">Material Design guidelines: Bidirectionality</a>\n  </li>\n</ul>\n\n## Installation\n\n```\nnpm install @material/rtl\n```\n\n## Usage\n\n### Sass Mixins\n\n`rtl` is the most flexible mixin, because it can work with multiple CSS properties. All other RTL mixins logic could be engineered by only using `rtl`, but we provide these mixins for convenience.\n\nBoth `reflexive-property` and `reflexive-box` work with one base box-model property, e.g. margin, border, padding. But `reflexive-property` is more flexible because it accepts different left and right values. `reflexive-box` assumes the left and right values are the same, and therefore that the box-model is symmetrical.\n\n`reflexive-position` is the least flexible mixin. It only works with one horizontal position property, \"left\" or \"right\". It also assumes the left and right values are the same.\n\n| Mixin | Description |\n| ----------------------------------------------- | - |\n| `rtl($root-selector)` | Creates a rule that is applied when the root element is within an RTL context |\n| `reflexive-box($base-property, $default-direction, $value, $root-selector)` | Applies the value to the `#{$base-property}-#{$default-direction}` property  in a LTR context, and flips the direction in an RTL context. **This mixin zeros out the original value in an RTL context.**  |\n| `reflexive-property($base-property, $left-value, $right-value, $root-selector)` | Emits rules that assign `#{$base-property}`-left to `#{left-value}` and `#{base-property}`-right to `#{right-value}` in a LTR context, and vice versa in a RTL context. **Basically it flips values between a LTR and RTL context.** |\n| `reflexive-position($position-property, $value, $root-selector)` | Applies the value to the specified position in a LTR context, and flips the direction in an RTL context. `$position-property` is a horizontal position, either \"left\" or \"right\". |\n| `reflexive($left-property, $left-value, $right-property, $right-value, $root-selector)` | Applies the pair of property values to the specified position in a LTR context, and flips the direction in an RTL context. |\n\n**A note about [dir=\"rtl\"]**: `rtl($root-selector)` checks for `[dir=\"rtl\"]` on the ancestor element. This works in most cases, it will sometimes lead to false negatives for more complex layouts, e.g.\n\n```html\n<html dir=\"rtl\">\n  <!-- ... -->\n  <div dir=\"ltr\">\n    <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n  </div>\n</html>\n```\n\nUnfortunately, we've found that this is the best we can do for now. In the future, selectors such as [:dir](http://mdn.io/:dir) will help us mitigate this.\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/rtl@15.0.0-canary.423edc3dc.0","_nodeVersion":"14.21.3","_npmVersion":"lerna/3.20.2/node@v14.21.3+x64 (linux)","dist":{"integrity":"sha512-dk2up/uPovlPeAPV/F4v80mK+uDRUz+XvALv2JbM09mnIkRPmmHzFZ7lwGDv4qPoW59sFcRJI6G2Jhp5kVT/qg==","shasum":"8437a56468604734ccf5487b9cf2f41669480135","tarball":"http://repository.ncinga.com/nexus/content/repositories/npm-js-registry/@material/rtl/-/rtl-15.0.0-canary.423edc3dc.0.tgz","fileCount":16,"unpackedSize":21848,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBgpoIzjQ6nQVylzF8q0TxFzllfW8H46KB6oju3rAGBdAiEAhDrF1sCug/Dv4r9lk/k2Ctbb3XijVSGnvZHwwZKtHjQ="}]},"_npmUser":{"name":"anonymous","email":"abhiomkar@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rtl_15.0.0-canary.423edc3dc.0_1719425498521_0.31642295859761194"},"_hasShrinkwrap":false}},"name":"@material/rtl","time":{"created":"2016-12-15T17:51:30.053Z","modified":"2024-06-26T18:11:39.176Z","0.1.0":"2016-12-15T17:51:30.053Z","0.1.1":"2017-01-23T16:49:44.186Z","0.1.2":"2017-02-21T17:27:41.588Z","0.1.3":"2017-04-18T14:51:26.922Z","0.1.4":"2017-05-15T16:26:09.757Z","0.1.5":"2017-06-12T15:53:23.810Z","0.1.6":"2017-06-26T16:11:02.407Z","0.1.7":"2017-07-24T15:49:25.460Z","0.1.8":"2017-09-18T18:35:51.449Z","0.29.0":"2018-01-22T18:31:00.941Z","0.30.0":"2018-02-05T22:02:58.641Z","0.33.0":"2018-03-19T16:40:07.949Z","0.34.0":"2018-04-02T21:52:02.477Z","0.35.0":"2018-04-23T22:41:38.142Z","0.36.0":"2018-06-04T15:37:34.675Z","0.39.0":"2018-08-27T17:40:02.790Z","0.39.1":"2018-08-31T21:36:00.446Z","0.40.1":"2018-10-08T20:53:50.339Z","0.42.0":"2018-12-04T22:54:36.880Z","3.0.0":"2019-06-25T22:27:41.404Z","3.1.0":"2019-07-22T22:02:21.128Z","4.0.0-alpha.0":"2019-08-07T21:09:02.609Z","4.0.0-canary.0":"2019-09-05T04:37:36.606Z","4.0.0-canary.1":"2019-09-09T20:20:28.640Z","3.2.0":"2019-09-12T21:53:28.524Z","4.0.0-canary.79d881baf.0":"2019-09-13T02:21:18.600Z","4.0.0-canary.e851d4f40.0":"2019-09-13T04:06:59.815Z","4.0.0-canary.905884690.0":"2019-09-16T23:47:55.009Z","4.0.0-canary.199534d61.0":"2019-09-27T18:57:30.861Z","4.0.0-canary.22d7ad2fb.0":"2019-10-15T18:56:59.592Z","4.0.0-canary.735147131.0":"2019-10-16T01:23:18.843Z","4.0.0-canary.062ade5c0.0":"2019-10-17T01:01:19.832Z","4.0.0-canary.774ad4f8.0":"2019-10-17T04:04:04.359Z","4.0.0-canary.5916d18c.0":"2019-10-18T20:08:14.387Z","4.0.0-canary.d4141c95.0":"2019-10-24T01:37:57.539Z","4.0.0-canary.2b878b3e.0":"2019-10-25T02:10:22.394Z","4.0.0-canary.b06c0efe.0":"2019-10-26T01:34:50.445Z","4.0.0-canary.01628efa.0":"2019-10-29T00:02:41.272Z","4.0.0-canary.b5c6d66b.0":"2019-10-29T17:56:20.107Z","4.0.0-canary.cdf858ea.0":"2019-11-01T17:58:32.827Z","4.0.0-canary.719b57e1.0":"2019-11-01T20:01:12.903Z","4.0.0-canary.97cbbdc2.0":"2019-11-01T20:28:48.371Z","4.0.0-canary.8e36b3b7.0":"2019-11-01T21:00:50.535Z","4.0.0-canary.62d3a09b.0":"2019-11-01T21:10:23.373Z","4.0.0":"2019-11-02T18:11:29.872Z","5.0.0-canary.b5eb51e94.0":"2019-11-07T18:33:20.366Z","5.0.0-canary.58500806e.0":"2019-11-08T15:35:18.223Z","5.0.0-canary.66299b646.0":"2019-11-08T20:33:24.228Z","5.0.0-canary.821871e04.0":"2019-11-08T21:27:52.652Z","5.0.0-canary.491fddc31.0":"2019-11-08T22:06:54.368Z","5.0.0-canary.b0cecf145.0":"2019-11-09T18:42:05.948Z","5.0.0-canary.afe0dd1bc.0":"2019-11-11T15:37:22.283Z","5.0.0-canary.b4cfdc40b.0":"2019-11-14T15:58:07.416Z","5.0.0-canary.525989b5d.0":"2019-11-14T23:30:31.284Z","5.0.0-canary.7084b403a.0":"2019-11-15T01:05:34.735Z","5.0.0-canary.3cbee6dac.0":"2019-11-15T22:32:28.974Z","5.0.0-canary.591a6ad44.0":"2019-11-18T23:48:11.707Z","5.0.0-canary.5729943ba.0":"2019-11-20T05:19:02.084Z","5.0.0-canary.e89750dc7.0":"2019-11-27T02:09:26.796Z","5.0.0-canary.3e560b33a.0":"2019-11-27T02:10:08.507Z","5.0.0-canary.7fd17ce5e.0":"2019-11-27T02:10:22.724Z","5.0.0-canary.ec729683b.0":"2019-11-27T15:54:29.455Z","5.0.0-canary.b8bc4a26e.0":"2019-11-27T19:16:27.316Z","5.0.0-canary.f978109c3.0":"2019-12-02T17:07:01.040Z","5.0.0-canary.ad9dfe706.0":"2019-12-03T23:17:40.447Z","5.0.0-canary.5e45d77f3.0":"2019-12-03T23:18:49.559Z","5.0.0-canary.d10e8cdf3.0":"2019-12-03T23:19:38.031Z","5.0.0-canary.a5dbd8a2a.0":"2019-12-03T23:54:38.669Z","5.0.0-canary.ba879b68b.0":"2019-12-04T20:22:20.987Z","5.0.0-canary.aa0eba489.0":"2019-12-06T01:58:48.837Z","5.0.0-canary.cb7b71a86.0":"2019-12-06T23:55:35.364Z","5.0.0-canary.50f110a6c.0":"2019-12-10T16:59:12.508Z","5.0.0-canary.878a08b7c.0":"2019-12-11T20:15:59.215Z","5.0.0-canary.397905b4e.0":"2019-12-12T02:46:55.715Z","5.0.0-canary.1fbf5bd1d.0":"2019-12-12T18:58:56.126Z","5.0.0-canary.b723dfa78.0":"2019-12-12T20:09:20.492Z","5.0.0-canary.1c494e567.0":"2019-12-12T23:36:24.147Z","5.0.0-canary.c9e98a125.0":"2019-12-17T18:09:20.169Z","5.0.0-canary.5ffe8f7e3.0":"2019-12-17T22:32:59.065Z","5.0.0-canary.47949b08e.0":"2019-12-18T17:40:12.899Z","5.0.0-canary.b240bcc1b.0":"2019-12-18T19:16:20.094Z","5.0.0-canary.391674a26.0":"2019-12-18T19:16:33.742Z","5.0.0-canary.c4837746c.0":"2019-12-18T19:34:29.388Z","5.0.0-canary.e41a70425.0":"2019-12-18T23:19:41.492Z","5.0.0-canary.bac43eb43.0":"2019-12-18T23:23:28.236Z","5.0.0-canary.2e491de55.0":"2019-12-19T10:49:22.095Z","5.0.0-canary.ae101c144.0":"2019-12-19T16:24:23.078Z","5.0.0-canary.a51c31f26.0":"2019-12-19T17:13:56.705Z","5.0.0-canary.21fc4e13b.0":"2019-12-19T21:26:45.701Z","5.0.0-canary.d2ae6e17d.0":"2019-12-19T22:23:46.468Z","5.0.0-canary.ba30399ad.0":"2019-12-20T01:09:20.985Z","5.0.0-canary.a08ccec35.0":"2019-12-20T23:26:23.726Z","5.0.0-canary.a2f75105e.0":"2019-12-23T19:47:09.966Z","5.0.0-canary.c054a24c7.0":"2019-12-23T21:49:36.580Z","5.0.0-canary.c6808c51c.0":"2019-12-23T21:54:18.646Z","5.0.0-canary.7bce9cf77.0":"2019-12-26T18:45:10.571Z","5.0.0-canary.c92f038c3.0":"2019-12-30T22:02:41.385Z","5.0.0-canary.1f1ac7558.0":"2020-01-02T20:53:42.317Z","5.0.0-canary.ec26e799c.0":"2020-01-02T21:42:02.266Z","5.0.0-canary.0a40ced40.0":"2020-01-03T17:08:58.701Z","5.0.0-canary.3adf84899.0":"2020-01-03T18:21:59.863Z","5.0.0-canary.0d42ee650.0":"2020-01-03T21:36:34.543Z","5.0.0-canary.7be9e4a04.0":"2020-01-06T17:03:57.122Z","5.0.0-canary.847dd1ada.0":"2020-01-06T19:25:51.204Z","5.0.0-canary.39df7e5df.0":"2020-01-07T00:55:05.509Z","5.0.0-canary.f1a2581ab.0":"2020-01-07T14:59:08.143Z","5.0.0-canary.7c7ddf347.0":"2020-01-07T15:15:05.054Z","5.0.0-canary.a1c84d4b5.0":"2020-01-07T18:09:34.673Z","5.0.0-canary.ec9f16578.0":"2020-01-07T19:39:07.618Z","5.0.0-canary.b602226ce.0":"2020-01-07T20:14:49.321Z","5.0.0-canary.b2d2dc08c.0":"2020-01-07T21:25:34.892Z","5.0.0-canary.61f2d7580.0":"2020-01-07T21:39:15.474Z","5.0.0-canary.d1be53a2e.0":"2020-01-07T22:16:26.206Z","5.0.0-canary.9b0d06e32.0":"2020-01-07T22:18:55.248Z","5.0.0-canary.730c807a0.0":"2020-01-07T22:20:32.917Z","5.0.0-canary.2213152cd.0":"2020-01-08T17:21:46.595Z","5.0.0-canary.5750f7169.0":"2020-01-08T17:56:21.628Z","5.0.0-canary.f7abc7a43.0":"2020-01-08T18:27:18.462Z","5.0.0-canary.bf7b4a061.0":"2020-01-08T18:41:06.443Z","5.0.0-canary.784fa7903.0":"2020-01-08T19:09:54.283Z","5.0.0-canary.823c050ba.0":"2020-01-08T20:10:20.487Z","5.0.0-canary.70c708dee.0":"2020-01-08T20:21:33.402Z","5.0.0-canary.5ed9d13d0.0":"2020-01-08T21:42:11.872Z","5.0.0-canary.4819cc7e5.0":"2020-01-08T21:57:36.054Z","5.0.0-canary.fe3ffd2c3.0":"2020-01-08T22:15:46.658Z","5.0.0-canary.c0e850090.0":"2020-01-08T22:22:49.340Z","5.0.0-canary.615f86f38.0":"2020-01-08T22:39:32.408Z","5.0.0-canary.1eb032637.0":"2020-01-08T22:59:33.466Z","5.0.0-canary.5bc5ebfea.0":"2020-01-08T23:00:21.966Z","5.0.0-canary.1112b8def.0":"2020-01-09T22:09:40.867Z","5.0.0-canary.aab102017.0":"2020-01-10T00:11:53.160Z","5.0.0-canary.426913342.0":"2020-01-10T01:43:45.603Z","5.0.0-canary.d4ea9a706.0":"2020-01-10T17:24:51.949Z","5.0.0-canary.7d4ee2996.0":"2020-01-10T17:56:19.101Z","5.0.0-canary.981ec9b6f.0":"2020-01-10T19:26:12.928Z","5.0.0-canary.737da83fc.0":"2020-01-10T21:18:21.927Z","5.0.0-canary.aca8e6c18.0":"2020-01-13T19:31:05.017Z","5.0.0-canary.c38d84e21.0":"2020-01-13T22:12:58.589Z","5.0.0-canary.a4db5fbad.0":"2020-01-14T02:14:58.605Z","5.0.0-canary.faa9af310.0":"2020-01-14T16:52:12.523Z","5.0.0-canary.60354c577.0":"2020-01-14T22:45:31.192Z","5.0.0-canary.d07c78daa.0":"2020-01-14T23:38:06.708Z","5.0.0-canary.8ddd5c6dc.0":"2020-01-15T01:42:36.500Z","5.0.0-canary.a9511d870.0":"2020-01-15T19:09:49.284Z","5.0.0-canary.7c8583c4c.0":"2020-01-15T22:47:04.565Z","5.0.0-canary.5d4b82bac.0":"2020-01-15T22:47:14.002Z","5.0.0-canary.57d0186e4.0":"2020-01-16T18:16:57.813Z","5.0.0-canary.071a6ab70.0":"2020-01-16T18:23:26.510Z","5.0.0-canary.22e0cb618.0":"2020-01-16T18:46:34.886Z","5.0.0-canary.f16f15b8f.0":"2020-01-17T00:06:26.981Z","5.0.0-canary.aa8e43e9a.0":"2020-01-17T00:36:17.350Z","5.0.0-canary.fe1f3ca07.0":"2020-01-17T00:59:43.154Z","5.0.0-canary.d405af26b.0":"2020-01-17T18:16:34.278Z","5.0.0-canary.6e857aae2.0":"2020-01-17T18:20:21.270Z","5.0.0-canary.e2e764f7c.0":"2020-01-17T18:35:32.078Z","5.0.0-canary.7ef986a87.0":"2020-01-17T19:30:19.586Z","5.0.0-canary.29402e2d4.0":"2020-01-17T20:39:08.959Z","5.0.0-canary.2b3ec563c.0":"2020-01-17T23:11:02.098Z","5.0.0-canary.e8a993677.0":"2020-01-21T16:49:09.879Z","5.0.0-canary.cd4903304.0":"2020-01-21T21:36:56.071Z","5.0.0-canary.7e4b04b25.0":"2020-01-21T22:45:19.482Z","5.0.0-canary.ebc296937.0":"2020-01-21T23:44:23.115Z","5.0.0-canary.cf33f113d.0":"2020-01-22T01:21:46.518Z","5.0.0-canary.e1d5f1be5.0":"2020-01-22T16:54:46.312Z","5.0.0-canary.6b6a4ff92.0":"2020-01-22T17:57:06.416Z","5.0.0-canary.6092f71ee.0":"2020-01-22T21:16:25.758Z","5.0.0-canary.d8d95020f.0":"2020-01-22T23:09:02.936Z","5.0.0-canary.b7facc628.0":"2020-01-23T18:11:58.575Z","5.0.0-canary.63f357dbf.0":"2020-01-23T21:54:49.943Z","5.0.0-canary.f2426d26e.0":"2020-01-23T23:54:48.631Z","5.0.0-canary.7f5e0c23f.0":"2020-01-24T16:47:08.698Z","5.0.0-canary.3fc3ab520.0":"2020-01-24T17:20:19.184Z","5.0.0-canary.80a4d326f.0":"2020-01-24T20:45:18.780Z","5.0.0-canary.ef7de4def.0":"2020-01-24T21:31:28.388Z","5.0.0-canary.93e2288b6.0":"2020-01-28T16:54:42.019Z","5.0.0-canary.34ef15f67.0":"2020-01-28T17:23:31.935Z","5.0.0-canary.d3d176ba5.0":"2020-01-28T17:28:54.454Z","5.0.0-canary.32c1df133.0":"2020-01-28T19:42:50.426Z","5.0.0-canary.f3adce86f.0":"2020-01-28T21:48:22.341Z","5.0.0-canary.a4423f890.0":"2020-01-29T21:09:02.413Z","5.0.0-canary.9351f167d.0":"2020-01-29T21:55:00.338Z","5.0.0-canary.29b89dbc1.0":"2020-01-29T22:16:07.130Z","5.0.0-canary.45985457b.0":"2020-01-29T23:32:16.364Z","5.0.0-canary.a1a0deb3e.0":"2020-01-30T17:36:39.605Z","5.0.0-canary.181486643.0":"2020-01-30T20:55:25.473Z","5.0.0-canary.3a85313ac.0":"2020-01-31T16:22:36.984Z","5.0.0-canary.b6c7f624b.0":"2020-01-31T17:02:29.092Z","5.0.0-canary.b3f70ebde.0":"2020-01-31T20:09:34.961Z","5.0.0-canary.3e782d8f8.0":"2020-02-02T01:12:15.181Z","5.0.0-canary.535398572.0":"2020-02-03T18:10:48.742Z","5.0.0-canary.5ff33802c.0":"2020-02-04T18:03:14.596Z","5.0.0-canary.1eb29491c.0":"2020-02-04T20:59:52.683Z","5.0.0-canary.4c7154b26.0":"2020-02-05T16:02:09.653Z","5.0.0-canary.ab5f49a2c.0":"2020-02-05T23:32:36.484Z","5.0.0-canary.c541ebe15.0":"2020-02-06T22:29:19.332Z","5.0.0-canary.98f7faa05.0":"2020-02-07T19:20:40.989Z","5.0.0-canary.b4727e43a.0":"2020-02-07T19:54:58.502Z","5.0.0-canary.91d9d5a65.0":"2020-02-07T22:58:44.560Z","5.0.0-canary.d5c006ed1.0":"2020-02-10T16:47:58.690Z","5.0.0-canary.559f1a570.0":"2020-02-10T17:24:09.209Z","5.0.0-canary.ad3bbf782.0":"2020-02-10T19:10:52.319Z","5.0.0-canary.570d8e49c.0":"2020-02-10T20:42:48.106Z","5.0.0-canary.48b06b89a.0":"2020-02-11T18:42:36.304Z","5.0.0-canary.612443dfb.0":"2020-02-11T19:48:12.959Z","5.0.0-canary.8c11ea2a3.0":"2020-02-12T08:50:54.336Z","5.0.0-canary.b2f3d311e.0":"2020-02-13T21:43:05.887Z","5.0.0-canary.4f488d0ee.0":"2020-02-13T23:05:37.577Z","6.0.0-canary.fe79de07d.0":"2020-02-13T23:22:56.015Z","5.0.0":"2020-02-14T00:08:21.166Z","6.0.0-canary.5e313b1f2.0":"2020-02-14T23:47:28.881Z","6.0.0-canary.6a56f387c.0":"2020-02-18T19:42:58.753Z","6.0.0-canary.bdfd52632.0":"2020-02-19T20:22:00.113Z","6.0.0-canary.ad2e4376a.0":"2020-02-20T23:15:31.026Z","6.0.0-canary.765caef18.0":"2020-02-21T17:32:30.214Z","6.0.0-canary.949562303.0":"2020-02-21T20:36:58.604Z","6.0.0-canary.7ec96974e.0":"2020-02-24T18:57:27.814Z","6.0.0-canary.265ecbad5.0":"2020-02-25T21:00:10.176Z","5.1.0":"2020-02-25T21:37:16.324Z","6.0.0-canary.2cf87456f.0":"2020-02-25T21:38:01.594Z","6.0.0-canary.781434a92.0":"2020-02-25T23:27:25.872Z","6.0.0-canary.d6f60c98b.0":"2020-02-28T22:02:54.886Z","6.0.0-canary.69edc6e28.0":"2020-02-28T22:11:27.390Z","6.0.0-canary.9372e4939.0":"2020-03-03T19:09:00.656Z","6.0.0-canary.9cf5e9842.0":"2020-03-03T23:25:03.688Z","6.0.0-canary.3657f8863.0":"2020-03-04T17:43:31.171Z","6.0.0-canary.98b843417.0":"2020-03-05T18:30:23.922Z","6.0.0-canary.17b9699c4.0":"2020-03-05T19:21:41.557Z","6.0.0-canary.6ee035572.0":"2020-03-09T16:45:53.264Z","6.0.0-canary.bd33cb56b.0":"2020-03-09T17:21:17.467Z","6.0.0-canary.9ebee4ceb.0":"2020-03-09T21:13:06.164Z","6.0.0-canary.26c049afa.0":"2020-03-10T17:01:49.098Z","6.0.0-canary.a731fd0a4.0":"2020-03-10T20:31:30.660Z","6.0.0-canary.1db5c9fc8.0":"2020-03-10T20:35:43.968Z","6.0.0-canary.4971637f4.0":"2020-03-10T22:57:24.798Z","6.0.0-canary.1ae8130ce.0":"2020-03-10T23:04:50.889Z","6.0.0-canary.8639c2690.0":"2020-03-11T06:32:39.392Z","6.0.0-canary.d5808057f.0":"2020-03-11T16:24:57.120Z","6.0.0-canary.b3f58203d.0":"2020-03-11T19:37:25.141Z","6.0.0-canary.bec065920.0":"2020-03-12T20:19:48.802Z","6.0.0-canary.776291ef0.0":"2020-03-17T19:20:05.009Z","6.0.0-canary.ece19f3dd.0":"2020-03-17T22:00:42.652Z","6.0.0-canary.4dc45af6c.0":"2020-03-18T01:47:24.325Z","6.0.0-canary.6b48781bf.0":"2020-03-18T15:34:02.648Z","6.0.0-canary.a88c8e4dc.0":"2020-03-19T17:35:19.262Z","6.0.0-canary.cafe18860.0":"2020-03-20T14:52:57.406Z","6.0.0-canary.35a32aaea.0":"2020-03-20T19:58:30.744Z","6.0.0-canary.e75deb854.0":"2020-03-20T22:14:33.790Z","6.0.0-canary.2cc6966f6.0":"2020-03-24T18:42:49.328Z","6.0.0-canary.8707953b6.0":"2020-03-24T18:46:31.423Z","6.0.0-canary.10af6cf39.0":"2020-03-25T18:17:49.286Z","6.0.0-canary.7d8f9c8d7.0":"2020-03-27T18:04:16.323Z","6.0.0-canary.d6315efe2.0":"2020-03-27T19:55:47.733Z","6.0.0-canary.a3016368d.0":"2020-03-27T21:18:59.752Z","6.0.0-canary.4b45b6620.0":"2020-03-31T15:55:43.895Z","6.0.0-canary.e84b9c8.0":"2020-04-01T16:55:21.727Z","6.0.0-canary.e33c49e.0":"2020-04-02T00:08:55.225Z","6.0.0-canary.f1f8e60.0":"2020-04-02T19:13:10.780Z","6.0.0-canary.1e17c49b3.0":"2020-04-03T18:03:22.654Z","6.0.0-canary.6a40ef217.0":"2020-04-03T19:24:02.600Z","6.0.0-canary.5f24faacb.0":"2020-04-08T15:35:31.727Z","6.0.0-canary.82fa986b9.0":"2020-04-08T15:41:05.282Z","6.0.0-canary.9930d9cc5.0":"2020-04-08T19:31:52.749Z","6.0.0-canary.6601d24af.0":"2020-04-09T00:29:24.338Z","6.0.0-canary.05f5e1583.0":"2020-04-09T00:46:36.823Z","6.0.0-canary.bce00e186.0":"2020-04-09T15:22:02.626Z","6.0.0-canary.927fa902c.0":"2020-04-09T18:45:58.380Z","6.0.0-canary.eb28b6ecc.0":"2020-04-10T19:30:29.086Z","6.0.0-canary.816a43b42.0":"2020-04-10T20:52:11.120Z","6.0.0-canary.008c4d319.0":"2020-04-13T16:33:22.782Z","6.0.0-canary.cbb3f28ca.0":"2020-04-14T05:05:29.087Z","6.0.0-canary.f172b0f90.0":"2020-04-14T23:09:53.977Z","6.0.0-canary.c02642273.0":"2020-04-15T16:16:47.695Z","6.0.0-canary.8a299b568.0":"2020-04-15T22:42:51.795Z","6.0.0-canary.490fbdc09.0":"2020-04-16T05:59:17.334Z","6.0.0-canary.f838c6e55.0":"2020-04-16T14:26:09.662Z","6.0.0-canary.ce6cb7024.0":"2020-04-16T17:18:37.527Z","6.0.0-canary.0ab62a65b.0":"2020-04-16T18:53:47.657Z","6.0.0-canary.ca61b656f.0":"2020-04-16T19:59:32.104Z","6.0.0-canary.45a6615e3.0":"2020-04-16T20:32:29.993Z","6.0.0-canary.4b04cdb0f.0":"2020-04-17T17:40:34.560Z","6.0.0-canary.b273afa93.0":"2020-04-17T23:02:28.211Z","6.0.0-canary.b70bc601e.0":"2020-04-17T23:21:04.620Z","6.0.0-canary.c4b4bba96.0":"2020-04-18T00:17:18.013Z","6.0.0-canary.6c1ebc721.0":"2020-04-20T19:57:51.574Z","6.0.0-canary.9cff4318f.0":"2020-04-20T20:55:20.759Z","6.0.0-canary.7b4482402.0":"2020-04-20T22:19:45.044Z","6.0.0-canary.deda86d8c.0":"2020-04-21T01:14:21.247Z","6.0.0-canary.d10412cb2.0":"2020-04-21T18:17:51.551Z","6.0.0-canary.c141801d5.0":"2020-04-21T19:41:26.899Z","6.0.0-canary.28d10a96e.0":"2020-04-22T22:06:40.087Z","7.0.0-canary.8540808be.0":"2020-04-23T17:25:19.137Z","6.0.0":"2020-04-23T17:25:50.819Z","7.0.0-canary.2673adb74.0":"2020-04-23T22:45:03.824Z","7.0.0-canary.b10d0d7f1.0":"2020-04-24T00:20:37.054Z","7.0.0-canary.3bd8c1bac.0":"2020-04-24T21:05:33.053Z","7.0.0-canary.b83c8dc22.0":"2020-04-24T21:18:20.555Z","7.0.0-canary.1b3dd846d.0":"2020-04-25T00:43:28.177Z","7.0.0-canary.29debfea7.0":"2020-04-27T12:31:34.279Z","7.0.0-canary.28d32f8e0.0":"2020-04-27T14:06:10.548Z","7.0.0-canary.af71cfdd6.0":"2020-04-28T23:16:58.675Z","7.0.0-canary.99d2fc961.0":"2020-04-29T10:43:19.127Z","7.0.0-canary.0e052b24f.0":"2020-04-30T01:28:56.817Z","7.0.0-canary.ff4bc632a.0":"2020-04-30T08:27:09.624Z","7.0.0-canary.b0f83d2fd.0":"2020-04-30T14:32:06.103Z","7.0.0-canary.e59906a57.0":"2020-05-01T15:41:48.399Z","7.0.0-canary.c02712b59.0":"2020-05-01T18:25:14.252Z","7.0.0-canary.15d65448e.0":"2020-05-01T19:22:01.599Z","7.0.0-canary.142b1549e.0":"2020-05-01T22:35:18.317Z","7.0.0-canary.524b7b812.0":"2020-05-03T20:47:04.406Z","7.0.0-canary.bd8ca9678.0":"2020-05-04T17:18:27.996Z","7.0.0-canary.2553e86fe.0":"2020-05-04T17:30:26.089Z","7.0.0-canary.03dec929e.0":"2020-05-04T23:33:01.447Z","7.0.0-canary.d92d8c93e.0":"2020-05-05T16:58:19.730Z","7.0.0-canary.09f591967.0":"2020-05-05T21:03:39.687Z","7.0.0-canary.3846ce311.0":"2020-05-06T14:08:52.669Z","7.0.0-canary.ed7f32463.0":"2020-05-06T16:06:31.146Z","7.0.0-canary.8135cc085.0":"2020-05-06T19:54:33.433Z","7.0.0-canary.deb212de4.0":"2020-05-06T22:18:09.207Z","7.0.0-canary.f83e00898.0":"2020-05-07T16:48:56.173Z","7.0.0-canary.047e6b337.0":"2020-05-08T18:37:51.500Z","7.0.0-canary.119e21426.0":"2020-05-08T20:21:48.780Z","7.0.0-canary.2f052d824.0":"2020-05-08T21:06:33.054Z","7.0.0-canary.e84444387.0":"2020-05-08T21:31:00.894Z","7.0.0-canary.893eb1876.0":"2020-05-11T14:12:23.823Z","7.0.0-canary.a5aeb3001.0":"2020-05-11T14:28:11.879Z","7.0.0-canary.610c68d97.0":"2020-05-11T19:31:49.082Z","7.0.0-canary.ed52af767.0":"2020-05-11T20:26:37.376Z","7.0.0-canary.058cfd23c.0":"2020-05-11T21:24:33.763Z","7.0.0-canary.0a371b4fe.0":"2020-05-12T23:17:30.086Z","7.0.0-canary.2139200b3.0":"2020-05-13T14:46:38.196Z","7.0.0-canary.744d751a0.0":"2020-05-14T04:42:12.370Z","7.0.0-canary.ad0c0c103.0":"2020-05-14T14:50:50.571Z","7.0.0-canary.fd8f8f2b7.0":"2020-05-18T17:53:06.173Z","7.0.0-canary.730920fbb.0":"2020-05-18T19:43:23.403Z","7.0.0-canary.bcdad99bb.0":"2020-05-19T03:17:28.274Z","7.0.0-canary.4497b86ed.0":"2020-05-19T03:50:15.185Z","7.0.0-canary.2e60575da.0":"2020-05-19T16:08:38.510Z","7.0.0-canary.e3eacefcc.0":"2020-05-19T17:37:30.536Z","7.0.0-canary.b065a4d2b.0":"2020-05-20T14:35:52.131Z","7.0.0-canary.4ebce8d78.0":"2020-05-20T20:49:50.676Z","7.0.0-canary.b0fdca492.0":"2020-05-20T23:02:13.421Z","7.0.0-canary.c67667e8e.0":"2020-05-21T14:11:56.257Z","7.0.0-canary.62b5f37db.0":"2020-05-21T16:40:36.899Z","7.0.0-canary.2e218dbf8.0":"2020-05-21T17:01:30.955Z","7.0.0-canary.7fd792bb9.0":"2020-05-21T17:14:03.445Z","7.0.0-canary.a66493cd8.0":"2020-05-21T17:17:28.828Z","7.0.0-canary.da05f66e1.0":"2020-05-21T17:19:22.072Z","7.0.0-canary.740860e78.0":"2020-05-21T17:26:05.040Z","7.0.0-canary.5cea2610f.0":"2020-05-21T17:28:05.566Z","7.0.0-canary.cf7747ef7.0":"2020-05-21T17:28:24.941Z","7.0.0-canary.862d0d7bc.0":"2020-05-21T17:31:06.039Z","7.0.0-canary.0008c8a91.0":"2020-05-21T19:32:34.299Z","7.0.0-canary.541638fa2.0":"2020-05-21T19:47:30.027Z","7.0.0-canary.6167cd075.0":"2020-05-21T20:20:26.198Z","7.0.0-canary.863ac1b0f.0":"2020-05-21T20:59:04.945Z","7.0.0-canary.d30a214ac.0":"2020-05-21T21:03:16.211Z","7.0.0-canary.62abbc8d7.0":"2020-05-21T21:28:03.400Z","7.0.0-canary.49bf31d5c.0":"2020-05-21T21:31:22.080Z","7.0.0-canary.8e17857d0.0":"2020-05-21T21:32:15.384Z","7.0.0-canary.c113fc942.0":"2020-05-21T22:45:49.149Z","7.0.0-canary.912d9021d.0":"2020-05-26T18:44:41.483Z","7.0.0-canary.68a2af131.0":"2020-05-26T19:06:47.805Z","7.0.0-canary.01de07011.0":"2020-05-26T19:52:04.538Z","7.0.0-canary.51d4535fe.0":"2020-05-26T21:34:09.010Z","7.0.0-canary.b86d826b7.0":"2020-05-26T22:13:03.716Z","7.0.0-canary.d91794c7e.0":"2020-05-26T23:54:22.704Z","7.0.0-canary.8c6d7e076.0":"2020-05-27T18:58:43.294Z","7.0.0-canary.5b5f62f93.0":"2020-05-27T19:15:45.742Z","7.0.0-canary.d9972abb1.0":"2020-05-27T20:20:13.910Z","7.0.0-canary.6556eda2b.0":"2020-05-27T20:29:24.774Z","7.0.0-canary.32aa23641.0":"2020-05-27T21:37:37.976Z","7.0.0-canary.654934dfa.0":"2020-05-28T00:36:17.235Z","7.0.0-canary.41910b8b8.0":"2020-05-28T00:50:45.022Z","7.0.0-canary.d66d22bf9.0":"2020-05-28T19:54:35.744Z","7.0.0-canary.8904f3cbe.0":"2020-05-29T16:49:46.080Z","7.0.0-canary.51512a4ac.0":"2020-05-29T19:14:29.954Z","7.0.0-canary.0743288fb.0":"2020-05-29T20:04:27.278Z","7.0.0-canary.06ef147b5.0":"2020-05-29T20:40:05.957Z","7.0.0-canary.8073a20a9.0":"2020-05-29T23:24:56.628Z","7.0.0-canary.72ff42330.0":"2020-06-01T16:43:15.685Z","7.0.0-canary.9ea52070f.0":"2020-06-01T16:48:29.128Z","7.0.0-canary.d86ad3b60.0":"2020-06-01T17:48:13.543Z","7.0.0-canary.b9776b1d0.0":"2020-06-01T18:25:07.653Z","7.0.0-canary.ba6f7c294.0":"2020-06-02T17:02:04.362Z","7.0.0-canary.cf3b664ab.0":"2020-06-02T18:22:54.018Z","7.0.0-canary.4ba3c9a31.0":"2020-06-02T23:51:40.131Z","7.0.0-canary.388b042c7.0":"2020-06-03T13:45:54.885Z","7.0.0-canary.cca1ca84d.0":"2020-06-03T16:02:32.381Z","7.0.0-canary.9b0b5f2e0.0":"2020-06-03T18:56:56.322Z","7.0.0-canary.0a7895f4d.0":"2020-06-03T21:08:25.790Z","7.0.0-canary.7461aad68.0":"2020-06-03T22:11:41.000Z","7.0.0-canary.a0dc2b5c4.0":"2020-06-04T21:13:14.829Z","7.0.0-canary.2b420c5b3.0":"2020-06-08T16:13:45.807Z","7.0.0-canary.8fa22aacc.0":"2020-06-08T18:03:58.848Z","7.0.0-canary.21c4e4ed8.0":"2020-06-08T18:43:36.053Z","7.0.0-canary.dfde46516.0":"2020-06-08T19:41:10.861Z","7.0.0-canary.05cc5c206.0":"2020-06-08T20:56:07.083Z","7.0.0-canary.3ee488f1c.0":"2020-06-09T14:53:19.883Z","7.0.0-canary.b83d720ee.0":"2020-06-09T17:25:40.509Z","7.0.0-canary.afb1c11a9.0":"2020-06-09T20:16:13.023Z","7.0.0-canary.39e6f71e2.0":"2020-06-09T23:39:26.744Z","7.0.0-canary.d4c66dc7d.0":"2020-06-11T17:45:54.837Z","7.0.0-canary.be4a19f9f.0":"2020-06-12T06:08:06.104Z","7.0.0-canary.a6ac8f629.0":"2020-06-15T21:30:31.142Z","7.0.0-canary.9833dc287.0":"2020-06-16T19:49:05.560Z","7.0.0-canary.3aa33998e.0":"2020-06-16T20:20:55.744Z","7.0.0-canary.d2b54d183.0":"2020-06-18T01:15:30.772Z","7.0.0-canary.f2a488e95.0":"2020-06-18T15:04:03.763Z","7.0.0-canary.bd8d1aafa.0":"2020-06-18T15:16:06.621Z","7.0.0-canary.1321eb968.0":"2020-06-19T19:21:08.031Z","7.0.0-canary.db5cc0382.0":"2020-06-19T19:27:31.663Z","7.0.0-canary.6ac9bf031.0":"2020-06-19T19:47:59.434Z","7.0.0-canary.c21b5c367.0":"2020-06-19T20:10:18.582Z","7.0.0-canary.bfdd7fd39.0":"2020-06-19T20:19:43.179Z","7.0.0-canary.10b505785.0":"2020-06-19T20:21:10.955Z","7.0.0-canary.6483d3f44.0":"2020-06-19T20:37:22.915Z","7.0.0-canary.30a74e921.0":"2020-06-19T20:39:37.598Z","7.0.0-canary.c20727498.0":"2020-06-19T20:42:32.956Z","7.0.0-canary.4e360ae94.0":"2020-06-19T20:59:14.667Z","7.0.0-canary.8550fa53b.0":"2020-06-19T21:01:32.804Z","7.0.0-canary.93ade142e.0":"2020-06-19T21:02:42.326Z","7.0.0-canary.a0032f5bb.0":"2020-06-19T21:27:43.761Z","7.0.0-canary.3f342e721.0":"2020-06-19T21:29:59.757Z","7.0.0-canary.ff89457cc.0":"2020-06-19T21:31:05.450Z","7.0.0-canary.4a1855cf8.0":"2020-06-19T21:33:51.646Z","7.0.0-canary.8602f1b4d.0":"2020-06-22T17:23:25.277Z","7.0.0-canary.69f9f0982.0":"2020-06-22T21:14:10.129Z","7.0.0-canary.369a293f0.0":"2020-06-22T21:16:29.634Z","7.0.0-canary.f1432b5c6.0":"2020-06-22T21:25:01.066Z","7.0.0-canary.4757a16b4.0":"2020-06-22T21:53:09.400Z","7.0.0-canary.f8f472762.0":"2020-06-22T21:57:09.916Z","7.0.0-canary.7e4d55c34.0":"2020-06-22T22:29:06.319Z","7.0.0-canary.bd1dbc91f.0":"2020-06-23T14:27:45.910Z","7.0.0-canary.31523bc62.0":"2020-06-23T14:33:10.810Z","7.0.0-canary.a96b6d4d6.0":"2020-06-23T14:39:42.155Z","7.0.0-canary.ef3a09533.0":"2020-06-23T14:47:57.603Z","7.0.0-canary.080965f39.0":"2020-06-23T15:17:23.660Z","7.0.0-canary.1bd67b65d.0":"2020-06-23T15:59:44.208Z","7.0.0-canary.18ca31248.0":"2020-06-23T18:24:43.339Z","7.0.0-canary.39cf00836.0":"2020-06-23T18:47:41.400Z","7.0.0-canary.1bfda9e05.0":"2020-06-23T19:00:11.129Z","7.0.0-canary.08731bd95.0":"2020-06-23T19:02:45.078Z","7.0.0":"2020-06-23T19:10:25.703Z","8.0.0-canary.a3212b209.0":"2020-06-23T19:11:19.316Z","8.0.0-canary.15e81fe98.0":"2020-06-23T19:40:50.902Z","8.0.0-canary.004c9d392.0":"2020-06-23T22:55:42.663Z","8.0.0-canary.03bde00f5.0":"2020-06-24T00:31:23.214Z","8.0.0-canary.599b8c319.0":"2020-06-24T14:56:12.353Z","8.0.0-canary.87e3be418.0":"2020-06-24T17:53:01.468Z","8.0.0-canary.035cf2a6f.0":"2020-06-24T18:38:24.961Z","8.0.0-canary.2fed2c12f.0":"2020-06-25T20:01:32.031Z","8.0.0-canary.38197b443.0":"2020-06-25T21:22:18.344Z","8.0.0-canary.69a35e80c.0":"2020-06-26T17:38:29.459Z","8.0.0-canary.df7154fb3.0":"2020-06-26T18:16:30.722Z","8.0.0-canary.d5618602a.0":"2020-06-26T21:48:01.779Z","8.0.0-canary.e590b376b.0":"2020-06-26T23:23:20.735Z","8.0.0-canary.0c9d6bd2d.0":"2020-06-29T17:15:02.963Z","8.0.0-canary.c1fec4246.0":"2020-06-29T17:30:19.076Z","8.0.0-canary.c678a9d34.0":"2020-06-29T17:51:25.832Z","8.0.0-canary.521afaf6e.0":"2020-06-30T15:05:10.986Z","8.0.0-canary.a2ad48839.0":"2020-06-30T19:14:04.196Z","8.0.0-canary.ec2385881.0":"2020-06-30T21:46:41.310Z","8.0.0-canary.610c26c4a.0":"2020-07-01T14:55:50.960Z","8.0.0-canary.e2ea4a99e.0":"2020-07-01T19:26:55.028Z","8.0.0-canary.a78ceb112.0":"2020-07-01T19:38:40.774Z","8.0.0-canary.b0c456d33.0":"2020-07-06T22:40:56.911Z","8.0.0-canary.2e5711e04.0":"2020-07-08T16:47:40.624Z","8.0.0-canary.811fc5d24.0":"2020-07-08T17:15:31.371Z","8.0.0-canary.6ed717ddd.0":"2020-07-08T19:43:48.981Z","8.0.0-canary.d850de590.0":"2020-07-09T18:05:14.395Z","8.0.0-canary.e07a70841.0":"2020-07-09T18:35:02.566Z","8.0.0-canary.37947ed6c.0":"2020-07-09T20:35:53.908Z","8.0.0-canary.5d443afec.0":"2020-07-09T20:51:31.702Z","8.0.0-canary.9ac1ed914.0":"2020-07-09T21:20:26.023Z","8.0.0-canary.1e7cb6198.0":"2020-07-09T22:12:08.229Z","8.0.0-canary.843f636c0.0":"2020-07-10T17:42:25.952Z","8.0.0-canary.b2edaeead.0":"2020-07-10T18:06:59.282Z","8.0.0-canary.5dac1f624.0":"2020-07-13T16:34:05.804Z","8.0.0-canary.4497acef8.0":"2020-07-14T14:19:45.244Z","8.0.0-canary.e6e23019d.0":"2020-07-14T20:10:17.155Z","8.0.0-canary.d548d7a92.0":"2020-07-14T21:12:51.723Z","8.0.0-canary.58ce529cc.0":"2020-07-14T21:14:50.893Z","8.0.0-canary.a0f1202dc.0":"2020-07-14T21:34:03.275Z","8.0.0-canary.ad4df58c1.0":"2020-07-15T00:09:07.438Z","8.0.0-canary.01db89053.0":"2020-07-16T16:38:52.273Z","8.0.0-canary.fb5a4cdeb.0":"2020-07-20T19:19:44.648Z","8.0.0-canary.8df0f517c.0":"2020-07-20T23:55:22.374Z","8.0.0-canary.abcdbcfeb.0":"2020-07-21T00:49:55.665Z","8.0.0-canary.7bd5075de.0":"2020-07-21T18:46:55.445Z","8.0.0-canary.405a29a20.0":"2020-07-22T22:22:58.058Z","8.0.0-canary.f3693ac4c.0":"2020-07-22T22:33:30.709Z","8.0.0-canary.12a109680.0":"2020-07-22T23:03:16.413Z","8.0.0-canary.bbd06696e.0":"2020-07-22T23:52:42.398Z","8.0.0-canary.4951e7651.0":"2020-07-23T01:49:21.367Z","8.0.0-canary.75deebbef.0":"2020-07-23T17:45:39.588Z","8.0.0-canary.95aff33ee.0":"2020-07-23T18:47:08.741Z","8.0.0-canary.9d9f47473.0":"2020-07-23T19:58:27.977Z","8.0.0-canary.00dfbf6be.0":"2020-07-23T20:59:17.062Z","8.0.0-canary.b87e522d2.0":"2020-07-23T21:23:26.556Z","8.0.0-canary.5b3e150e5.0":"2020-07-24T01:23:45.720Z","8.0.0-canary.f0ae11786.0":"2020-07-24T01:43:23.511Z","8.0.0-canary.fb4ee66c0.0":"2020-07-24T02:10:35.806Z","8.0.0-canary.5511e0aeb.0":"2020-07-24T16:56:37.337Z","8.0.0-canary.8388a9bf6.0":"2020-07-24T20:12:57.833Z","8.0.0-canary.ac405eae1.0":"2020-07-27T15:06:12.566Z","8.0.0-canary.75553837c.0":"2020-07-27T15:12:06.770Z","8.0.0-canary.b96fbfc7a.0":"2020-07-27T15:37:43.525Z","8.0.0-canary.61f1a8d85.0":"2020-07-27T15:46:50.755Z","8.0.0-canary.81dc33377.0":"2020-07-27T15:58:56.432Z","8.0.0-canary.ffd9ede58.0":"2020-07-27T16:32:09.230Z","8.0.0-canary.52dc55acf.0":"2020-07-27T17:08:19.538Z","8.0.0-canary.d4274ff05.0":"2020-07-27T19:50:34.945Z","8.0.0-canary.b82d0696d.0":"2020-07-27T19:57:47.291Z","8.0.0-canary.c2852000d.0":"2020-07-27T20:58:01.885Z","8.0.0-canary.f86f83f54.0":"2020-07-27T21:53:50.726Z","8.0.0-canary.41eb1684c.0":"2020-07-28T17:50:02.046Z","8.0.0-canary.9e2f6c450.0":"2020-07-28T22:38:59.371Z","8.0.0-canary.e6950b55a.0":"2020-07-28T22:51:57.411Z","8.0.0-canary.5e51ee38e.0":"2020-07-28T23:15:40.403Z","8.0.0-canary.a3898ffcf.0":"2020-07-29T00:36:07.480Z","8.0.0-canary.bc5cc6c96.0":"2020-07-29T00:48:58.947Z","8.0.0-canary.9bdeaf928.0":"2020-07-29T01:20:27.916Z","8.0.0-canary.fde2c1f9d.0":"2020-07-29T01:34:42.143Z","8.0.0-canary.6b3876d5d.0":"2020-07-29T01:38:30.281Z","8.0.0-canary.30ce17873.0":"2020-07-29T17:14:33.587Z","8.0.0-canary.f6bb43bf0.0":"2020-07-29T18:25:09.035Z","8.0.0-canary.6af75f6ab.0":"2020-07-30T00:01:07.490Z","8.0.0-canary.42d7a65aa.0":"2020-07-30T00:10:05.602Z","8.0.0-canary.85abdabb7.0":"2020-07-30T00:15:04.172Z","8.0.0-canary.49fb20ca3.0":"2020-07-30T01:27:21.418Z","8.0.0-canary.962d4abbb.0":"2020-07-30T16:09:59.522Z","8.0.0-canary.2fcee40cb.0":"2020-07-30T17:21:14.679Z","8.0.0-canary.bd5987f5a.0":"2020-07-30T17:45:53.889Z","8.0.0-canary.005e86a9b.0":"2020-07-30T17:59:37.447Z","8.0.0-canary.e309c7c68.0":"2020-07-30T18:08:29.629Z","8.0.0-canary.935a51cc0.0":"2020-07-30T18:20:06.769Z","8.0.0-canary.74839da7b.0":"2020-07-30T18:31:02.110Z","8.0.0-canary.f041a48c9.0":"2020-07-30T22:59:13.837Z","8.0.0-canary.fbb1381e1.0":"2020-07-31T15:50:09.823Z","8.0.0-canary.7f61d5785.0":"2020-07-31T17:22:47.186Z","8.0.0-canary.e1bc84d10.0":"2020-08-03T17:50:31.925Z","8.0.0-canary.096a7a066.0":"2020-08-03T17:53:22.958Z","8.0.0-canary.aa3a3e5a4.0":"2020-08-03T17:53:38.947Z","8.0.0-canary.5903d39af.0":"2020-08-03T17:54:02.466Z","8.0.0-canary.72258f898.0":"2020-08-04T01:17:03.080Z","8.0.0-canary.1b44b43c8.0":"2020-08-04T16:47:54.914Z","8.0.0-canary.e9d2e2f96.0":"2020-08-04T20:23:56.518Z","8.0.0-canary.b9dff0a19.0":"2020-08-05T03:48:34.886Z","8.0.0-canary.2bd09a706.0":"2020-08-05T03:53:33.527Z","8.0.0-canary.e0560522f.0":"2020-08-05T17:19:24.879Z","8.0.0-canary.08ca4d0ec.0":"2020-08-05T17:39:06.582Z","8.0.0-canary.08090126b.0":"2020-08-06T19:32:21.852Z","8.0.0-canary.e8bf5b2ac.0":"2020-08-06T21:49:41.550Z","8.0.0-canary.e3b746208.0":"2020-08-06T22:26:27.825Z","8.0.0-canary.96a640534.0":"2020-08-06T22:41:13.579Z","8.0.0-canary.9f9aac825.0":"2020-08-07T20:51:06.296Z","8.0.0-canary.fc65fd00b.0":"2020-08-10T15:20:06.226Z","8.0.0-canary.02e372c5f.0":"2020-08-10T15:48:22.733Z","8.0.0-canary.66669e3b6.0":"2020-08-10T15:52:16.842Z","8.0.0-canary.6d1ea9761.0":"2020-08-11T14:30:30.922Z","8.0.0-canary.79414bf9f.0":"2020-08-11T19:01:28.412Z","8.0.0-canary.85a5272df.0":"2020-08-11T20:07:51.503Z","8.0.0-canary.fda053eb8.0":"2020-08-12T20:03:50.326Z","8.0.0-canary.760873445.0":"2020-08-12T21:42:58.015Z","8.0.0-canary.2f4711a30.0":"2020-08-12T21:52:54.551Z","8.0.0-canary.2d72f3659.0":"2020-08-12T22:00:24.981Z","8.0.0-canary.1fee70a5e.0":"2020-08-12T23:28:22.951Z","8.0.0-canary.023f3fa34.0":"2020-08-13T01:12:06.109Z","8.0.0-canary.80f3a9e5d.0":"2020-08-13T01:28:41.529Z","8.0.0-canary.a1dcfe97c.0":"2020-08-13T08:49:25.884Z","8.0.0-canary.af332d5be.0":"2020-08-13T21:17:00.855Z","8.0.0-canary.7dd4567c4.0":"2020-08-14T00:50:39.458Z","8.0.0-canary.ff870005a.0":"2020-08-14T01:15:55.002Z","8.0.0-canary.150f427a0.0":"2020-08-14T13:29:19.450Z","8.0.0-canary.bcc58290a.0":"2020-08-14T23:22:13.319Z","8.0.0-canary.4f55400bb.0":"2020-08-17T16:38:09.751Z","8.0.0-canary.000d64815.0":"2020-08-17T17:03:58.898Z","8.0.0-canary.defa599a8.0":"2020-08-17T20:31:32.100Z","8.0.0-canary.66b8ed7e6.0":"2020-08-18T18:36:30.394Z","8.0.0-canary.e2b1033df.0":"2020-08-19T18:41:40.469Z","8.0.0-canary.2e8c3dd2e.0":"2020-08-19T19:23:36.334Z","8.0.0-canary.b2e80a5d9.0":"2020-08-19T22:20:38.621Z","8.0.0-canary.ff88df637.0":"2020-08-19T22:32:40.097Z","8.0.0-canary.32fb314cd.0":"2020-08-20T10:37:13.254Z","8.0.0-canary.546277d32.0":"2020-08-20T16:42:47.578Z","8.0.0-canary.da72839f4.0":"2020-08-20T17:59:32.860Z","8.0.0-canary.346069ccb.0":"2020-08-20T18:18:07.536Z","8.0.0-canary.e27c5802f.0":"2020-08-20T19:14:52.301Z","8.0.0-canary.f4532b9c8.0":"2020-08-20T19:57:27.125Z","8.0.0-canary.fbf73c2a6.0":"2020-08-20T21:06:03.146Z","8.0.0-canary.cf800124f.0":"2020-08-20T21:52:20.221Z","8.0.0-canary.95e4eeea7.0":"2020-08-20T23:28:32.344Z","8.0.0-canary.91ab1c62a.0":"2020-08-21T15:11:27.989Z","8.0.0-canary.58eaa9f02.0":"2020-08-21T20:00:02.027Z","8.0.0-canary.238216fc4.0":"2020-08-24T15:40:32.054Z","8.0.0-canary.a1c65593d.0":"2020-08-25T03:03:34.048Z","8.0.0-canary.708cc09c4.0":"2020-08-25T15:56:06.870Z","8.0.0-canary.19bea2ad3.0":"2020-08-26T18:49:00.025Z","8.0.0-canary.911014711.0":"2020-08-27T16:07:40.945Z","8.0.0-canary.d3387f54c.0":"2020-09-03T20:54:39.810Z","8.0.0-canary.2ccf996cc.0":"2020-09-03T20:55:01.908Z","8.0.0-canary.744bfe5d8.0":"2020-09-03T20:55:56.237Z","8.0.0-canary.78da96eaf.0":"2020-09-08T19:12:28.398Z","8.0.0-canary.b0ed593cc.0":"2020-09-09T06:15:43.580Z","8.0.0-canary.85a1fa9ea.0":"2020-09-10T21:10:12.523Z","8.0.0-canary.0bc41a9c7.0":"2020-09-11T17:49:26.537Z","8.0.0-canary.fc0eb5013.0":"2020-09-11T19:55:11.775Z","8.0.0-canary.319bf66de.0":"2020-09-11T23:09:52.806Z","8.0.0-canary.5bfc305ec.0":"2020-09-13T22:59:54.287Z","8.0.0-canary.83d83f131.0":"2020-09-14T00:32:22.036Z","8.0.0-canary.40d8e4726.0":"2020-09-14T23:29:38.241Z","8.0.0-canary.c25d70a31.0":"2020-09-15T02:28:24.938Z","8.0.0-canary.d52b165b5.0":"2020-09-15T14:54:01.133Z","8.0.0-canary.a831d4799.0":"2020-09-15T17:51:33.379Z","8.0.0-canary.a306aa488.0":"2020-09-17T00:58:18.179Z","8.0.0-canary.fd608ff66.0":"2020-09-17T14:25:23.570Z","8.0.0-canary.3e435ba57.0":"2020-09-17T14:42:38.314Z","8.0.0-canary.c250ec52a.0":"2020-09-17T20:10:16.489Z","8.0.0-canary.e34e411b1.0":"2020-09-17T20:17:37.921Z","8.0.0-canary.4e9343929.0":"2020-09-17T20:42:55.709Z","8.0.0-canary.4e5c350c2.0":"2020-09-21T21:13:50.120Z","8.0.0-canary.16c563ef7.0":"2020-09-22T19:45:54.155Z","8.0.0-canary.fd8af3d43.0":"2020-09-23T19:31:58.616Z","8.0.0-canary.d4cd83a85.0":"2020-09-25T00:35:13.719Z","8.0.0-canary.199aecdfb.0":"2020-09-25T15:51:00.267Z","8.0.0-canary.38ef4501f.0":"2020-09-30T18:24:07.156Z","8.0.0-canary.774dcfc8e.0":"2020-10-01T09:53:50.975Z","8.0.0-canary.0f60323a8.0":"2020-10-08T21:09:47.679Z","8.0.0-canary.d71622574.0":"2020-10-09T16:31:24.932Z","8.0.0-canary.7a9afaf4b.0":"2020-10-09T22:53:44.195Z","8.0.0-canary.8a39352c8.0":"2020-10-12T17:46:06.472Z","8.0.0-canary.790ca85fd.0":"2020-10-12T21:56:32.125Z","8.0.0-canary.174c0becf.0":"2020-10-14T02:15:30.850Z","8.0.0-canary.c71ebfa02.0":"2020-10-14T04:17:13.648Z","8.0.0-canary.2ab716cbd.0":"2020-10-16T00:04:01.880Z","8.0.0-canary.43c1c5e2f.0":"2020-10-19T14:07:47.782Z","8.0.0-canary.ccc64eea3.0":"2020-10-26T22:51:19.305Z","8.0.0-canary.a79cdd019.0":"2020-10-27T16:30:56.010Z","8.0.0-canary.596e98424.0":"2020-10-28T16:03:20.630Z","8.0.0-canary.05d5facc2.0":"2020-10-28T16:11:48.478Z","8.0.0-canary.291b3553d.0":"2020-10-28T17:44:43.941Z","8.0.0-canary.dbc449b09.0":"2020-10-28T18:12:29.776Z","8.0.0-canary.4794b25da.0":"2020-10-28T18:41:01.229Z","8.0.0-canary.c61db90a5.0":"2020-10-28T18:59:19.594Z","8.0.0-canary.6d9648ab2.0":"2020-10-29T20:32:12.935Z","8.0.0-canary.5511c5254.0":"2020-10-30T17:59:56.972Z","8.0.0-canary.bd6e302a4.0":"2020-11-02T17:04:36.400Z","9.0.0-canary.d6b5cd418.0":"2020-11-02T22:58:45.553Z","8.0.0":"2020-11-02T22:59:08.223Z","9.0.0-canary.fdf9a2634.0":"2020-11-03T23:21:16.610Z","9.0.0-canary.4a86f30a0.0":"2020-11-03T23:27:37.531Z","9.0.0-canary.fc8b045f1.0":"2020-11-03T23:36:51.762Z","9.0.0-canary.a0b2db26b.0":"2020-11-04T00:08:31.843Z","9.0.0-canary.419e03572.0":"2020-11-04T01:32:48.680Z","9.0.0-canary.a432ad542.0":"2020-11-06T01:45:40.937Z","9.0.0-canary.e2e8aef1e.0":"2020-11-06T02:05:03.242Z","9.0.0-canary.ec6b68b34.0":"2020-11-06T18:56:12.762Z","9.0.0-canary.b39094d14.0":"2020-11-06T21:15:43.857Z","9.0.0-canary.8648b8258.0":"2020-11-12T10:44:25.725Z","9.0.0-canary.240c5f74f.0":"2020-11-12T20:20:25.199Z","9.0.0-canary.6cf6ba4f4.0":"2020-11-16T18:49:40.329Z","9.0.0-canary.07f3e01b7.0":"2020-11-16T21:45:26.914Z","9.0.0-canary.23491cf85.0":"2020-11-17T00:16:58.543Z","9.0.0-canary.b659d4fc3.0":"2020-11-17T00:24:49.024Z","9.0.0-canary.d8a3aed67.0":"2020-11-17T15:27:06.619Z","9.0.0-canary.482ff9091.0":"2020-11-17T17:57:46.549Z","9.0.0-canary.99cfb6bd5.0":"2020-11-18T18:43:27.149Z","9.0.0-canary.b98d15d90.0":"2020-11-18T22:34:36.292Z","9.0.0-canary.30c11bfc2.0":"2020-11-19T01:25:45.703Z","9.0.0-canary.1b731d51b.0":"2020-11-19T18:52:04.742Z","9.0.0-canary.4ae94ff78.0":"2020-11-19T18:55:04.300Z","9.0.0-canary.7ad038e1d.0":"2020-11-19T19:18:05.608Z","9.0.0-canary.a41527604.0":"2020-11-19T19:59:48.860Z","9.0.0-canary.7b0e2b377.0":"2020-11-20T22:55:17.068Z","9.0.0-canary.c927a5d05.0":"2020-11-23T19:47:10.873Z","9.0.0-canary.b349b5185.0":"2020-11-24T17:08:31.919Z","9.0.0-canary.9083b7d61.0":"2020-11-24T21:15:19.568Z","9.0.0-canary.eff7b46ac.0":"2020-11-24T23:30:44.993Z","9.0.0-canary.ae27b44b0.0":"2020-11-25T15:32:28.378Z","9.0.0-canary.2fbba2554.0":"2020-11-30T17:40:03.854Z","9.0.0-canary.6d8574fe1.0":"2020-11-30T17:51:07.346Z","9.0.0-canary.fd22355f7.0":"2020-11-30T22:59:12.368Z","9.0.0-canary.c4ab98722.0":"2020-12-02T00:56:14.617Z","9.0.0-canary.977585650.0":"2020-12-02T14:41:40.744Z","9.0.0-canary.c7edfc7b6.0":"2020-12-02T14:49:19.193Z","9.0.0-canary.4f3347306.0":"2020-12-02T15:07:14.418Z","9.0.0-canary.37fbae10d.0":"2020-12-02T18:16:07.998Z","9.0.0-canary.11da3c0db.0":"2020-12-02T20:22:02.306Z","9.0.0-canary.489d4c219.0":"2020-12-03T15:29:21.102Z","9.0.0-canary.6557a69d9.0":"2020-12-03T15:41:14.219Z","9.0.0-canary.4ea1b7c69.0":"2020-12-03T15:57:51.449Z","9.0.0-canary.eaeb78ce3.0":"2020-12-03T17:00:59.519Z","9.0.0-canary.1c156d69d.0":"2020-12-03T20:44:25.179Z","9.0.0-canary.832668d33.0":"2020-12-04T18:05:36.781Z","9.0.0-canary.4321323e4.0":"2020-12-07T11:28:42.427Z","9.0.0-canary.2d5f32d41.0":"2020-12-07T16:41:31.265Z","9.0.0-canary.8239afc64.0":"2020-12-07T19:49:11.422Z","9.0.0-canary.6871336f1.0":"2020-12-08T16:01:08.794Z","9.0.0-canary.9f718da94.0":"2020-12-08T16:12:53.605Z","9.0.0-canary.1fccb1418.0":"2020-12-08T16:28:00.269Z","9.0.0-canary.afb68894e.0":"2020-12-08T16:31:53.699Z","9.0.0-canary.fd88d40c2.0":"2020-12-08T16:45:19.609Z","9.0.0-canary.ba9e3109c.0":"2020-12-08T19:04:59.340Z","9.0.0-canary.1085c3b2d.0":"2020-12-09T19:10:41.137Z","9.0.0-canary.c5dda809d.0":"2020-12-09T20:49:27.535Z","9.0.0-canary.f5f1bd86a.0":"2020-12-09T21:07:32.034Z","9.0.0-canary.00f38200f.0":"2020-12-11T15:43:57.075Z","9.0.0-canary.ac41a5729.0":"2020-12-11T16:27:47.243Z","9.0.0-canary.7fe0e4f05.0":"2020-12-11T17:05:06.896Z","9.0.0-canary.9244508bd.0":"2020-12-11T19:06:58.339Z","9.0.0-canary.384a8eeb1.0":"2020-12-16T17:01:29.152Z","9.0.0-canary.eabf9d5c2.0":"2020-12-16T18:27:17.709Z","9.0.0-canary.30fdfd06e.0":"2020-12-16T19:07:09.969Z","9.0.0-canary.9590a8f90.0":"2020-12-22T17:41:41.844Z","9.0.0-canary.f89d8b8f2.0":"2020-12-22T23:04:39.756Z","9.0.0-canary.fb194dd35.0":"2020-12-28T20:45:20.036Z","9.0.0-canary.64f36e287.0":"2020-12-28T21:08:11.008Z","9.0.0-canary.b7bbe7022.0":"2020-12-29T18:47:41.655Z","9.0.0":"2020-12-29T19:45:43.126Z","10.0.0-canary.776c18681.0":"2020-12-30T00:39:49.336Z","10.0.0-canary.671d72d95.0":"2020-12-30T20:11:30.040Z","10.0.0-canary.b4f5a1c9e.0":"2020-12-30T21:46:07.310Z","10.0.0-canary.a94bd8deb.0":"2020-12-30T22:03:57.714Z","10.0.0-canary.5d128511b.0":"2020-12-30T22:09:23.238Z","10.0.0-canary.365c69360.0":"2021-01-05T17:47:54.399Z","10.0.0-canary.700a8261a.0":"2021-01-05T21:00:09.245Z","10.0.0-canary.766981c15.0":"2021-01-05T22:39:54.002Z","10.0.0-canary.b28c576d9.0":"2021-01-05T22:49:41.366Z","10.0.0-canary.968735356.0":"2021-01-06T15:50:21.694Z","10.0.0-canary.c5e18b020.0":"2021-01-06T19:43:52.297Z","10.0.0-canary.bcff8a66a.0":"2021-01-06T20:25:57.398Z","10.0.0-canary.79328c9ff.0":"2021-01-07T02:33:52.495Z","10.0.0-canary.121e1f303.0":"2021-01-07T23:19:28.672Z","10.0.0-canary.abdd10065.0":"2021-01-08T17:51:08.151Z","10.0.0-canary.089de519c.0":"2021-01-08T22:20:20.042Z","10.0.0-canary.163119837.0":"2021-01-08T23:44:59.977Z","10.0.0-canary.b8a1a58e4.0":"2021-01-11T16:23:53.810Z","10.0.0-canary.7584267ff.0":"2021-01-12T01:11:52.849Z","10.0.0-canary.251ac04c0.0":"2021-01-12T19:54:37.769Z","10.0.0-canary.772cc1068.0":"2021-01-14T00:06:33.100Z","10.0.0-canary.fe13dd130.0":"2021-01-14T01:09:59.049Z","10.0.0-canary.c7c5da28f.0":"2021-01-14T01:33:37.456Z","10.0.0-canary.b2faa116a.0":"2021-01-19T19:26:13.066Z","10.0.0-canary.0c95c9f7b.0":"2021-01-19T22:53:30.239Z","10.0.0-canary.5268222c4.0":"2021-01-20T19:18:42.018Z","10.0.0-canary.2ed2d829b.0":"2021-01-20T23:07:40.114Z","10.0.0-canary.df00c2b30.0":"2021-01-21T19:54:30.656Z","10.0.0-canary.fd61b0476.0":"2021-01-21T20:09:11.001Z","10.0.0-canary.3fb3a0265.0":"2021-01-22T00:04:22.149Z","10.0.0-canary.07deaec27.0":"2021-01-22T16:55:57.428Z","10.0.0-canary.d2959b16c.0":"2021-01-22T18:51:49.275Z","10.0.0-canary.75f3bfe7c.0":"2021-01-22T22:51:06.604Z","10.0.0-canary.b9adb7a0f.0":"2021-01-22T23:35:02.226Z","10.0.0-canary.d29ec2862.0":"2021-01-25T16:23:22.275Z","10.0.0-canary.96be07c68.0":"2021-01-26T00:09:35.530Z","10.0.0-canary.e383944e9.0":"2021-01-26T01:44:35.858Z","10.0.0-canary.623af861e.0":"2021-01-26T03:44:51.875Z","10.0.0-canary.6863fd43a.0":"2021-01-26T21:32:17.016Z","10.0.0-canary.ea55b87ca.0":"2021-01-26T23:45:29.074Z","10.0.0-canary.e902ff05f.0":"2021-01-27T00:03:35.574Z","10.0.0-canary.2c9fc538a.0":"2021-01-27T00:26:47.614Z","10.0.0-canary.6bf56aaa4.0":"2021-01-27T01:19:37.700Z","10.0.0-canary.994873795.0":"2021-01-27T14:50:34.485Z","10.0.0-canary.96878e1d0.0":"2021-01-27T18:01:39.826Z","10.0.0-canary.3c117cdcc.0":"2021-01-27T18:31:52.587Z","10.0.0-canary.b411e7033.0":"2021-01-27T22:03:06.507Z","10.0.0-canary.a9ac16b4a.0":"2021-01-27T23:03:04.593Z","10.0.0-canary.fec7b42ca.0":"2021-01-28T19:14:13.970Z","10.0.0-canary.8e66dbfee.0":"2021-02-01T23:20:02.060Z","10.0.0-canary.637d15da6.0":"2021-02-02T18:48:48.200Z","10.0.0-canary.fb793939e.0":"2021-02-02T23:42:24.597Z","10.0.0-canary.15a4d40dd.0":"2021-02-03T02:18:09.544Z","10.0.0-canary.7a003acf0.0":"2021-02-04T02:33:33.970Z","10.0.0-canary.05f249666.0":"2021-02-04T17:49:44.396Z","10.0.0-canary.1a3a39629.0":"2021-02-04T18:42:40.357Z","10.0.0-canary.8b1cdb1be.0":"2021-02-04T22:34:17.711Z","10.0.0-canary.8271f00f7.0":"2021-02-04T23:00:14.063Z","10.0.0-canary.533092a90.0":"2021-02-05T03:46:23.427Z","11.0.0-canary.633a9fc7a.0":"2021-02-05T16:16:53.426Z","10.0.0":"2021-02-05T16:18:18.445Z","11.0.0-canary.b5227247d.0":"2021-02-05T17:41:34.440Z","11.0.0-canary.95322b11e.0":"2021-02-05T23:31:13.968Z","11.0.0-canary.1f318ff0f.0":"2021-02-06T00:04:27.382Z","11.0.0-canary.ab12cf7a3.0":"2021-02-08T15:02:57.227Z","11.0.0-canary.98db2c5ec.0":"2021-02-08T15:33:42.156Z","11.0.0-canary.1f86b9f6d.0":"2021-02-08T17:16:45.518Z","11.0.0-canary.aac8f5d9a.0":"2021-02-08T17:59:51.440Z","11.0.0-canary.750e18fc7.0":"2021-02-08T21:40:56.122Z","11.0.0-canary.b62b1266d.0":"2021-02-09T21:52:11.405Z","11.0.0-canary.a6b3101fb.0":"2021-02-11T23:16:27.233Z","11.0.0-canary.ed88df700.0":"2021-02-12T00:06:17.333Z","11.0.0-canary.d30efe6b4.0":"2021-02-12T02:41:29.946Z","11.0.0-canary.0393bdc4b.0":"2021-02-12T04:30:27.137Z","11.0.0-canary.7cd26af4d.0":"2021-02-12T15:58:57.321Z","11.0.0-canary.71fe9a067.0":"2021-02-12T16:30:20.846Z","11.0.0-canary.0fd56a86b.0":"2021-02-13T00:11:15.391Z","11.0.0-canary.f19bbc4af.0":"2021-02-16T22:15:41.814Z","11.0.0-canary.f9cac96cc.0":"2021-02-17T16:09:24.308Z","11.0.0-canary.79ce0878b.0":"2021-02-17T19:24:36.190Z","11.0.0-canary.d6e507b5b.0":"2021-02-17T19:57:39.909Z","11.0.0-canary.f2658381b.0":"2021-02-17T22:44:14.677Z","11.0.0-canary.97c4d4035.0":"2021-02-18T02:34:35.433Z","11.0.0-canary.f5bb4648c.0":"2021-02-18T16:04:44.630Z","11.0.0-canary.302c7a960.0":"2021-02-18T18:37:07.749Z","11.0.0-canary.aa0aaf026.0":"2021-02-18T19:22:46.232Z","11.0.0-canary.07ff0c452.0":"2021-02-18T19:42:04.133Z","11.0.0-canary.bed7ecd3e.0":"2021-02-18T23:27:07.439Z","11.0.0-canary.06dead2d6.0":"2021-02-19T00:36:27.298Z","11.0.0-canary.cddb03553.0":"2021-02-19T03:12:45.983Z","11.0.0-canary.d6d8d0476.0":"2021-02-19T05:36:04.297Z","11.0.0-canary.0b4a4b2eb.0":"2021-02-19T15:45:11.437Z","11.0.0-canary.3201cae47.0":"2021-02-19T23:00:10.017Z","11.0.0-canary.f1b1fd5d3.0":"2021-02-22T19:48:53.102Z","11.0.0-canary.7899e0fe0.0":"2021-02-22T22:45:25.161Z","11.0.0-canary.f19c86d13.0":"2021-02-22T23:30:10.941Z","11.0.0-canary.60e892d79.0":"2021-02-23T01:13:16.832Z","11.0.0-canary.c96bfa495.0":"2021-02-23T19:32:20.232Z","11.0.0-canary.fa9b59f67.0":"2021-02-23T19:33:38.077Z","11.0.0-canary.869e3497c.0":"2021-02-23T19:34:15.746Z","11.0.0-canary.8ecd7c9a9.0":"2021-02-23T19:50:06.001Z","11.0.0-canary.9c85d505b.0":"2021-02-23T22:15:00.170Z","11.0.0-canary.9f2e85fb8.0":"2021-02-24T01:47:18.276Z","11.0.0-canary.19c4f29ef.0":"2021-02-25T19:21:50.123Z","11.0.0-canary.63df6e9bf.0":"2021-02-25T19:36:42.021Z","11.0.0-canary.981ad970a.0":"2021-02-26T00:06:49.096Z","11.0.0-canary.f9c9e39d6.0":"2021-02-26T18:38:19.873Z","11.0.0-canary.c97d7d881.0":"2021-03-01T20:52:40.761Z","11.0.0-canary.bf670dad7.0":"2021-03-03T00:20:25.473Z","11.0.0-canary.c7d98fcde.0":"2021-03-03T20:31:15.323Z","11.0.0-canary.4fef8bc1e.0":"2021-03-03T23:23:41.419Z","11.0.0-canary.afae3a3ec.0":"2021-03-03T23:41:48.392Z","11.0.0-canary.0a0b10f22.0":"2021-03-04T00:00:16.469Z","11.0.0-canary.6f678a91a.0":"2021-03-04T18:39:30.753Z","11.0.0-canary.f5f1b613c.0":"2021-03-04T20:48:48.518Z","11.0.0-canary.606e767ef.0":"2021-03-04T21:44:51.136Z","11.0.0-canary.f77a4dd1a.0":"2021-03-06T04:39:20.312Z","11.0.0-canary.2d6ba2c23.0":"2021-03-08T22:43:38.293Z","11.0.0-canary.7522dcaca.0":"2021-03-09T00:27:04.312Z","11.0.0-canary.5c0ab7401.0":"2021-03-09T22:51:49.004Z","11.0.0-canary.59010b6dc.0":"2021-03-10T16:56:43.696Z","11.0.0-canary.9e52f5544.0":"2021-03-10T23:24:27.338Z","11.0.0-canary.a678806f5.0":"2021-03-11T01:49:20.761Z","11.0.0-canary.b2d22df5b.0":"2021-03-11T17:02:08.401Z","11.0.0-canary.81911b707.0":"2021-03-11T18:22:34.731Z","11.0.0-canary.9eeb35c38.0":"2021-03-11T19:36:15.689Z","11.0.0-canary.12be3e95a.0":"2021-03-11T20:00:52.068Z","11.0.0-canary.e683bdf4a.0":"2021-03-11T20:08:09.873Z","11.0.0-canary.a07b6d486.0":"2021-03-11T20:32:31.408Z","11.0.0-canary.1e0653477.0":"2021-03-11T20:39:46.091Z","11.0.0-canary.148e8cfcc.0":"2021-03-11T22:43:40.608Z","11.0.0-canary.73a227194.0":"2021-03-12T00:23:21.263Z","11.0.0-canary.f8579b7ea.0":"2021-03-13T02:02:17.096Z","11.0.0-canary.d2a39d300.0":"2021-03-16T00:34:15.228Z","11.0.0-canary.7cf67823e.0":"2021-03-16T18:19:28.455Z","11.0.0-canary.67d780c79.0":"2021-03-16T19:47:09.670Z","11.0.0-canary.0f358ddae.0":"2021-03-16T22:11:41.459Z","11.0.0-canary.67eb0df80.0":"2021-03-16T22:38:53.595Z","11.0.0-canary.941ca3b3c.0":"2021-03-16T22:40:45.057Z","11.0.0-canary.3344d12ad.0":"2021-03-17T10:01:07.944Z","11.0.0-canary.6072ed604.0":"2021-03-17T22:58:51.689Z","11.0.0-canary.d3a6862af.0":"2021-03-18T16:19:13.916Z","11.0.0-canary.40dd242d5.0":"2021-03-18T21:16:30.848Z","11.0.0-canary.ec8f8465f.0":"2021-03-18T21:43:28.754Z","11.0.0-canary.da38969ec.0":"2021-03-18T22:17:09.093Z","11.0.0-canary.f5246264d.0":"2021-03-19T00:37:10.120Z","11.0.0-canary.03d34bbad.0":"2021-03-19T00:50:24.511Z","11.0.0-canary.cbc57c600.0":"2021-03-19T00:59:07.899Z","11.0.0-canary.d6c5bcf37.0":"2021-03-19T01:11:26.380Z","11.0.0-canary.fefc668d7.0":"2021-03-19T01:33:09.881Z","11.0.0-canary.faa7d3226.0":"2021-03-19T17:43:20.376Z","11.0.0-canary.c60449bc8.0":"2021-03-19T18:04:25.025Z","11.0.0-canary.5f0fc444a.0":"2021-03-19T18:37:01.751Z","11.0.0-canary.4567a750d.0":"2021-03-20T02:06:55.514Z","11.0.0-canary.0cde52f5a.0":"2021-03-23T00:02:11.573Z","11.0.0-canary.48f4b67fb.0":"2021-03-23T19:53:14.052Z","11.0.0-canary.0b8cff734.0":"2021-03-23T20:03:58.452Z","11.0.0-canary.8943b991f.0":"2021-03-23T20:28:52.997Z","11.0.0-canary.3955d8d3d.0":"2021-03-24T19:15:36.064Z","11.0.0-canary.23ea2d85e.0":"2021-03-25T17:31:48.300Z","11.0.0-canary.e3ec22f45.0":"2021-03-25T17:55:13.213Z","11.0.0-canary.4ceb42220.0":"2021-03-26T07:56:45.769Z","11.0.0-canary.dc9c84023.0":"2021-03-30T17:47:57.539Z","11.0.0-canary.56fc26962.0":"2021-03-31T00:20:15.668Z","11.0.0-canary.bc318250e.0":"2021-03-31T01:33:08.200Z","11.0.0-canary.edaee19aa.0":"2021-03-31T02:11:02.560Z","11.0.0-canary.24609b822.0":"2021-03-31T20:56:32.800Z","11.0.0-canary.b6cddc2b7.0":"2021-04-01T15:04:24.966Z","11.0.0-canary.94937c78c.0":"2021-04-01T21:00:13.112Z","11.0.0-canary.e7202cb57.0":"2021-04-01T22:46:47.457Z","11.0.0-canary.1f636b205.0":"2021-04-02T22:23:23.160Z","11.0.0-canary.94f50b260.0":"2021-04-05T15:04:26.758Z","11.0.0-canary.a4009b80a.0":"2021-04-05T21:59:54.854Z","11.0.0-canary.15604bd0d.0":"2021-04-05T22:41:41.620Z","11.0.0-canary.76da7876c.0":"2021-04-07T01:44:00.103Z","11.0.0-canary.6bcb6cbd2.0":"2021-04-07T18:53:21.957Z","11.0.0-canary.c91e8d141.0":"2021-04-07T18:57:18.179Z","11.0.0-canary.f77c50860.0":"2021-04-08T15:35:10.654Z","11.0.0-canary.367d88bdb.0":"2021-04-08T16:38:03.175Z","11.0.0-canary.0ec437d3b.0":"2021-04-08T19:34:52.978Z","11.0.0-canary.b2fa996a1.0":"2021-04-09T15:10:28.885Z","11.0.0-canary.24255c408.0":"2021-04-09T20:11:44.877Z","11.0.0-canary.7d6a4bb72.0":"2021-04-09T22:53:05.585Z","11.0.0-canary.352b295c1.0":"2021-04-12T18:15:05.677Z","11.0.0-canary.ab99b8064.0":"2021-04-13T14:42:58.261Z","11.0.0-canary.8f0a11e32.0":"2021-04-14T20:02:35.170Z","11.0.0-canary.f5c6db8fc.0":"2021-04-15T18:03:39.468Z","11.0.0-canary.3793a3143.0":"2021-04-15T18:30:43.439Z","11.0.0-canary.bc104bae7.0":"2021-04-15T19:45:40.419Z","12.0.0-canary.3f342c3f4.0":"2021-04-15T22:53:46.572Z","11.0.0":"2021-04-15T22:57:49.745Z","12.0.0-canary.2ebfc5374.0":"2021-04-16T20:44:27.646Z","12.0.0-canary.5631828e1.0":"2021-04-17T07:46:22.861Z","12.0.0-canary.bd685395b.0":"2021-04-19T18:40:51.897Z","12.0.0-canary.b52196498.0":"2021-04-19T19:57:24.832Z","12.0.0-canary.8ba3e298c.0":"2021-04-21T14:08:02.858Z","12.0.0-canary.c629eab71.0":"2021-04-21T19:56:40.605Z","12.0.0-canary.8ace3b810.0":"2021-04-21T20:37:22.595Z","12.0.0-canary.70beaf42d.0":"2021-04-21T20:49:00.655Z","12.0.0-canary.cad489689.0":"2021-04-22T16:49:00.082Z","12.0.0-canary.d928692b5.0":"2021-04-23T17:33:57.239Z","12.0.0-canary.8f68de8f3.0":"2021-04-23T18:12:42.129Z","12.0.0-canary.05753cf77.0":"2021-04-23T23:42:40.738Z","12.0.0-canary.ef43e6d96.0":"2021-04-23T23:48:59.417Z","12.0.0-canary.197f64fa2.0":"2021-04-26T17:09:12.262Z","12.0.0-canary.55ad2d7d8.0":"2021-04-27T01:19:23.269Z","12.0.0-canary.ec4ac5234.0":"2021-04-27T07:58:08.756Z","12.0.0-canary.b0579acdb.0":"2021-04-27T08:35:49.975Z","12.0.0-canary.81e2d4ff3.0":"2021-04-27T20:57:16.766Z","12.0.0-canary.c8edee52c.0":"2021-04-27T21:45:37.437Z","12.0.0-canary.f5b6110d6.0":"2021-04-27T22:07:00.933Z","12.0.0-canary.cee9b9e22.0":"2021-04-28T00:12:21.264Z","12.0.0-canary.96e83fca7.0":"2021-04-28T02:47:27.452Z","12.0.0-canary.4c497bd19.0":"2021-04-28T17:53:06.656Z","12.0.0-canary.105b15b96.0":"2021-04-28T21:44:17.919Z","12.0.0-canary.6e20259e3.0":"2021-04-28T21:48:51.431Z","12.0.0-canary.0f79a5d74.0":"2021-04-28T22:42:37.345Z","12.0.0-canary.84f3db9ed.0":"2021-04-29T14:17:27.087Z","12.0.0-canary.8fc29273c.0":"2021-04-29T21:23:07.179Z","12.0.0-canary.c50d20bab.0":"2021-04-29T23:01:27.786Z","12.0.0-canary.474836ad0.0":"2021-05-01T03:37:19.201Z","12.0.0-canary.f5ad92287.0":"2021-05-03T18:21:52.830Z","12.0.0-canary.af453daf8.0":"2021-05-03T18:53:04.298Z","12.0.0-canary.1f1918c24.0":"2021-05-03T19:22:07.275Z","12.0.0-canary.33148231f.0":"2021-05-03T19:38:23.278Z","12.0.0-canary.06b76fa74.0":"2021-05-03T19:45:26.159Z","12.0.0-canary.7c5000473.0":"2021-05-03T22:41:12.815Z","12.0.0-canary.de997644b.0":"2021-05-04T17:27:47.654Z","12.0.0-canary.d4d7f1cc2.0":"2021-05-04T17:54:33.353Z","12.0.0-canary.be999eb08.0":"2021-05-04T17:59:45.779Z","12.0.0-canary.eda1705fc.0":"2021-05-04T19:09:53.177Z","12.0.0-canary.718c90178.0":"2021-05-04T19:27:20.548Z","12.0.0-canary.0e3917299.0":"2021-05-04T19:30:00.775Z","12.0.0-canary.836b3c7db.0":"2021-05-04T20:33:23.874Z","12.0.0-canary.53d4e6d59.0":"2021-05-04T20:49:09.658Z","12.0.0-canary.18d147e27.0":"2021-05-04T20:57:40.419Z","12.0.0-canary.b9984794e.0":"2021-05-04T23:02:42.329Z","12.0.0-canary.b76f5fc9d.0":"2021-05-04T23:06:06.668Z","12.0.0-canary.055d4f10a.0":"2021-05-04T23:21:12.385Z","12.0.0-canary.5b6a46016.0":"2021-05-05T16:15:52.325Z","12.0.0-canary.33c9a737a.0":"2021-05-05T17:26:45.198Z","12.0.0-canary.9bc0effaf.0":"2021-05-05T20:59:35.451Z","12.0.0-canary.a1e0f2af5.0":"2021-05-05T21:40:29.958Z","12.0.0-canary.06930c96b.0":"2021-05-05T23:38:48.040Z","12.0.0-canary.03f525f9f.0":"2021-05-06T00:29:38.003Z","12.0.0-canary.e82ba2a26.0":"2021-05-06T15:55:55.432Z","12.0.0-canary.fc7c4e5ce.0":"2021-05-06T17:28:56.507Z","12.0.0-canary.65c04514d.0":"2021-05-06T18:42:56.022Z","12.0.0-canary.c97779ca6.0":"2021-05-06T21:42:33.280Z","12.0.0-canary.869d890d4.0":"2021-05-07T15:18:17.312Z","12.0.0-canary.ec22e1da9.0":"2021-05-10T18:23:08.993Z","12.0.0-nightly.7427449f0.0":"2021-05-10T18:44:54.840Z","12.0.0-canary.957cc3bf5.0":"2021-05-10T21:56:21.775Z","12.0.0-canary.88a33cd70.0":"2021-05-11T00:08:30.696Z","12.0.0-canary.d20dc6dba.0":"2021-05-11T00:24:17.101Z","12.0.0-canary.0ce2fdb02.0":"2021-05-11T00:58:10.729Z","12.0.0-canary.cb162da37.0":"2021-05-11T01:58:02.099Z","12.0.0-canary.573dc7ffd.0":"2021-05-11T02:16:54.271Z","12.0.0-canary.d5f6ad3fe.0":"2021-05-11T23:22:13.505Z","12.0.0-canary.25751d2ed.0":"2021-05-12T16:19:26.467Z","12.0.0-canary.a23ecb682.0":"2021-05-12T18:22:46.574Z","12.0.0-canary.33a954852.0":"2021-05-13T15:07:16.293Z","12.0.0-canary.a4484849b.0":"2021-05-13T15:30:34.353Z","12.0.0-canary.b4c3f513e.0":"2021-05-13T16:07:36.903Z","12.0.0-canary.1a8d06483.0":"2021-05-13T16:13:20.083Z","12.0.0-canary.8e6081836.0":"2021-05-14T21:40:16.186Z","12.0.0-canary.a2b0f4cee.0":"2021-05-14T21:53:27.479Z","12.0.0-canary.e8e39ad19.0":"2021-05-18T20:12:46.220Z","12.0.0-canary.4bb5eea2b.0":"2021-05-19T15:27:54.978Z","12.0.0-canary.ccce99cd6.0":"2021-05-20T00:56:26.722Z","12.0.0-canary.14767a8db.0":"2021-05-20T20:50:33.794Z","12.0.0-canary.22c6dcff9.0":"2021-05-24T15:18:12.021Z","12.0.0-canary.fadab3372.0":"2021-05-24T16:05:17.922Z","12.0.0-canary.caa73aeee.0":"2021-05-25T14:14:01.859Z","12.0.0-canary.ec31ae1ed.0":"2021-05-25T20:35:01.977Z","12.0.0-canary.8530d3514.0":"2021-05-27T16:04:28.067Z","12.0.0-canary.00b5899dc.0":"2021-06-01T22:45:13.080Z","12.0.0-canary.f1525ea3e.0":"2021-06-03T13:54:02.955Z","12.0.0-canary.464a00286.0":"2021-06-03T14:45:30.270Z","12.0.0-canary.474de7878.0":"2021-06-03T15:13:54.361Z","12.0.0-canary.b87ebf74d.0":"2021-06-03T17:45:59.809Z","12.0.0-canary.2daa49b35.0":"2021-06-04T16:13:46.992Z","12.0.0-canary.08db3d737.0":"2021-06-04T19:41:19.596Z","12.0.0-canary.5823407a7.0":"2021-06-08T00:47:56.007Z","12.0.0-canary.23b0c5e22.0":"2021-06-08T16:21:49.548Z","12.0.0-canary.2952c6a76.0":"2021-06-08T17:40:25.807Z","12.0.0-canary.f12425f88.0":"2021-06-10T01:05:35.474Z","12.0.0-canary.e543628c3.0":"2021-06-10T01:06:39.393Z","12.0.0-canary.e0c346286.0":"2021-06-10T16:35:27.503Z","12.0.0-canary.f43af5633.0":"2021-06-10T20:35:27.612Z","12.0.0-canary.8415ae585.0":"2021-06-11T16:05:25.328Z","12.0.0-canary.598fcccc8.0":"2021-06-11T21:46:03.034Z","12.0.0-canary.5d0605188.0":"2021-06-14T17:38:46.519Z","12.0.0-canary.f147a2271.0":"2021-06-14T19:17:42.156Z","12.0.0-canary.33579e00b.0":"2021-06-15T00:21:35.680Z","12.0.0-canary.a6909c0e6.0":"2021-06-15T18:29:45.210Z","12.0.0-canary.c18b5925b.0":"2021-06-15T21:03:10.179Z","12.0.0-canary.7ea2e830d.0":"2021-06-15T22:50:19.685Z","12.0.0-canary.271fff902.0":"2021-06-15T22:50:41.806Z","12.0.0-canary.d96f0a1e0.0":"2021-06-16T21:05:45.272Z","12.0.0-canary.a6183801a.0":"2021-06-16T22:05:00.213Z","12.0.0-canary.940550232.0":"2021-06-17T19:39:48.516Z","12.0.0-canary.f705e8048.0":"2021-06-18T15:24:03.336Z","12.0.0-canary.08d791f37.0":"2021-06-18T21:11:17.426Z","12.0.0-canary.e38d7440f.0":"2021-06-21T17:40:01.447Z","12.0.0-canary.75900a5a9.0":"2021-06-21T18:36:29.634Z","12.0.0-canary.33e6f50e9.0":"2021-06-23T00:11:39.006Z","12.0.0-canary.8c685301d.0":"2021-06-23T18:24:10.333Z","12.0.0-canary.8c7d994ae.0":"2021-06-23T19:27:00.068Z","12.0.0-canary.4ccd39bdd.0":"2021-06-24T16:14:28.819Z","12.0.0-canary.17553e9f8.0":"2021-06-28T22:52:04.654Z","12.0.0-canary.4c80072fd.0":"2021-06-29T18:40:27.653Z","12.0.0-canary.796811db7.0":"2021-07-01T00:02:57.818Z","12.0.0-canary.70e1efdca.0":"2021-07-01T17:06:07.670Z","12.0.0-canary.435866d32.0":"2021-07-02T18:20:50.028Z","12.0.0-canary.d0f9f3f2e.0":"2021-07-02T23:59:36.870Z","12.0.0-canary.adeac0549.0":"2021-07-08T15:08:49.242Z","12.0.0-canary.068fd5028.0":"2021-07-08T19:03:10.109Z","12.0.0-canary.5dfec7a14.0":"2021-07-12T20:03:47.985Z","12.0.0-canary.07a73750c.0":"2021-07-12T20:25:04.046Z","12.0.0-canary.3e4c6dca1.0":"2021-07-13T01:50:51.163Z","12.0.0-canary.ea77795b1.0":"2021-07-13T15:48:52.313Z","12.0.0-canary.15a179fad.0":"2021-07-13T18:08:52.856Z","12.0.0-canary.c73142a1b.0":"2021-07-13T18:43:48.918Z","12.0.0-canary.d923db73a.0":"2021-07-13T20:53:32.682Z","12.0.0-canary.22d29cbb4.0":"2021-07-13T22:50:04.558Z","12.0.0-canary.2749604bc.0":"2021-07-14T16:21:55.143Z","12.0.0-canary.e1703bed9.0":"2021-07-14T21:47:40.459Z","12.0.0-canary.de48eff0d.0":"2021-07-15T17:07:45.255Z","12.0.0-canary.4f060adc5.0":"2021-07-15T19:21:32.352Z","12.0.0-canary.bd25779b2.0":"2021-07-15T20:41:56.395Z","12.0.0-canary.9f68a932e.0":"2021-07-15T22:06:44.076Z","12.0.0-canary.4eecdeaf0.0":"2021-07-16T14:57:32.213Z","12.0.0-canary.7239684d4.0":"2021-07-16T15:58:43.869Z","12.0.0-canary.d5f1f7c72.0":"2021-07-16T16:13:36.000Z","12.0.0-canary.4d95812f9.0":"2021-07-16T19:42:45.131Z","12.0.0-canary.38d1846cc.0":"2021-07-19T18:41:40.615Z","12.0.0-canary.3f691eccf.0":"2021-07-20T16:08:22.324Z","12.0.0-canary.ebb5c73bb.0":"2021-07-20T16:56:27.435Z","12.0.0-nightly.778a0e8a.0":"2021-07-20T21:05:06.691Z","12.0.0-canary.791311bba.0":"2021-07-20T22:07:07.929Z","12.0.0-canary.85e9a6ac3.0":"2021-07-21T15:35:35.604Z","12.0.0-canary.6b0442278.0":"2021-07-21T18:49:27.479Z","12.0.0-canary.5f00e454a.0":"2021-07-22T17:06:03.425Z","12.0.0-canary.90e08fc6b.0":"2021-07-22T23:37:58.106Z","12.0.0-canary.cf5b9eb86.0":"2021-07-23T18:11:53.078Z","12.0.0-canary.3f36ac75c.0":"2021-07-23T18:31:52.177Z","12.0.0-canary.ea1e1b850.0":"2021-07-24T20:55:25.265Z","12.0.0-canary.22f390c43.0":"2021-07-27T18:59:32.309Z","12.0.0":"2021-07-27T19:49:30.074Z","13.0.0-canary.ae85f7eba.0":"2021-07-27T19:51:01.936Z","13.0.0-canary.5981207f7.0":"2021-07-27T23:17:47.589Z","13.0.0-canary.83bdd0222.0":"2021-07-28T17:25:23.706Z","13.0.0-canary.28656298a.0":"2021-07-29T18:12:44.518Z","13.0.0-canary.9e797daaf.0":"2021-07-29T18:34:58.596Z","13.0.0-canary.adb9f1ad8.0":"2021-07-30T19:04:32.237Z","13.0.0-canary.cc5377458.0":"2021-07-30T21:33:03.194Z","13.0.0-canary.a395972cf.0":"2021-08-03T21:23:01.859Z","13.0.0-canary.7c96e6b98.0":"2021-08-03T22:13:30.997Z","13.0.0-canary.a80c8b2c2.0":"2021-08-04T23:59:26.158Z","13.0.0-canary.3dd611091.0":"2021-08-05T03:55:59.397Z","13.0.0-canary.5dee37ff6.0":"2021-08-05T17:41:56.075Z","13.0.0-canary.bf405d22a.0":"2021-08-05T20:17:44.974Z","13.0.0-canary.b47dd37a6.0":"2021-08-05T20:49:34.641Z","13.0.0-canary.6c82b965b.0":"2021-08-06T16:14:32.132Z","13.0.0-canary.4ca11fe76.0":"2021-08-06T17:07:01.747Z","13.0.0-canary.510cf90f2.0":"2021-08-09T17:16:57.314Z","13.0.0-canary.17580ebf7.0":"2021-08-09T18:17:03.364Z","13.0.0-canary.7249a3060.0":"2021-08-09T18:21:11.039Z","13.0.0-canary.4c405863b.0":"2021-08-10T17:40:27.948Z","13.0.0-canary.f4241a42a.0":"2021-08-11T16:59:09.508Z","13.0.0-canary.0ad12ed3c.0":"2021-08-11T21:28:27.946Z","13.0.0-canary.077dcfcfe.0":"2021-08-12T17:54:57.559Z","13.0.0-canary.e3346766f.0":"2021-08-13T19:44:56.122Z","13.0.0-canary.2fb068fb0.0":"2021-08-13T19:48:10.137Z","13.0.0-canary.fb76c5069.0":"2021-08-16T20:07:47.117Z","13.0.0-canary.457d89aad.0":"2021-08-17T15:21:28.349Z","13.0.0-canary.0de2f2edc.0":"2021-08-17T20:53:52.528Z","13.0.0-canary.1f9259b9d.0":"2021-08-17T22:13:47.100Z","13.0.0-canary.3b9290351.0":"2021-08-18T05:23:14.197Z","13.0.0-canary.43d2eed2a.0":"2021-08-18T16:01:52.005Z","13.0.0-canary.0a9069300.0":"2021-08-19T16:17:17.659Z","13.0.0-canary.7da413ed8.0":"2021-08-20T15:48:17.351Z","13.0.0-canary.e1e69fd8e.0":"2021-08-20T19:31:59.149Z","13.0.0-canary.f5afc16df.0":"2021-08-20T20:26:19.955Z","13.0.0-canary.28d0d75bb.0":"2021-08-20T22:20:03.557Z","13.0.0-canary.21ece5360.0":"2021-08-20T23:43:56.176Z","13.0.0-canary.8de07c02a.0":"2021-08-23T15:26:21.727Z","13.0.0-canary.65aa63b0c.0":"2021-08-24T15:28:15.323Z","13.0.0-canary.15981e9d9.0":"2021-08-24T16:16:48.392Z","13.0.0-canary.fa7520f62.0":"2021-08-24T22:27:35.685Z","13.0.0-canary.ce25bc3ec.0":"2021-08-24T22:48:09.696Z","13.0.0-canary.12f5622e1.0":"2021-08-24T23:17:52.798Z","13.0.0-canary.d97f8f133.0":"2021-08-25T18:32:55.817Z","13.0.0-canary.d86fb6fac.0":"2021-08-25T18:53:30.960Z","13.0.0-canary.e8554dbbf.0":"2021-08-25T21:59:07.468Z","13.0.0-canary.877e3fb0d.0":"2021-08-26T15:37:44.435Z","13.0.0-canary.6236f3576.0":"2021-08-26T16:05:24.571Z","13.0.0-canary.1d19158a1.0":"2021-08-26T17:08:40.196Z","13.0.0-canary.6adc9e83f.0":"2021-08-30T22:44:02.585Z","13.0.0-canary.d082790f0.0":"2021-09-01T21:54:02.377Z","13.0.0-canary.e2c4f0196.0":"2021-09-02T02:10:56.231Z","13.0.0-canary.611db508e.0":"2021-09-02T03:14:41.225Z","13.0.0-canary.d4706933f.0":"2021-09-02T15:37:25.165Z","13.0.0-canary.c16fe03ce.0":"2021-09-02T17:44:27.101Z","13.0.0-canary.9203a958a.0":"2021-09-02T23:45:53.391Z","13.0.0-canary.fddd5ae93.0":"2021-09-03T07:29:23.420Z","13.0.0-canary.117599a8b.0":"2021-09-03T07:30:50.502Z","13.0.0-canary.e4180d07b.0":"2021-09-03T07:31:20.970Z","13.0.0-canary.42d175efc.0":"2021-09-03T15:42:20.383Z","13.0.0-canary.72464476c.0":"2021-09-07T15:33:37.386Z","13.0.0-canary.37d4db866.0":"2021-09-09T14:32:51.115Z","13.0.0-canary.6df682e74.0":"2021-09-09T15:42:38.560Z","13.0.0-canary.b49359c35.0":"2021-09-09T17:34:57.625Z","13.0.0-canary.470bd34e8.0":"2021-09-09T18:00:25.769Z","13.0.0-canary.d48a01771.0":"2021-09-09T18:09:44.473Z","13.0.0-canary.13db34b34.0":"2021-09-09T18:24:46.148Z","13.0.0-canary.864798678.0":"2021-09-09T18:36:11.839Z","13.0.0-canary.d04bda3fb.0":"2021-09-10T15:20:57.007Z","13.0.0-canary.5533f73d3.0":"2021-09-13T23:03:04.998Z","13.0.0-canary.08398f880.0":"2021-09-13T23:33:46.878Z","13.0.0-canary.818f4ee93.0":"2021-09-15T17:49:42.003Z","13.0.0-canary.8355e14dc.0":"2021-09-15T19:11:40.616Z","13.0.0-canary.d4e16a6c4.0":"2021-09-15T21:58:27.798Z","13.0.0-canary.65125b3a6.0":"2021-09-16T21:16:45.490Z","13.0.0-canary.80a583365.0":"2021-09-17T20:35:12.048Z","13.0.0-canary.83900936a.0":"2021-09-17T23:23:46.076Z","13.0.0-canary.860ad06a1.0":"2021-09-17T23:35:25.583Z","13.0.0-canary.3b8d4429e.0":"2021-09-20T17:46:59.074Z","13.0.0-canary.2da3606b9.0":"2021-09-20T19:37:09.273Z","13.0.0-canary.e8c598d1e.0":"2021-09-20T21:11:19.320Z","13.0.0-canary.1340ee9f7.0":"2021-09-22T17:57:19.447Z","13.0.0-canary.65084baff.0":"2021-09-23T21:24:50.999Z","13.0.0-canary.c79aa0cdd.0":"2021-09-24T13:41:09.516Z","13.0.0":"2021-09-24T19:45:16.612Z","14.0.0-canary.198431fcd.0":"2021-09-24T19:46:01.887Z","14.0.0-canary.9a02b6ef8.0":"2021-09-25T13:10:27.786Z","14.0.0-canary.758ce31d9.0":"2021-09-27T17:28:41.532Z","14.0.0-canary.86b50ef74.0":"2021-09-28T17:42:24.585Z","14.0.0-canary.b2fe3528b.0":"2021-09-29T22:56:18.273Z","14.0.0-canary.586e740dd.0":"2021-09-30T16:30:40.738Z","14.0.0-canary.2ac92d766.0":"2021-10-05T19:27:56.242Z","14.0.0-canary.353ca7e9f.0":"2021-10-08T18:46:20.683Z","14.0.0-canary.c78ff0429.0":"2021-10-11T17:21:28.789Z","14.0.0-canary.261f2db59.0":"2021-10-20T16:59:03.904Z","14.0.0-canary.9803d2dc1.0":"2021-10-20T19:21:17.562Z","14.0.0-canary.348665978.0":"2021-10-21T14:50:02.796Z","14.0.0-canary.b2b979a8a.0":"2021-10-28T15:11:36.554Z","14.0.0-canary.1af7c1c4a.0":"2021-10-28T17:52:13.790Z","14.0.0-canary.4afd353cd.0":"2021-10-29T15:01:00.311Z","14.0.0-canary.a986df922.0":"2021-10-29T21:34:29.217Z","14.0.0-canary.c3cdff07b.0":"2021-11-09T19:05:20.616Z","14.0.0-canary.468392606.0":"2021-11-11T19:39:34.093Z","14.0.0-canary.828f9803b.0":"2021-11-11T19:50:17.015Z","14.0.0-canary.8795cba87.0":"2021-11-11T19:56:13.515Z","14.0.0-canary.cd7f8cace.0":"2021-11-11T19:57:53.139Z","14.0.0-canary.207230eb8.0":"2021-11-11T22:23:47.667Z","14.0.0-canary.991fb99f7.0":"2021-11-11T22:35:52.460Z","14.0.0-canary.15db4f164.0":"2021-11-12T17:29:15.012Z","14.0.0-canary.8fcad5a3c.0":"2021-11-12T19:13:15.625Z","14.0.0-canary.f81fb1d23.0":"2021-11-12T22:39:42.188Z","14.0.0-canary.783f6fd5a.0":"2021-11-16T05:49:17.989Z","14.0.0-canary.d57ec74c7.0":"2021-11-16T16:15:39.840Z","14.0.0-canary.554c71829.0":"2021-11-16T16:18:32.970Z","14.0.0-canary.3ef470efe.0":"2021-11-16T16:23:24.971Z","14.0.0-canary.61a28b2b5.0":"2021-11-17T18:58:33.850Z","14.0.0-canary.fae6c652d.0":"2021-11-18T16:24:17.143Z","14.0.0-canary.978a3b5bb.0":"2021-11-19T19:38:26.500Z","14.0.0-canary.e6f43cf44.0":"2021-11-22T17:34:27.074Z","14.0.0-canary.39cf14bc3.0":"2021-11-22T23:03:46.400Z","14.0.0-canary.93134d453.0":"2021-11-23T15:38:08.008Z","14.0.0-canary.bbd11268f.0":"2021-11-23T22:31:31.636Z","14.0.0-canary.3db9c4d3d.0":"2021-11-24T15:36:41.940Z","14.0.0-canary.78305b6d5.0":"2021-11-24T19:49:56.844Z","14.0.0-canary.43d08ba77.0":"2021-11-30T22:55:21.794Z","14.0.0-canary.17a072535.0":"2021-12-02T18:04:32.353Z","14.0.0-canary.5d809696c.0":"2021-12-08T17:43:35.750Z","14.0.0-canary.b6510c8c1.0":"2021-12-08T18:05:42.148Z","14.0.0-canary.f460e23da.0":"2021-12-10T15:24:35.981Z","14.0.0-canary.7d8ea4624.0":"2021-12-10T19:28:32.789Z","14.0.0-canary.8fffcb5dd.0":"2021-12-14T08:54:17.062Z","14.0.0-canary.21e1cb9be.0":"2021-12-14T19:39:07.370Z","14.0.0-canary.ba78e8724.0":"2021-12-15T22:12:13.778Z","14.0.0-canary.e3e073c00.0":"2021-12-20T21:09:00.852Z","14.0.0-canary.3366a71d7.0":"2021-12-22T12:31:42.206Z","14.0.0-canary.c047f7c19.0":"2022-01-05T16:45:02.880Z","14.0.0-canary.05db65ec0.0":"2022-01-06T17:13:26.142Z","14.0.0-canary.6ca8b8f85.0":"2022-01-07T16:00:12.737Z","14.0.0-canary.173ee7a7a.0":"2022-01-10T16:53:25.989Z","14.0.0-canary.b704e4dfc.0":"2022-01-10T18:32:14.639Z","14.0.0-canary.c14e977ee.0":"2022-01-11T15:48:49.528Z","14.0.0-canary.b094eaa4e.0":"2022-01-14T18:41:37.947Z","14.0.0-canary.390220e42.0":"2022-01-17T16:45:20.150Z","14.0.0-canary.4b5391f8b.0":"2022-01-19T23:52:03.146Z","14.0.0-canary.cef6bc623.0":"2022-01-20T00:16:39.698Z","14.0.0-canary.0379179c4.0":"2022-01-20T18:53:40.335Z","14.0.0-canary.e62f3dabf.0":"2022-01-21T23:02:38.788Z","14.0.0-canary.3e20c1de8.0":"2022-01-25T15:30:56.756Z","14.0.0-canary.9f9d928b2.0":"2022-01-27T18:12:25.950Z","14.0.0-canary.a2bcb065c.0":"2022-01-28T19:36:23.368Z","14.0.0-canary.4e66fb2e1.0":"2022-01-28T19:40:43.640Z","14.0.0-canary.9736ddce9.0":"2022-01-29T09:49:10.165Z","14.0.0-canary.cc4ed13cc.0":"2022-02-04T18:21:58.916Z","14.0.0-canary.dcba26fe1.0":"2022-02-04T21:56:26.362Z","14.0.0-canary.ec54d9046.0":"2022-02-07T15:45:46.713Z","14.0.0-canary.ea9b5b463.0":"2022-02-09T17:52:51.895Z","14.0.0-canary.96ea061c1.0":"2022-02-09T18:58:31.910Z","14.0.0-canary.e00181e59.0":"2022-02-10T20:05:51.042Z","14.0.0-canary.037285f9b.0":"2022-02-11T18:28:43.587Z","14.0.0-canary.1aaa68dda.0":"2022-02-16T19:48:15.029Z","14.0.0-canary.ab4aba1af.0":"2022-02-17T18:15:44.949Z","14.0.0-canary.e58552c6e.0":"2022-02-18T18:03:31.908Z","14.0.0-canary.868793776.0":"2022-02-22T19:34:41.685Z","14.0.0-canary.fdc37a445.0":"2022-02-28T18:45:36.299Z","14.0.0-canary.43c7d87dc.0":"2022-03-01T15:32:35.196Z","14.0.0-canary.23043acd0.0":"2022-03-02T20:26:54.981Z","14.0.0-canary.6505e61c5.0":"2022-03-03T19:59:44.395Z","14.0.0-canary.16c166154.0":"2022-03-08T23:21:47.341Z","14.0.0-canary.bdf1d3771.0":"2022-03-14T14:27:50.938Z","14.0.0-canary.cf4292778.0":"2022-03-15T00:29:03.102Z","14.0.0-canary.bbd43e0e0.0":"2022-03-16T20:49:32.716Z","14.0.0-canary.1b6afad86.0":"2022-03-16T21:03:03.376Z","14.0.0-canary.bdf9d4af9.0":"2022-03-16T21:17:19.691Z","14.0.0-canary.32b391398.0":"2022-03-17T17:58:37.794Z","14.0.0-canary.ae8a6a3a3.0":"2022-03-18T16:38:39.369Z","14.0.0-canary.cbd9358a6.0":"2022-03-18T22:51:27.012Z","14.0.0-canary.dcfe49c98.0":"2022-03-21T18:43:31.167Z","14.0.0-canary.f31a833fa.0":"2022-03-23T00:50:08.445Z","14.0.0-canary.4b92e210a.0":"2022-03-24T20:18:01.362Z","14.0.0-canary.a657abb61.0":"2022-03-24T20:39:24.424Z","14.0.0-canary.443f63f50.0":"2022-03-25T23:04:02.829Z","14.0.0-canary.eb382f318.0":"2022-03-29T17:34:22.987Z","14.0.0-canary.344d52823.0":"2022-03-29T18:42:42.168Z","14.0.0-canary.4e372fb49.0":"2022-04-07T20:32:20.673Z","14.0.0-canary.3e30054fb.0":"2022-04-13T22:13:37.754Z","14.0.0-canary.8c4da223a.0":"2022-04-19T15:23:37.393Z","14.0.0-canary.7de8965cc.0":"2022-04-19T20:22:50.288Z","14.0.0-canary.641ed0851.0":"2022-04-20T16:05:02.311Z","14.0.0-canary.e88f83024.0":"2022-04-20T17:47:05.679Z","14.0.0-canary.7321d6254.0":"2022-04-20T20:10:38.432Z","14.0.0-canary.3ab956515.0":"2022-04-25T15:01:17.244Z","14.0.0-canary.53b3cad2f.0":"2022-04-27T12:44:41.848Z","14.0.0":"2022-04-28T16:55:15.043Z","15.0.0-canary.432c815e5.0":"2022-04-28T16:56:22.353Z","15.0.0-canary.a0f01f669.0":"2022-05-06T20:14:04.095Z","15.0.0-canary.276cb39a4.0":"2022-05-06T21:30:55.598Z","15.0.0-canary.4fe98ed70.0":"2022-05-06T21:55:28.262Z","15.0.0-canary.58b130a3d.0":"2022-05-06T21:57:47.339Z","15.0.0-canary.ae278a2fe.0":"2022-05-09T15:23:53.051Z","15.0.0-canary.bebf5bfdf.0":"2022-05-11T02:39:45.349Z","15.0.0-canary.e6072cd6a.0":"2022-05-11T20:17:53.502Z","15.0.0-canary.5b40eb988.0":"2022-05-12T02:43:37.063Z","15.0.0-canary.6a61d62f6.0":"2022-05-12T20:26:12.593Z","15.0.0-canary.05930a453.0":"2022-05-13T18:46:53.782Z","15.0.0-canary.c0a11ef0d.0":"2022-05-18T22:00:28.682Z","15.0.0-canary.2f9b268c0.0":"2022-05-20T19:32:05.354Z","15.0.0-canary.7741345b8.0":"2022-05-20T20:02:11.452Z","15.0.0-canary.f807e793f.0":"2022-05-20T22:21:07.540Z","15.0.0-canary.9f53d4a8a.0":"2022-05-23T14:57:01.231Z","15.0.0-canary.77cf00e37.0":"2022-05-31T17:39:02.780Z","15.0.0-canary.3c7b844c2.0":"2022-06-07T22:20:19.531Z","15.0.0-canary.df47894db.0":"2022-06-13T17:08:00.539Z","15.0.0-canary.b18a873dc.0":"2022-06-14T06:29:17.328Z","15.0.0-canary.ba9c29637.0":"2022-06-14T18:56:56.730Z","15.0.0-canary.9bfd12f01.0":"2022-06-22T19:21:59.774Z","15.0.0-canary.764de225d.0":"2022-06-29T16:26:35.635Z","15.0.0-canary.31e517cea.0":"2022-07-01T18:27:56.926Z","15.0.0-canary.9ea4e8e9c.0":"2022-07-01T22:54:32.352Z","15.0.0-canary.cd5bafabb.0":"2022-07-06T17:53:55.631Z","15.0.0-canary.a02fe49d3.0":"2022-07-06T18:50:37.149Z","15.0.0-canary.826a3d8be.0":"2022-07-06T19:30:35.515Z","15.0.0-canary.ef276aa93.0":"2022-07-07T17:02:10.717Z","15.0.0-canary.59cf61d6b.0":"2022-07-07T17:30:57.207Z","15.0.0-canary.8647092f7.0":"2022-07-07T20:38:12.103Z","15.0.0-canary.02ecd4d85.0":"2022-07-11T16:38:42.355Z","15.0.0-canary.63d3a146e.0":"2022-07-12T11:36:33.180Z","15.0.0-canary.88db01990.0":"2022-07-12T11:39:32.356Z","15.0.0-canary.6432d8fd7.0":"2022-07-14T07:28:25.235Z","15.0.0-canary.085f9b25c.0":"2022-07-14T16:34:30.706Z","15.0.0-canary.39f9424b3.0":"2022-07-14T17:04:47.437Z","15.0.0-canary.ae9fce587.0":"2022-07-14T18:07:43.472Z","15.0.0-canary.1ebddc343.0":"2022-07-15T08:48:54.716Z","15.0.0-canary.c5018840c.0":"2022-07-18T09:42:43.955Z","15.0.0-canary.551b40d18.0":"2022-07-18T10:00:29.950Z","15.0.0-canary.cf9f12371.0":"2022-07-18T10:04:33.176Z","15.0.0-canary.2797ff8b6.0":"2022-07-19T00:23:38.755Z","15.0.0-canary.110fafa17.0":"2022-07-20T07:46:14.640Z","15.0.0-canary.386ef1d2f.0":"2022-07-20T18:19:20.935Z","15.0.0-canary.c3924efef.0":"2022-07-20T18:28:48.323Z","15.0.0-canary.cf5c5907c.0":"2022-07-20T21:21:25.575Z","15.0.0-canary.0617e2319.0":"2022-07-20T21:39:34.880Z","15.0.0-canary.a743b7967.0":"2022-07-20T21:56:43.835Z","15.0.0-canary.69fd619d0.0":"2022-07-20T22:08:37.640Z","15.0.0-canary.2a6ddc1cf.0":"2022-07-29T16:04:08.877Z","15.0.0-canary.86efd56f6.0":"2022-08-02T14:45:06.166Z","15.0.0-canary.ccfc24d19.0":"2022-08-03T18:12:58.772Z","15.0.0-canary.e4570146f.0":"2022-08-03T18:40:12.493Z","15.0.0-canary.6683a36cb.0":"2022-08-03T19:20:12.557Z","15.0.0-canary.10196647d.0":"2022-08-03T21:53:18.475Z","15.0.0-canary.b20d3d73c.0":"2022-08-04T22:42:23.349Z","15.0.0-canary.47c0c6b1e.0":"2022-08-09T15:19:54.953Z","15.0.0-canary.0e3dc8e38.0":"2022-08-11T18:45:27.996Z","15.0.0-canary.d5a11f1c8.0":"2022-08-30T23:00:49.291Z","15.0.0-canary.bac992a95.0":"2022-09-01T07:05:08.847Z","15.0.0-canary.d25f3404c.0":"2022-09-01T09:43:57.423Z","15.0.0-canary.920d8a79e.0":"2022-09-01T20:20:31.638Z","15.0.0-canary.c363f267b.0":"2022-09-01T21:17:49.197Z","15.0.0-canary.a4eb4937a.0":"2022-09-06T18:19:20.816Z","15.0.0-canary.4299717da.0":"2022-09-07T16:15:12.483Z","15.0.0-canary.fa7d8d44b.0":"2022-09-07T19:18:18.241Z","15.0.0-canary.a40e3c768.0":"2022-09-09T20:03:29.758Z","15.0.0-canary.18cdc9a00.0":"2022-09-12T21:02:24.815Z","15.0.0-canary.7ab3cd3c8.0":"2022-09-13T22:38:42.699Z","15.0.0-canary.2860d244d.0":"2022-09-16T22:54:24.373Z","15.0.0-canary.e8726533c.0":"2022-09-20T20:17:13.690Z","15.0.0-canary.00d8de0aa.0":"2022-09-21T15:19:35.401Z","15.0.0-canary.271aedc30.0":"2022-09-21T15:35:23.494Z","15.0.0-canary.9f17ff2cb.0":"2022-09-21T18:07:46.375Z","15.0.0-canary.d3344c16f.0":"2022-09-22T09:23:55.411Z","15.0.0-canary.94f20ccb8.0":"2022-09-22T20:47:18.759Z","15.0.0-canary.81e4cb7b2.0":"2022-09-23T15:07:34.943Z","15.0.0-canary.aa85f9413.0":"2022-09-26T17:55:55.005Z","15.0.0-canary.7134a7752.0":"2022-09-26T21:57:06.124Z","15.0.0-canary.70b8ac16e.0":"2022-09-27T22:44:22.691Z","15.0.0-canary.c20d74405.0":"2022-09-27T23:30:43.451Z","15.0.0-canary.f033fc8d1.0":"2022-09-27T23:56:49.591Z","15.0.0-canary.8d7ae912a.0":"2022-09-28T07:55:34.897Z","15.0.0-canary.db414b864.0":"2022-09-28T14:52:02.904Z","15.0.0-canary.c0462d134.0":"2022-09-28T17:51:33.971Z","15.0.0-canary.28cc6791f.0":"2022-09-28T18:06:17.331Z","15.0.0-canary.a515a2d18.0":"2022-09-28T18:55:11.750Z","15.0.0-canary.ce9523167.0":"2022-09-29T20:30:38.689Z","15.0.0-canary.b2310f7dc.0":"2022-09-30T00:13:19.251Z","15.0.0-canary.a44241e54.0":"2022-09-30T08:20:34.859Z","15.0.0-canary.0ce81e115.0":"2022-09-30T18:17:38.829Z","15.0.0-canary.3cc30f6ad.0":"2022-10-04T17:18:38.994Z","15.0.0-canary.d9cf98e60.0":"2022-10-04T19:03:11.972Z","15.0.0-canary.d71935c8b.0":"2022-10-06T08:14:18.727Z","15.0.0-canary.49c56a25d.0":"2022-10-06T18:50:22.985Z","15.0.0-canary.07acddef3.0":"2022-10-07T21:36:59.235Z","15.0.0-canary.1c74eb2c0.0":"2022-10-07T21:54:29.164Z","15.0.0-canary.dadfb713e.0":"2022-10-08T05:05:15.357Z","15.0.0-canary.395f1ce61.0":"2022-10-08T05:07:16.040Z","15.0.0-canary.e741b5c82.0":"2022-10-10T17:37:25.677Z","15.0.0-canary.582f3cc1c.0":"2022-10-11T04:48:22.777Z","15.0.0-canary.b1a6e3e88.0":"2022-10-12T12:01:43.888Z","15.0.0-canary.c9b1a31e4.0":"2022-10-12T16:57:49.785Z","15.0.0-canary.13e9b0d1f.0":"2022-10-12T19:20:11.926Z","15.0.0-canary.1dc797e7f.0":"2022-10-14T09:40:50.403Z","15.0.0-canary.ed4009397.0":"2022-10-14T16:50:38.676Z","15.0.0-canary.95ef196bc.0":"2022-10-14T23:13:18.112Z","15.0.0-canary.13eea1b2d.0":"2022-10-17T03:50:56.474Z","15.0.0-canary.ef9b2babb.0":"2022-10-17T09:17:12.922Z","15.0.0-canary.cec7fb987.0":"2022-10-17T10:55:38.972Z","15.0.0-canary.4fff58b08.0":"2022-10-17T15:21:45.992Z","15.0.0-canary.587d8f871.0":"2022-10-17T15:56:29.420Z","15.0.0-canary.edf4b98d0.0":"2022-10-17T16:39:49.666Z","15.0.0-canary.024ac5f16.0":"2022-10-17T22:41:40.873Z","15.0.0-canary.c8bdf6144.0":"2022-10-18T18:22:45.626Z","15.0.0-canary.bacda4885.0":"2022-10-18T18:42:02.928Z","15.0.0-canary.92b2556cf.0":"2022-10-19T01:12:46.473Z","15.0.0-canary.cc804509a.0":"2022-10-19T01:16:34.076Z","15.0.0-canary.982bedae9.0":"2022-10-19T01:36:21.952Z","15.0.0-canary.ee40081f4.0":"2022-10-19T20:11:05.774Z","15.0.0-canary.98f1b54e2.0":"2022-10-20T22:56:06.194Z","15.0.0-canary.e74b7ba7e.0":"2022-10-21T17:05:10.168Z","15.0.0-canary.ab55c07d2.0":"2022-10-22T18:18:34.196Z","15.0.0-canary.fc539db34.0":"2022-10-24T18:58:32.042Z","15.0.0-canary.e340b04c5.0":"2022-10-25T23:44:24.079Z","15.0.0-canary.2c1a8f8fd.0":"2022-10-26T17:29:40.407Z","15.0.0-canary.ecfee946f.0":"2022-10-26T20:14:28.559Z","15.0.0-canary.73ca9dbb0.0":"2022-10-31T17:31:44.945Z","15.0.0-canary.357f2e5f1.0":"2022-10-31T18:48:35.132Z","15.0.0-canary.eb103d4b5.0":"2022-10-31T19:55:42.619Z","15.0.0-canary.af5f01223.0":"2022-11-01T18:36:12.695Z","15.0.0-canary.58733ef41.0":"2022-11-02T18:10:03.335Z","15.0.0-canary.909b48215.0":"2022-11-03T04:07:07.561Z","15.0.0-canary.7f17127d5.0":"2022-11-03T18:18:23.137Z","15.0.0-canary.da95e2a05.0":"2022-11-04T16:58:23.369Z","15.0.0-canary.4832e2750.0":"2022-11-04T20:56:22.513Z","15.0.0-canary.215506426.0":"2022-11-05T01:05:19.815Z","15.0.0-canary.4cf917476.0":"2022-11-05T18:03:24.714Z","15.0.0-canary.eef14bd32.0":"2022-11-06T17:23:56.898Z","15.0.0-canary.6faa29fe9.0":"2022-11-07T03:12:48.368Z","15.0.0-canary.9af09b967.0":"2022-11-07T18:26:55.219Z","15.0.0-canary.0f54fbb93.0":"2022-11-08T21:55:57.598Z","15.0.0-canary.a8d47f9fe.0":"2022-11-09T04:16:58.466Z","15.0.0-canary.66a1e75e6.0":"2022-11-09T09:34:55.544Z","15.0.0-canary.5e5c2afc0.0":"2022-11-09T11:52:34.490Z","15.0.0-canary.3e3f43359.0":"2022-11-09T20:02:11.670Z","15.0.0-canary.3f667fac6.0":"2022-11-09T22:05:19.939Z","15.0.0-canary.faa28c1c5.0":"2022-11-11T16:35:05.372Z","15.0.0-canary.a868c7866.0":"2022-11-11T16:35:48.843Z","15.0.0-canary.602fe8efa.0":"2022-11-11T17:11:09.880Z","15.0.0-canary.558c2be62.0":"2022-11-11T22:44:38.138Z","15.0.0-canary.b5c13a7a8.0":"2022-11-14T15:57:49.310Z","15.0.0-canary.a6e1c0702.0":"2022-11-14T17:26:21.276Z","15.0.0-canary.b6f8a06de.0":"2022-11-15T09:27:36.933Z","15.0.0-canary.0163f3ba5.0":"2022-11-15T18:01:16.804Z","15.0.0-canary.66c5cbb94.0":"2022-11-15T19:29:12.856Z","15.0.0-canary.b01136063.0":"2022-11-16T00:15:03.469Z","15.0.0-canary.01da0cabb.0":"2022-11-16T09:12:27.901Z","15.0.0-canary.4ac393164.0":"2022-11-16T16:14:27.665Z","15.0.0-canary.6048fb563.0":"2022-11-16T16:16:47.693Z","15.0.0-canary.3777b03cb.0":"2022-11-16T18:40:36.219Z","15.0.0-canary.f7f56fff7.0":"2022-11-16T19:55:17.659Z","15.0.0-canary.7c73f6134.0":"2022-11-16T19:58:53.798Z","15.0.0-canary.f1e037150.0":"2022-11-16T20:04:23.471Z","15.0.0-canary.40b18d043.0":"2022-11-16T22:58:05.282Z","15.0.0-canary.86bde5c06.0":"2022-11-16T23:08:16.657Z","15.0.0-canary.bb7751002.0":"2022-11-16T23:59:25.875Z","15.0.0-canary.63aca9af6.0":"2022-11-17T19:00:33.267Z","15.0.0-canary.56482dc2e.0":"2022-11-17T21:54:33.572Z","15.0.0-canary.953e689f3.0":"2022-11-17T22:04:01.621Z","15.0.0-canary.b5606a793.0":"2022-11-18T10:20:24.464Z","15.0.0-canary.8c5675942.0":"2022-11-18T15:15:30.282Z","15.0.0-canary.697fbdebd.0":"2022-11-18T16:59:55.437Z","15.0.0-canary.d58410453.0":"2022-11-18T19:24:17.855Z","15.0.0-canary.7971d6ad5.0":"2022-11-19T08:44:34.961Z","15.0.0-canary.a0ae73b0e.0":"2022-11-21T10:53:04.140Z","15.0.0-canary.96f472604.0":"2022-11-21T12:52:00.049Z","15.0.0-canary.18b8f31e1.0":"2022-11-21T16:01:41.813Z","15.0.0-canary.912f33ce4.0":"2022-11-21T17:53:18.286Z","15.0.0-canary.1e1b1c369.0":"2022-11-23T18:59:51.442Z","15.0.0-canary.a2ec49244.0":"2022-11-23T19:30:16.851Z","15.0.0-canary.a7458ba0b.0":"2022-11-23T20:15:46.431Z","15.0.0-canary.7c35e5036.0":"2022-11-24T08:38:41.261Z","15.0.0-canary.4356e05c5.0":"2022-11-24T09:56:04.052Z","15.0.0-canary.cb605f8af.0":"2022-11-24T10:14:42.273Z","15.0.0-canary.05fb07f9f.0":"2022-11-24T17:13:06.836Z","15.0.0-canary.a911b386b.0":"2022-11-28T16:46:40.324Z","15.0.0-canary.2aa8050b4.0":"2022-11-28T19:10:57.019Z","15.0.0-canary.323904a9f.0":"2022-11-29T15:33:15.182Z","15.0.0-canary.168a629a4.0":"2022-11-29T16:48:05.972Z","15.0.0-canary.65c411674.0":"2022-11-29T17:37:32.519Z","15.0.0-canary.a86d36fd2.0":"2022-11-30T02:13:30.206Z","15.0.0-canary.3a1f46c66.0":"2022-11-30T12:06:16.477Z","15.0.0-canary.32d8a9648.0":"2022-12-01T17:28:20.899Z","15.0.0-canary.03618ab70.0":"2022-12-01T20:53:50.383Z","15.0.0-canary.68aaed940.0":"2022-12-01T21:23:20.887Z","15.0.0-canary.f0a0bbc75.0":"2022-12-02T09:01:07.417Z","15.0.0-canary.dd99c8764.0":"2022-12-02T14:00:19.488Z","15.0.0-canary.fabdcca3a.0":"2022-12-02T15:06:10.710Z","15.0.0-canary.2d26722d2.0":"2022-12-02T16:25:49.536Z","15.0.0-canary.eaa0c3a86.0":"2022-12-02T17:41:53.796Z","15.0.0-canary.79a613bbd.0":"2022-12-06T14:25:04.356Z","15.0.0-canary.c871fe61e.0":"2022-12-07T07:51:19.202Z","15.0.0-canary.9eaee7936.0":"2022-12-07T20:02:11.964Z","15.0.0-canary.1d37bf601.0":"2022-12-07T20:40:39.865Z","15.0.0-canary.a5fe069d5.0":"2022-12-09T18:43:31.391Z","15.0.0-canary.ce8b5326f.0":"2022-12-09T23:30:08.975Z","15.0.0-canary.43f5323bc.0":"2022-12-12T16:45:40.398Z","15.0.0-canary.5490e32e7.0":"2022-12-12T17:01:26.895Z","15.0.0-canary.817002c29.0":"2022-12-13T21:53:20.617Z","15.0.0-canary.313a1326a.0":"2022-12-14T10:28:07.603Z","15.0.0-canary.a69c14e10.0":"2022-12-14T11:18:13.367Z","15.0.0-canary.f43e0ceb5.0":"2022-12-14T16:44:11.191Z","15.0.0-canary.34767110.0":"2022-12-14T17:21:55.232Z","15.0.0-canary.1f99f3c50.0":"2022-12-15T14:24:52.402Z","15.0.0-canary.cfd69490f.0":"2022-12-16T20:07:56.046Z","15.0.0-canary.94ad8d986.0":"2022-12-19T19:26:28.331Z","15.0.0-canary.604264203.0":"2022-12-21T21:40:12.576Z","15.0.0-canary.85bcff6af.0":"2022-12-22T10:24:30.676Z","15.0.0-canary.ece3e8d21.0":"2022-12-22T17:11:35.637Z","15.0.0-canary.278ad53d1.0":"2022-12-27T17:04:20.417Z","15.0.0-canary.a7d8389e1.0":"2022-12-27T19:03:06.669Z","15.0.0-canary.8175d5eff.0":"2022-12-28T01:50:56.137Z","15.0.0-canary.16abb41ed.0":"2022-12-28T19:37:48.486Z","15.0.0-canary.e21dcb86d.0":"2022-12-29T14:01:30.670Z","15.0.0-canary.20ab6f5a8.0":"2022-12-29T19:40:21.295Z","15.0.0-canary.b9806f623.0":"2022-12-29T23:05:13.690Z","15.0.0-canary.50c9f550e.0":"2023-01-03T15:47:06.515Z","15.0.0-canary.af490a848.0":"2023-01-03T15:56:18.982Z","15.0.0-canary.7cf487c98.0":"2023-01-03T17:38:04.349Z","15.0.0-canary.a52be2d5e.0":"2023-01-03T19:12:34.937Z","15.0.0-canary.e38ba17c5.0":"2023-01-03T22:31:55.564Z","15.0.0-canary.49041a6c3.0":"2023-01-04T15:16:58.708Z","15.0.0-canary.c492898c2.0":"2023-01-04T17:36:28.939Z","15.0.0-canary.d7a2277de.0":"2023-01-04T21:35:04.759Z","15.0.0-canary.fd95ca7ef.0":"2023-01-05T01:02:13.793Z","15.0.0-canary.1eb44faf9.0":"2023-01-05T09:08:46.196Z","15.0.0-canary.adcdb7db9.0":"2023-01-05T16:20:55.022Z","15.0.0-canary.067af7eff.0":"2023-01-06T23:15:32.675Z","15.0.0-canary.21d1196a7.0":"2023-01-09T10:42:27.812Z","15.0.0-canary.8d2d8d3c4.0":"2023-01-09T22:23:20.954Z","15.0.0-canary.f476fdece.0":"2023-01-10T16:13:58.238Z","15.0.0-canary.fc6ee6c32.0":"2023-01-10T16:27:20.734Z","15.0.0-canary.73537ab0f.0":"2023-01-10T18:10:56.334Z","15.0.0-canary.684e33d25.0":"2023-01-10T19:17:54.718Z","15.0.0-canary.0e89aab6b.0":"2023-01-11T16:16:41.922Z","15.0.0-canary.b0103d10a.0":"2023-01-11T19:11:49.067Z","15.0.0-canary.50e7a5312.0":"2023-01-11T20:53:30.286Z","15.0.0-canary.202823f54.0":"2023-01-11T21:35:06.151Z","15.0.0-canary.199fe2a2a.0":"2023-01-11T21:54:55.640Z","15.0.0-canary.8c0786d6f.0":"2023-01-12T14:35:35.950Z","15.0.0-canary.8a74f7c6d.0":"2023-01-17T19:23:54.548Z","15.0.0-canary.b4687fdc1.0":"2023-01-19T19:48:36.570Z","15.0.0-canary.b836b9892.0":"2023-01-24T22:38:34.299Z","15.0.0-canary.e8912fd37.0":"2023-01-26T18:29:07.031Z","15.0.0-canary.16fbd30ff.0":"2023-01-26T18:34:13.271Z","15.0.0-canary.033ae083a.0":"2023-01-26T19:26:13.025Z","15.0.0-canary.3a705fa1d.0":"2023-01-27T22:42:59.114Z","15.0.0-canary.d6bea2ff2.0":"2023-01-31T15:29:20.403Z","15.0.0-canary.0c94182c8.0":"2023-02-01T17:43:27.523Z","15.0.0-canary.15b221540.0":"2023-02-01T17:51:48.188Z","15.0.0-canary.eeebb8bba.0":"2023-02-01T18:21:32.139Z","15.0.0-canary.6a4b3f834.0":"2023-02-01T18:57:35.393Z","15.0.0-canary.b177b40e2.0":"2023-02-02T03:33:18.701Z","15.0.0-canary.d9f821042.0":"2023-02-02T17:36:53.326Z","15.0.0-canary.47c7deb19.0":"2023-02-03T09:08:14.738Z","15.0.0-canary.a16dbd1a6.0":"2023-02-04T06:13:51.662Z","15.0.0-canary.93416f87a.0":"2023-02-07T13:23:18.295Z","15.0.0-canary.49b8e7442.0":"2023-02-07T23:08:44.228Z","15.0.0-canary.de38de758.0":"2023-02-09T15:41:34.073Z","15.0.0-canary.4d62de70c.0":"2023-02-09T22:02:12.464Z","15.0.0-canary.6fcd8d418.0":"2023-02-13T11:49:11.692Z","15.0.0-canary.066d9439b.0":"2023-02-15T19:56:57.074Z","15.0.0-canary.7ab32468c.0":"2023-02-21T18:33:10.763Z","15.0.0-canary.fa27ba61d.0":"2023-02-27T16:18:27.004Z","15.0.0-canary.311ab4d4a.0":"2023-02-27T16:40:30.637Z","15.0.0-canary.901c83e77.0":"2023-02-27T18:05:19.960Z","15.0.0-canary.5cb8e2174.0":"2023-03-01T16:34:50.508Z","15.0.0-canary.f32339937.0":"2023-03-06T15:14:47.761Z","15.0.0-canary.7644d63d5.0":"2023-03-06T22:26:41.533Z","15.0.0-canary.d96330c08.0":"2023-03-08T11:41:01.633Z","15.0.0-canary.c99cae77c.0":"2023-03-08T23:42:07.635Z","15.0.0-canary.6023b1cd3.0":"2023-03-09T14:25:39.507Z","15.0.0-canary.274610c77.0":"2023-03-09T14:57:46.960Z","15.0.0-canary.a274583b9.0":"2023-03-09T19:51:51.718Z","15.0.0-canary.da22ca960.0":"2023-03-09T20:17:21.804Z","15.0.0-canary.304a94e8b.0":"2023-03-09T20:44:13.773Z","15.0.0-canary.6c265915c.0":"2023-03-09T21:46:31.444Z","15.0.0-canary.de5224633.0":"2023-03-09T23:55:00.843Z","15.0.0-canary.8879557e6.0":"2023-03-10T14:07:08.834Z","15.0.0-canary.23073a303.0":"2023-03-10T14:14:01.004Z","15.0.0-canary.51c7d4014.0":"2023-03-10T16:46:37.003Z","15.0.0-canary.1175a5be0.0":"2023-03-10T20:47:17.122Z","15.0.0-canary.7adf3af80.0":"2023-03-11T01:24:09.160Z","15.0.0-canary.82554d770.0":"2023-03-11T01:36:31.851Z","15.0.0-canary.93fc524b7.0":"2023-03-13T08:37:42.032Z","15.0.0-canary.50be0fbae.0":"2023-03-13T17:43:23.816Z","15.0.0-canary.6b5ffccd9.0":"2023-03-13T17:46:41.982Z","15.0.0-canary.1c8013f4e.0":"2023-03-13T18:01:08.546Z","15.0.0-canary.112715df5.0":"2023-03-13T18:38:21.886Z","15.0.0-canary.d250911f2.0":"2023-03-13T19:30:41.141Z","15.0.0-canary.7cd925c12.0":"2023-03-13T19:38:08.947Z","15.0.0-canary.b2ddacf73.0":"2023-03-13T19:42:35.499Z","15.0.0-canary.989ae2ecc.0":"2023-03-13T19:51:49.081Z","15.0.0-canary.89c66483a.0":"2023-03-13T20:15:37.551Z","15.0.0-canary.6a85742c2.0":"2023-03-14T02:46:35.470Z","15.0.0-canary.bb6cd78d5.0":"2023-03-14T18:15:56.566Z","15.0.0-canary.5f94aa37d.0":"2023-03-14T18:19:22.111Z","15.0.0-canary.1bd317240.0":"2023-03-14T18:23:09.743Z","15.0.0-canary.d441d2a2a.0":"2023-03-14T18:25:42.904Z","15.0.0-canary.fff4066c6.0":"2023-03-14T18:26:18.344Z","15.0.0-canary.87809c710.0":"2023-03-14T18:42:36.492Z","15.0.0-canary.48d30012d.0":"2023-03-14T18:46:58.704Z","15.0.0-canary.419b23cc6.0":"2023-03-14T18:57:54.784Z","15.0.0-canary.bf86521f4.0":"2023-03-14T23:12:37.740Z","15.0.0-canary.11f3d280e.0":"2023-03-15T00:10:28.563Z","15.0.0-canary.b281a409a.0":"2023-03-21T15:40:03.257Z","15.0.0-canary.39e473690.0":"2023-03-21T17:50:26.891Z","15.0.0-canary.cedffb44c.0":"2023-03-21T17:57:27.502Z","15.0.0-canary.36a4cba99.0":"2023-03-28T17:49:13.781Z","15.0.0-canary.ed7e82ded.0":"2023-03-28T20:33:44.162Z","15.0.0-canary.55093ee1e.0":"2023-03-29T18:46:32.772Z","15.0.0-canary.0c53abc81.0":"2023-04-07T01:40:22.153Z","15.0.0-canary.51311e69e.0":"2023-04-07T18:07:03.075Z","15.0.0-canary.113b1a38e.0":"2023-04-10T21:52:58.886Z","15.0.0-canary.ea2191426.0":"2023-04-11T21:54:49.154Z","15.0.0-canary.5a5c38538.0":"2023-04-11T22:29:32.369Z","15.0.0-canary.e4b5ea7eb.0":"2023-04-11T23:03:23.486Z","15.0.0-canary.a094dd9c1.0":"2023-04-14T22:41:41.908Z","15.0.0-canary.f771b091c.0":"2023-04-17T15:37:07.560Z","15.0.0-canary.79b1b612b.0":"2023-04-19T23:39:09.413Z","15.0.0-canary.6f50071e5.0":"2023-04-20T18:00:04.038Z","15.0.0-canary.ef754381c.0":"2023-04-24T20:50:07.462Z","15.0.0-canary.69ebf61ea.0":"2023-04-27T17:20:17.344Z","15.0.0-canary.b90be86de.0":"2023-04-29T00:20:47.846Z","15.0.0-canary.51f9c0c28.0":"2023-04-29T00:30:35.113Z","15.0.0-canary.4e840d685.0":"2023-05-02T15:32:34.547Z","15.0.0-canary.10b8563e4.0":"2023-05-02T23:41:04.144Z","15.0.0-canary.736b7fda4.0":"2023-05-03T15:08:32.624Z","15.0.0-canary.0e533c5a1.0":"2023-05-05T16:55:21.952Z","15.0.0-canary.5f01c15a2.0":"2023-05-05T17:25:28.299Z","15.0.0-canary.3b5b55e31.0":"2023-05-05T18:38:03.966Z","15.0.0-canary.d0788120f.0":"2023-05-09T08:22:12.201Z","15.0.0-canary.f52358dd0.0":"2023-05-12T14:29:31.225Z","15.0.0-canary.d3c3fbaa3.0":"2023-05-12T17:59:32.754Z","15.0.0-canary.576d3d2c8.0":"2023-05-16T01:59:10.053Z","15.0.0-canary.19bb36a46.0":"2023-05-16T19:53:10.477Z","15.0.0-canary.aa5ac7fe5.0":"2023-05-22T17:24:33.369Z","15.0.0-canary.90291f2e2.0":"2023-05-23T17:41:48.053Z","15.0.0-canary.446734f27.0":"2023-05-30T21:47:19.872Z","15.0.0-canary.19de312d8.0":"2023-06-06T17:17:11.140Z","15.0.0-canary.6081d829b.0":"2023-06-07T01:13:10.905Z","15.0.0-canary.b26c34a68.0":"2023-06-07T20:16:15.550Z","15.0.0-canary.4fe911371.0":"2023-06-07T23:05:02.056Z","15.0.0-canary.a9ff9866f.0":"2023-06-13T11:37:22.830Z","15.0.0-canary.b994146f6.0":"2023-06-14T21:02:40.921Z","15.0.0-canary.1fb4b1a06.0":"2023-06-27T18:56:10.120Z","15.0.0-canary.c64a2776e.0":"2023-06-27T20:15:33.238Z","15.0.0-canary.b05d9eb7c.0":"2023-06-29T16:22:48.900Z","15.0.0-canary.2a9697dc5.0":"2023-06-30T22:13:03.639Z","15.0.0-canary.0c52adeab.0":"2023-07-05T16:24:48.915Z","15.0.0-canary.83355c322.0":"2023-07-10T15:04:15.617Z","15.0.0-canary.bc9ae6c9c.0":"2023-08-03T21:19:07.391Z","15.0.0-canary.3c44cd956.0":"2023-08-07T17:46:13.653Z","15.0.0-canary.02702296e.0":"2023-08-25T12:03:59.694Z","15.0.0-canary.872b65832.0":"2023-08-30T12:12:01.523Z","15.0.0-canary.89b2e4122.0":"2023-08-31T16:05:44.946Z","15.0.0-canary.7a3942e7a.0":"2023-08-31T18:38:24.206Z","15.0.0-canary.54feb3020.0":"2023-09-11T21:03:56.632Z","15.0.0-canary.6cda3ce8d.0":"2023-09-12T01:44:01.400Z","15.0.0-canary.205b20b36.0":"2023-09-13T17:15:15.599Z","15.0.0-canary.22bf82024.0":"2023-09-18T09:10:58.270Z","15.0.0-canary.a246a4439.0":"2023-09-18T17:44:41.418Z","15.0.0-canary.d153db62b.0":"2023-09-19T19:13:47.831Z","15.0.0-canary.2528c1c3b.0":"2023-09-20T18:05:17.988Z","15.0.0-canary.1728a6dcf.0":"2023-09-26T01:22:00.085Z","15.0.0-canary.ebb636f3d.0":"2023-09-29T19:43:30.857Z","15.0.0-canary.c0d21ecc9.0":"2023-10-09T19:35:51.375Z","15.0.0-canary.127a44b28.0":"2023-10-12T19:58:50.902Z","15.0.0-canary.0ad128337.0":"2023-10-19T18:50:46.173Z","15.0.0-canary.9cec94097.0":"2023-10-19T23:08:25.452Z","15.0.0-canary.c51a0bbcc.0":"2023-11-15T20:58:08.268Z","15.0.0-canary.d76666ad4.0":"2023-11-27T22:12:33.030Z","15.0.0-canary.8656bf0e0.0":"2023-12-12T21:18:02.225Z","15.0.0-canary.7f224ddd4.0":"2023-12-28T06:08:29.232Z","15.0.0-canary.a0b8a90c0.0":"2024-02-07T19:18:51.868Z","15.0.0-canary.e50b478eb.0":"2024-02-08T18:07:19.596Z","15.0.0-canary.c43b3438b.0":"2024-02-23T20:16:54.032Z","15.0.0-canary.819498d8c.0":"2024-03-15T15:14:00.422Z","15.0.0-canary.453a6248a.0":"2024-03-25T17:12:55.161Z","15.0.0-canary.68edc03c6.0":"2024-04-08T19:05:00.790Z","15.0.0-canary.5bebc0064.0":"2024-04-11T21:39:22.705Z","15.0.0-canary.311f29a60.0":"2024-04-23T17:58:51.758Z","15.0.0-canary.65c10a622.0":"2024-04-25T18:47:57.966Z","15.0.0-canary.4b35cb7d0.0":"2024-05-02T12:02:04.791Z","15.0.0-canary.f80ac92b0.0":"2024-05-02T12:12:28.677Z","15.0.0-canary.2f5b899bc.0":"2024-05-20T13:54:04.176Z","15.0.0-canary.cfec83c74.0":"2024-05-20T18:56:05.092Z","15.0.0-canary.423edc3dc.0":"2024-06-26T18:11:38.706Z"},"readmeFilename":"","homepage":"https://github.com/material-components/material-components-web#readme"}